Artikel Terbaru

Cara Menambah Kolom Footer Di Blog

Kolom Footer Blog

Blogger Sukabumi - Apa kabar sob? kabar baik pastinya. Malam ini saya akan kembali share dengan sobat tentang cara membuat kolom footer di blog, menambah widget kolom footer cara pemasangannya dengan cara menyisipkan atau menambah beberapa bisa 1,2 atau 3 kolom footer di blog . Pada postingan sebelumnya saya pernah share tentang cara menambah kolom di bawah header

Sekedar flashback, footer berada pada bagian bawah blog dan fungsinya banyak sekali untuk menyimpan berbagai macam widget seperti; widget info blog, backlink ataupun link banner teman dan lain-lain.  Para blogger banyak yang menyimpan widgetnya di bagian footer tidak melulu di sidebar.  

Pada kesempatan kali ini akan saya share tentang cara membuat kolom footer, dan sobat bisa mengikuti cara dan langkah di bawah ini :

1. Masuk ke akun blogger sobat.
2. Lalu klik template  >  edit html  

3. Sobat cari Kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian
4. Setelah ketemu sobat copy kode di bawah ini dan paste/letakan di atas kode ]]></b:skin> 


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

 

5. Kemudian sobat cari kode  <b:section class='footer' id='footer'>  lalu ganti dengan kode dibawah ini

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

6. Simpan Template.



Selamat mencoba dan semoga bermanfaat.  
Artikel Yang Terkait

3 Responses to "Cara Menambah Kolom Footer Di Blog"

  1. Info yang bagus dan patut dicoba neh.. trims y

    Salam dari Pulau DOllar

    ReplyDelete
    Replies
    1. Silahkan dicoba kawan, terima kasih sudah sempat mampir

      Delete
  2. sama2 sobat nanti saya berkunjung ke tempatnya sobat dan terima kasih kunjungannya..

    ReplyDelete

Supported by Blogaul