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.
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.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |
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.
|
1 2 3 4 5 6 |
#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.
Bu Yazıya Tepkin Ne Oldu ?
Beğendim
Efsane
Teşekkürler
İyiymiş
Hahaha !
İnanılmaz
İlginç
Hatalı
SELAMUNALEYKÜM BENDE YENİ BAŞLADIM HOCAM GÜZEL ANLATMIŞSIN BENDE ŞU GADGED EKLE BİR TÜRLÜ YAPAMADIM ACABA SİZE TEMAYI VERSEM EKLER MİSİNİZ.
Aleykümselam hocam teşekkürler ilginiz için.Tabii ki temanızı yollayın hocam ayarlayıp size vereyim.
hocam fan sayfanız yok mu
Pretty! This was an incredibly wonderful post.
Thank you for providing these details.