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  
---Bizlere Destek Olmak İçin Aşağıdan Yorum Yazmayı ve Yazılarımızı Sosyal Medyada Paylaşmayı Unutmayınız---
admin

Merhabalar sitemizde sizler için birbirinden kaliteli paylaşımlar yapmaktayız.Her konuda bilgili editör arkadaşlarımızla sizlere faydalı ve eğitici makaleler paylaşmaktayız.Ders notları,seo,oyun,dini bilgiler vb. tüm alanda sizler için en iyi içerikleri üretmekteyiz.Bizleri takip ettiğiniz için teşekkür ederiz…

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.