Blogger Siteye Footer Kısmı Eklemek

Blogger Siteye Footer Kısmı Eklemek

Merhabalar arkadaşlar bu yazımda sizlere blogger sitenize 3 gatget’li footer kısmı eklemeyi anlatacağım.

1=Öncelikle blogger panelimize giriyoruz ve sol taraftan Şablon>Html’yi Düzenle butonuna basıyoruz.

11112

2=Sonrasında <b:section class=’footer’ id=’footer’/> bu kodu ctrl+f yaparak aratıyoruz.(Eğer bu kod temanızda yoksa ki bulunmayabilir, </body> kodunu aratıp hemen üst kısmına geliyoruz.)

Sonrasında aşağıdaki kodları o kısıma ekliyoruz.

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

12132

3=En sonunda ise ]]></b:skin> bu kodu temamızda aynı şekilde ctrl+f yaparak aratıyoruz ve hemen üstüne de alttaki kodu yapıştırıyoruz.

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

İşlem bu kadar.Eğer boyutlarında ayarlamalar yapmak istiyorsanız mavi renkli sayı kısımlarını dilediğiniz gibi değiştirebilirsiniz.

Kodları ekledikten sonra aşağıdaki resimde de gördüğünüz gibi blogger panelden Yerleşim‘e tıklayarak 3 adet footer gatget ekleyebilirsiniz.

23423

  • Beğen  
admin

Merhabalar ben Mustafa , Yıldız Teknik Üniversitesi'nde matematik mühendisliği okuyorum.Siteye her gün her telden içerik eklemeye çalışıyorum.Sormak istediğiniz sorular olursa bana mustafamsirin@gmail.com adlı mail adresimden ulaşabilirsiniz.

Benzer Yazılar

Yapına Yorumlar (4)

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*
*

Time limit is exhausted. Please reload CAPTCHA.