Blogger Footer Ekleme Kodu Siteye Nasıl Eklenir?
Blogger blogunuzu daha düzenli hatta çok daha gösterişli bir hale getirmek ve de footer bölümü eklemek mi istiyorsunuz işte size vereceğim kod ile bu işlemi çok kolay bir şekilde yapabilirsiniz.
Tavsiye Yazı:
Blogger alt bilgi footer ekleme kodu ile çok güzel düzenler kurabilirsiniz. Bu sayede bloğunuzun alt kısmını da kullanacak ve güzel bölümler ekleyebileceksiniz.
Dikkat: Sitenize bir kod ekleme ya da çıkarma gibi işlemler yapmadan önce bloğunuzun yedeğini almanızı tavsiye ederim.
Blogger Footer Ekleme Kodu Html Kod?
1 - Blogger Footer Ekleme
Öncelikle blogger bloğunuza alt bilgi kodunu eklemek için blogger yönetim paneli >> tema >> Html'yi düzenle kısmına gelin. Kodların bulunduğu alanı bir kere tıklayın. Daha sonra bilgisayarınızdan ctrl+f butonlarını tıklayın.
Kodların bulunduğu kısmının sağ üst tarafında açılan arama yerine önce ]]></b:skin> yazarak entere basın. Aşağıdaki kodu, bu kodun hemen üzerine ekleyin. Resimdeki gibi yapın.
footer#ABT_Footer_Wrap{ margin: 0px!important; padding:15px 0!important; min-width:100%!important; background: rgb(33,33,33)!important;} #ABT_Footer_Inner-Wrapper{ max-width: 1050px!important; margin: 0 auto!important; } .ABT_Footer-Tabs{ width: 31%!important; float: left!important; text-align: left; } .ABT_Footer_Stylings h2{ background: none!important; color: #fff!important; font-size: 14px!important; margin-bottom: 30px!important; text-transform: uppercase!important; letter-spacing: 1px!important; overflow: hidden!important; padding-left: 15px!important; position: relative!important; } .ABT_Footer_Stylings h2:before{ content: ''!important; width: 5px!important; position: absolute!important; background-color: rgb(221,47,47)!important; border-radius: 5px!important; height: 100%!important; left: 0!important; z-index: 8!important; } .ABT_Footer_Stylingsh2:after{ content: ''!important; background-color: #2F2D2D!important; height: 1px!important; width: 100%!important; position: absolute!important; top: 50%!important; margin-top: -1px!important; margin-left: 8px!important; } .ABT_Footer_Stylings h2:hover:before { background-color: #7ee0b3!important; } .ABT_Footer_Stylings h2:hover:after{ background-color: #7ee0b3!important;} #ABT_Footer_Stylings2{margin: 0 3.5%}.ABT_Footer_Stylings{color: #fff;}
2 - Blogger Footer Ekleme
Şimdide yapmanız gereken aynı yukarıdaki gibi arama kısmına </body> kodunu yazarak arayın. Yine bu kodun hemen üzerine aşağıdaki kodu dikkatlice ekleyin. Blogger footer ekleme işlemi kadar.
<div id='ABT_Footer_Inner-Wrapper' class='row'>
<div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_1' style='margin: 0px!important;'>
<div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings1'>
<b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap1' preferred='yes'></b:section>
</div>
</div>
<div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_2'>
<div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings2'>
<b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap2' preferred='yes'></b:section>
</div>
</div>
<div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_3'>
<div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings3'>
<b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap3' preferred='yes'></b:section>
</div>
</div>
<div style='clear: both'></div>
</div>
</footer>
İşte sonunda aşağıdaki resimde görülen kısım Blogger yönetim panelinizin yerleştirme alanında aynen bu şekilde olacağını göreceksiniz.
