Blogger'de Sidebara Abonelikler Eklemek

Abonelikler, hemen hemen tüm yaygın ve popüler bloglarda blogunuza ziyaretci çekmek için blogger sitesine eklenen önemli eklentidir. Twitter'de RSS üzerinden okuyarak ziyaretcileri çekerek blogunuz daha da ilgi çekici duruma getirebilirsniz.Altaki resimde demosunu görebilirsiniz.

Nasıl Eklenir?
1.Adım: Blogger'e Giriş / Tasarım(Yerleşim) / HTML'yi Düzenle /  Widget Şablonnunu Genişlet Bölümlerinden, CTRL+F(Arama) Yardımıyla ;

]]></b:skin>

kodunu buluyoruz ve hemen önüne (üst satırına);

/* -- Start Subscribebok -- */
#subscribebox{list-style:none; margin:0px}
#subscribebox li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}
#subscribebox li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}
#subscribebox li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}
#subscribebox li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#8B3E2F; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,Verdana; font-weight:bold; clear:none}
#subscribebox li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}
#subscribebox li a.link{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}
/* --The End Subscribebok -- */

kodlarını ekliyoruz. Temayı Kaydediyoruz.
2.Adım: Sidebara Widget Eklenmesi;
Sayfa Öğeleri > Widget Ekle > HTML-JavaScript adımlarını izleyerek;

<ul id="subscribebox">
<li>
<a class="link" href="http://feeds.feedburner.com/ilhan:gunes" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3BZpy9b5tw9VIHSnj1Xa23Dmv7W2HUpLlPGrL1_W1Wtq1yt5GX6m46K8p5L_b-HxKByzbgBsPDRABdwu7RVS-Axutu6jm1wzP-pdwpVX_meMLC0eJQd6KEIfOITukwnRhHdLRSSLKpg/s1600/rss_48.png" alt="RSS Beslemeleri" />
<h4>RSS Beslemeleri</h4>
<p>Abonelik RSS Beslemeleri İçin</p>
</li>
<li>
<a class="link" href="http://feedburner.google.com/fb/a/mailverify?uri=ilhan:gunes&loc=en_US" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BGJdsH0Z7GVzJA6-1c9uZC9wh_ThlFcCMC6rxqcAG6D_rsURnzQ5LrgP4u1L6Mb4NTDGDG2tcIZWSnmMamTap945py-aEreT5V8SgRfB4MCanqcW8ezhBiyn1XcVWfmqO5kkHoEKjlU/s1600/mail_forward_48.png" alt="RSS E-Mail Teslim" />
<h4>E-Mail Delivery</h4>
<p>E-mail son güncelleştirmeleri için</p>
</li>
<li>
<a class="link" href="http://twitter.com/ilhngns" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DEFltMHCX5a9dymdMLP5jQmHE2XF5TQMzHt-DpHy57H9xtJWPVaAaGeeRtr3Me5lxmJwa7c7aXrPPQh2Wc5CqFIUUpWTPBdS3REcuDbt3y69N1XARmveFH970I559mFgEJLJ5E3RHuc/s1600/twitter_48.png" alt="Twitter de bizi izleyin" />
<h4>Twitter</h4>
<p>Twitter Üzerinde Bizi Takip Edin</p>
</li>
</ul>

kodlarını ekliyoruz ve kayediyoruz. Renkli  kısımları kendinize göre değiştirmeyi unutmuyoruz. İlgili düşünceleri yorum bölümünde belirtebilirsiniz.