Bilgi Kaynağım: blogger e-posta aboneliği

Günümüzde sosyal medyanın web sitesi üzerinde ki etkisi tartışılmaz hale geldi. Google'ın da bizzat önem verdiği konulardan biri sosyal medya. Bu nedenle web sitelerinde bu tarz sosyal medya eklentileri bulundurmak size oldukça avantaj sağlayabilir. Blogger sosyal medya butonları ile facebook,twitter,google+ gibi ağlarda takipçi sayınızı arttırarak sitenizi daha geniş kitlelere duyurma şansını yakalarsınız. Bu sayede kullanıcılar yayınladığınız yeni içerikleri her an yakalama şansına sahip olurlar.

Bu zamana kadar bir çok sitede sosyal medya butonları ve e-posta aboneliğini eklentilerini ayrı kodlar dahilinde görmüşsünüzdür. Bugün sizlerle paylaşacağım eklentide ise oldukça şık, sade bir görüntüsünün yanı sıra aşağıda ki fotoğrafta göreceğiniz üzere yukarıda bahsettiğim iki özelliği birden içinde barından bir eklenti.

Fotoğrafta gözükmese de eklenti'de hareketli sosyal medya butonları kullanılmıştır.

Blogger Sosyal Medya ve E-mail Aboneliği Eklentisi

Blogger Yönetici Paneline giriş yapın.

Yerleşim > Gadget ekleye tıklayın.

Açılan pencerede HTML/JavaScript'e tıklayın.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

<div class='widget-content'>
<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0bBRd6Ydl-R020BDIGCYdan16VDllCvHa88Sznec5KY21l2rYs2GU3NsG5T_kEa2G8ClxqbgTfOD2s7mhUpWFqGhyphenhyphenTut0ovNe6BMEaT7rzKV0oZpX-Ky6aDbFkbNX7asWK2EoUN8TuBSN/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLXWfKYptL3k5sCn9Ras2rciY_h3n53J1AWX02XLyX7qGSFSOMLNalnpllgVfQMgJBtoKQtnShitdid_PpWkIZQxZNn9oFcNJx7qZjCRooulRhr1lFyxOG1wutiloXiQeK1u5htFKf3T_/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53CiyngoeLbcNb90RVQuZzjaeaqiHY83wZaXCg39DL0to_93JEU-0x7mJo1bOFfdc-xyAGSbgJHeqLQlZumZrUn4M6lQ6EYB4gPcDmdDJsFsjc-O0ce7rXr8xV11-4qIxGf7Ko7DmtGwm/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLGXWekvuBWI_VJ4cx2MmGW_iD72y2XaIX3osCAPs3lqHvhBlPej5NkELsOYigmFHLH2ElMojbdUL-MBF-LC8_j-xv9o76MWB68TPXy1Ak9DK2S-PodqwRHw61fiHmhGWU8tLSfepAAf-r/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}p#rb_socialicons img { /* Yeni Metro Sosyal Butonlar Eklentisi */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}/* Yeni MEtro Sosyal Butonlar Eklentisi */</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form"> <center><p id="rb_socialicons"><a href="http://feeds.feedburner.com/blogkaynagi" target='_blank'> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7JcAeSEYl1qbTQPW85pvKgVcV2tPjo-ThR0W1DJH0heXQwCO4MIHcw8R7ZLhldSn4uDUi6irSdGcwY3pEdKEqQquLv8d42B_dO5X-zv2NQ1sTWakSYL453Kxs7bx0AlEBGJCsAO1UmxSD/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9it05xzYU1K1zkIXlWTR2xMJJ5sbqQuGZnjKfWIy9IhMdU3jfJwDnGl84MXPgvWA6yK5t4D0DdM2p0dCrbEvUYdxCRjPWq2MAGFz9C2zdPWTTJVbEJext-OWyYs214KBW32OqMOWczn23/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7JcAeSEYl1qbTQPW85pvKgVcV2tPjo-ThR0W1DJH0heXQwCO4MIHcw8R7ZLhldSn4uDUi6irSdGcwY3pEdKEqQquLv8d42B_dO5X-zv2NQ1sTWakSYL453Kxs7bx0AlEBGJCsAO1UmxSD/s1600/rss-inactive.png" /></a><a href="https://www.facebook.com/" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNbU6-bFyIiLZxJnigHNVrQCQHsLwIx2qTBlKGDXpnTWFf6P-s4CnTB-aq8VA7zCBXTyXxbD4FeYGrqgGS1pe9YckORU6d_b1S_ayBUmJiOMX9OemA8PbzbH6ge6Vewa-JzRkDQDCPOn-/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6bRqxS19ojQocKQuvTU-GPFncXBU4jBkDXPnthEnJw6JoQQNrJlmIvbF5wdyjlh1iBISSwE29vevOwxSJ-VkBZ6XpQoH5_0FrcmYeGP9M9oTeAkgVp-N2A7onrYZkdB2S4TfOLR_YaJO_/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNbU6-bFyIiLZxJnigHNVrQCQHsLwIx2qTBlKGDXpnTWFf6P-s4CnTB-aq8VA7zCBXTyXxbD4FeYGrqgGS1pe9YckORU6d_b1S_ayBUmJiOMX9OemA8PbzbH6ge6Vewa-JzRkDQDCPOn-/s1600/facebook-inactive.png" /></a><a href="https://twitter.com/blogkaynagi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbOa9mQthdv0DorE4w2t9kDRrOpoqk2slR8dXZrNlq5Exq5LnBeKzXmVsNa7j0WvmY3-I0WwMQmC_2Iur2OZy9Npg7XUKLaZ9TatqA6hEbx9iQRIaR781F5uNIZae5VCqtbZuYjxmqiza/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtSr_J5O7vXxYEwCcjesjvu1z3s2Pj5ltJdWV4mss8qdRedq8Q-CooViUKu-b8SmurMuP_cNsheQXnalAZ-n0nP4iCeHIOgVQRn8WGDtSAbEjAzH_6iYQuF2ez6OeErYVvBLb-xxUfyq4/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbOa9mQthdv0DorE4w2t9kDRrOpoqk2slR8dXZrNlq5Exq5LnBeKzXmVsNa7j0WvmY3-I0WwMQmC_2Iur2OZy9Npg7XUKLaZ9TatqA6hEbx9iQRIaR781F5uNIZae5VCqtbZuYjxmqiza/s1600/twitter-inactive.png" /></a><a href="https://plus.google.com/u/0/105104679481549727437/posts" target='_blank' ><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIS6U1TS2jr123Q-WRp3O4VAxmQadG2Rw2r59Gx36lnweuDL5YABQcew8951AeuGm_Vj8OElcodmRhPubBvI3iU8zHHBF5gCqtd2OnIdpkr5msqAdN_h1lf74sAwlV8v-He5M8QObIBBf/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvMq6Uufsfete3l8rE9fSsr6Ovf3-s4Z38PpV9IVCiVGxn_UP_hwRNLz7t5i852iwqU7_IRtc3JAqYuJ8NqxoFyRvJeK20Y5D9TGLMIsCtNWRbq-nemMdlqbBtkaQQ-KQRp0VctEzf2_LJ/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIS6U1TS2jr123Q-WRp3O4VAxmQadG2Rw2r59Gx36lnweuDL5YABQcew8951AeuGm_Vj8OElcodmRhPubBvI3iU8zHHBF5gCqtd2OnIdpkr5msqAdN_h1lf74sAwlV8v-He5M8QObIBBf/s1600/google-plus-inactive.png" /></a><a href="http://pinterest.com/Bilgicinfo/" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpQ5GShIZETZ6CBpI0ThWVja9O583Kb4vMlFZZ6V5kNYZtV8maliDlQGbBp8pKHkKgWYvKF4dGKgQe76_i4wmAUaenouvRDN5TkGSgHg0mygKP5orDp0wkFBqTOuux6fs0ahbsyLgaf7A/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6_sAzFx0u7YDxmCg1iaZS3lRAOkzfTwI4Vf9YlzT2hNCJZeNOcT864FdwdqAyei9kKuxkRMxID_3tWGaSo3cyO_9dRuFn8gnTy-50MLb_UpLJ65nHKaze-Wlp6Okm9Ve2beppzwzF295B/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpQ5GShIZETZ6CBpI0ThWVja9O583Kb4vMlFZZ6V5kNYZtV8maliDlQGbBp8pKHkKgWYvKF4dGKgQe76_i4wmAUaenouvRDN5TkGSgHg0mygKP5orDp0wkFBqTOuux6fs0ahbsyLgaf7A/s1600/pinterest-inactive.png" /></a><a href="http://blogkaynagi.blogspot.com/p/iletisim.html"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgY1fpkF10rFox-I5QqAb-pouPEnSafDsKLgDacUt_nR-DXFeih9bHMbwyqF3Yggxm1IwDzy2B2Tsz7KGdWWy22_UPO9gbSHcX8vy0lfezjzh8Dm6115Ye5R3JHXkJEXjTzP0XtsDMr_l/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNx-jiIQ9qRunJFQhQ2XEoTkps1YagGG-zIdl8ffGGfHHYg7f9FoT6TIGWe2pKdM31QBHDJWJEPqvWb-uBv-q65eSKA9Q-MAQ33vNHdDCIavhi7STY5EWuvITsAU8HN7oOqWbvRWb5YzVH/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgY1fpkF10rFox-I5QqAb-pouPEnSafDsKLgDacUt_nR-DXFeih9bHMbwyqF3Yggxm1IwDzy2B2Tsz7KGdWWy22_UPO9gbSHcX8vy0lfezjzh8Dm6115Ye5R3JHXkJEXjTzP0XtsDMr_l/s1600/email-inactive.png" /> </a></p></center> <form action="http://feedburner.google.com/fb/a/mailverify?uri=blogkaynagi" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogkaynagi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/bVOOCE" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="E-posta aboneliği.."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Gönder !" /></form></div></div></div><style></style>
</div>

Dikkat:!! Eklentide değiştirmeniz gereken yerleri mavi ile gösterdim. Eklentiyi kurmadan önce her birini tek tek değiştirmeyi unutmayın !

Renkli Abone ol ve Sosyal Ağ Eklentisi

Blogger'da abone ol eklentisi, blogunuza gelen ziyaretçiler için e-posta abone formu içerir ve blogunuza yeni gelen güncellemeleri e-mail aboneliği üzerinden hızlı ve kolay erişebilmesini sağlar. İnsanlar bloglara kaliteli ve konu ile alakalı özgün, farklı içerikler için gelirler. Eğer kaliteli, özgün içerik yazıyorsanız e-mail aboneliği yaptıran kullanıcı artacak ve blogunuzu daha kısa sürede başarıya ulaştıracaktır.

Blogger Abone Ol Butonu Ekleme
Blogger abone ol eklentisi ve sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça renkli blogger eklentisidir. Gelelim Siteye eklemeye;

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

<style>.btsubscribe1 {padding: 8px;background-color:#fa6121;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.btsubscribe2 {padding: 8px;padding-top:0px;background-color:#ffb739;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-align:center;}
.buttonSubHomepage2 { height:24px; width:80px; border:solid; border-color:white; font-family:arial black; font-size:14px; padding-bottom:21px; color:white; background-color:#ffb739; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .buttonSubHomepage2:hover { background-color:#EA9500; }</style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><div class='btsubscribe1' align="center"><div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'>E-posta Aboneliği</div><div style='color: #FFFFFF; font-weight: bold; font: 16px Calibri, cursive; margin: 0px 0px 10px 15px;'>Blog Kaynagin'da yayınlancak yeni yazılar E-posta adresine gelsin.</div><div style='margin: 10px 0 0 6px;'><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blogkaynagi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'style='margin: 0pt;' target='popupwindow'><input name='uri' type='hidden' value='BlogKaynagi' /><input name='loc' type='hidden' value='en_US' /><input style="height:24px;width:200px;border:solid;border:hidden;border-radius:5px;font-size:12px;" class='btmailbox' name='email' onblur='if (this.value == "") {this.value = "E-mail Adresiniz....";}'onfocus='if (this.value == "E-mail Adresiniz...") {this.value = ""}'type='text' value='E-mail Adresiniz...' /><br/><input class="buttonSubHomepage2" alt='' title='' type='submit' value='Abone Ol'/></form></div></div><div class="btsubscribe2"><div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'>Sosyal Ağlar</div><div style=''><a href='http://www.facebook.com/' target='_blank' title='Faceebook Beğen'><img src='http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png' alt='facebook'/></a><a href='http://twitter.com/' rel='nofollow' target='_blank'title='Takip et'><img src='http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png' alt='twitter'/></a><a rel="publisher" href='https://plus.google.com/' target='_blank'title='Follow us on Google+'><img src='http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png' alt='gplus'/></a><a href='http://linkedin.com/' rel='nofollow' target='_blank'title='Follow us on LinkedIn'><img src='http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png' alt='linkedin'/></a><a href='http://feeds.feedburner.com/' rel='nofollow' target='_blank'title='RSS Abone Ol'><img src='http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png' alt='rss'/></a><br/></div></div>

Eklenti Düzenleme

Eklentide düzeltmeniz gereken yerler MAVİ ile gösterilmiştir. İsterseniz kodun içinden dialogları da değiştirebilirsiniz. Gerekli düzenlemeleri yaptıktan sonra eklenti kullanıma hazır olacaktır.

Blogger Sosyal Medya Butonları ve E-Posta Aboneliği Eklentisi

Blogger Renkli Abone Ol Eklentisi

Translate

Blog Arşivi

Tavsiye Bağlantılar !

Sizin İçin Hazırladığımız Araçlar !

Abone Olarak Takip Edin !