3 Haziran 2009 Çarşamba

Blogger/Blogspot Temanızın Altına 3 Yeni widget

Mutlaka görmüşsünüzdür, özeelikle yeni oluşturulan ücretli ya da ücretsiz bir çok temanın footer kısmı 3 adet wigdettan oluşuyor. Genellikle de bu widgetlarda Son yorumlar, Son Yazılar, Kategoriler yer alıyor. Blogspotta da kullanılmasına rağmen özellikle wordpress temalarda bunu yaygın olarak görüyoruz.

image

Bu widgetları blogunuza eklemek gelen ziyaretçilerin sitemizde daha fazla zaman geçirmesi açısından önemli. Şöyleki sitemize gelen okuyucular, makaleyi okuyup bitirdiği zaman steden ayrılmak isteyebilirler ama footer kısmında bu widgetlar yer alırsa ziyaretçiler daha uzun zaman geçirerek, diğer makaleleri de okumak isteyebilirler.

Sonuç olarak bu widgetları ekleyim derim ben. Sitemze widgetları eklemek için:


Yerleşim -> HTML Düzenle
CTRL+F yapıyoruz ve aşağıdaki kodları buluyoruz.

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

Kırmızı yazan kodu aşağıdaki kod ile değiştiriyoruz.

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

ÖNİZLEME, hehangi bir hata kodu almadıysak devam ediyoruz.

Aşağıdaki kodu buluyoruz:

]]></b:skin>

Hemen üzerine aşağıdaki kodu yapıştırıyoruz


#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

Kaydediyoruz.

Temamızın Footer kısmında 3 adet Gadgetimiz oldu. Güle güle kullanın.

Hiç yorum yok:

Yorum Gönder