Blogunuz için Şık Bir Abonelik Widget'ı

Blogunuzun RSS abonesini ve Twitter takipçisini arttırmanın yollarınndan biri de sidebar’ınızda ziyaretçilerinizin dikkatini çekecek şık bir abonelik widget’ı bulundurmaktır.

Bu yazımda sizlere çok şık ve dikkat çekici bir abonelik widget’ı anlatacağım.

Öncelikle Şablon > HTML’yi Düzenle > Widget Şablonlarını Genişlet yolunu takip ederek ]]></b:skin> kodunu bulun ve bunun üstüne aşağıdaki kodları ekleyin.

#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}

Şimdi sayfa öğelerinden widget’ı eklemek istediğiniz yerdeki gadget ekleme penceresinden HTML/JavaScript seçeneğini seçin ve buraya aşağıdaki kodları ekleyin.

<ul id="subscribebox">

<li>

<a class="link" href="http://feeds.feedburner.com/BlogHocam" target="_blank">

</a>

<img src="http://i54.tinypic.com/2z5vt4w.png" alt="RSS Beslemeleri" />

<h4>RSS Aboneliği</h4>

<p>Yeni yazılarımızı kaçırmayın</p>

</li>

<li>

<a class="link" 

href=http://feedburner.google.com/fb/a/mailverify?uri=BlogHocam&loc=en_US 

target="_blank"></a>

<img src="http://i52.tinypic.com/23u79rs.png" alt="E-Mail Aboneliği" />

<h4>E-Mail Aboneliği</h4>

<p>Yeni yazılar mail adresinize gelsin</p>

</li>

<li>

<a class="link" href="http://twitter.com/Bloghocam" target="_blank"></a>

<img src="http://i51.tinypic.com/jgk5te.png" alt="Twitterda Takip Edin" />

<h4>Twitter Takip</h4>

<p>Follow Twitter takipçimiz olun</p>

</li>

</ul>