23 Mayıs 2014 Cuma

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
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.

Bu yazıyı beğendiğiniz mi? Paylaşın!

8 yorum:

  1. Mavi Yazılı olanlara ne yapacağım

    YanıtlaSil
    Yanıtlar
    1. Eklentinin size ait olan sosyal medya sayfalarına gitmesi için kendinize ait rss,facebook,twitter gibi sitelerin linklerini mavi ile gösterilen yerler ile değiştirmeniz gerekiyor.

      Sil
  2. blog kağnağı yazan yere sitemizin url'sinimi yazmamız gerekiyor?

    YanıtlaSil
    Yanıtlar
    1. blogkaynagi yazan kısımlara feedburner, feed adresinizi yazmanız gerekiyor.

      FeedBurner Kurulum ve Ayarları >>

      Sil
  3. Arka plandaki rengi değiştirebilir miyiz? Yani turuncu renk yerine başka bir renk yapabilir miyiz?
    background-color:#..... yazan yerleri istediğim renk ile değiştirdim ama olmadı.

    YanıtlaSil
  4. Ekledim herşey güzel ama maalesef Email adressi kısmı çalışmıyor ?!?! :( Neden acaba ? ne yapabilirim ?

    YanıtlaSil
    Yanıtlar
    1. Email kısmını aktif etmek için feedburner'e kayıt olman gerekiyor ve feedburner'den e-mail aboneliğini aktif etmelisin. Aktif ettikten sonra feedburner adresini mavi ile yazmış olduğum blogkaynagi ile değiştirmelisin.

      FeedBurner kurulum ve ayarları için iki üstte bulunan yorumda ki linke tıklayarak ulaşabilirsin.

      Sil
  5. ben kutuyu yatay olarak daha küçük hale getirmek istiyorum fakat yapamadım nereyi değiştirmem gerekiyor ?

    YanıtlaSil

Lütfen yalnızca yazı ile ilgili yorumlar yazın.Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın.