Jumat, 28 November 2014

gimana cara membuat widget 4 footer





Kolom widget di footer menjadi trend di situs-situs berita. Lihah saja misalnya republika.co.id, detik.com, dan okezone.com, juga situs pro lainnya. Nah, jika template blog Anda tidak menyediakannya, ini
dia cara membuat Widget Footer empat kolom di bagian bawah blog Anda.

Fungsi Widget Footer ini untuk menampilkan link-link penting, seperti link internal (menu, label, posting terbaru, komentar terbaru, dll) atau link eksternal (blog list).



Fungsi lainnya kolom di footer blog ini adalah menjadi navigasi menu seperti halnya navigasi blog yang biasa ada di bawah atau di atas logo (judul blog).


Dengan adanya Footer Widget ini, pengunjung gak perlu scroll ke atas lagi untuk melihat menu apa saja yang disediakan blog kita. DEMO footer widget empat kolom bisa dilihat di footer blog CB ini, New Johny Wuss, juga di New Fastest Magz dan lainnya.



Cara Membuat Widget Footer Empat Kolom di Blog
1. Template > Edit HTML
2. Cari kode
 ]]></b:skin> dan Copas kode berikut ini di atasnya:

#lower { 
margin:auto;
 
padding: 0px 0px 10px 0px;
 
width: 100%;
 
background:#333333;
 
}
 
#lower-wrapper {
 
background:#333333;
 
margin:auto;
 
padding: 20px 0px 20px 0px;
 
width: 960px; // Sesuaikan dengan lebar blog Anda
border:0;
 
}
 
#lowerbar-wrapper {
 
background:#333333;
 
float: left;
 
margin: 0px 5px auto;
 
padding-bottom: 20px;
 
width: 23%;
 // Sesuaikan
text-align: justify;
 
color:#ddd;
 
font: bold 12px Arial, Tahoma, Verdana;
 
line-height: 1.6em;
 
word-wrap: break-word;
 

Tidak ada komentar:

Posting Komentar