Blogger Renkli Abone Ol Eklentisi

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;'><!--Subscription Box--><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Blogkaynagi&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;E-mail Adresiniz....&quot;;}'onfocus='if (this.value == &quot;E-mail Adresiniz...&quot;) {this.value = &quot;&quot;}'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=''><!--Facebook URL--><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><!--Twitter URL--><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><!--Google+ URL--><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><!--LinkedIn--><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><!--RSS URL--><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.