Cara membuat menu footer blog menjadi 3 kolom

Semua pasti ingin tampilan blognya terlihat lebih menarik, apalagi dengan adanya tambahan di fitur menu footer blog anda pasti lebih lengkap dan rapi. Lalu bagaimana cara membuat menu footer blog menjadi 3 kolom ?

Berikut ini tuorialnya:

• Login ke blogger.
• KlikTata Letak.
• Klik edit HTML.
• Cari kode  ]]></b:skin>
• Selanjutnya copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>.

<b:if cond='data:blog.pageType == "static_page"'><script type='text/javascript'> <div id='footer-column-divide'> <div id='footer1' 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='footer2' 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='footer3' 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> </script><b:else/></b:if>

• Selanjutnya klik simpan template.
• Jika sudah selesai maka hasilnya akan terlihat atau muncul menu tiga kolom di bagian footer blog anda.

Berikut untuk demo blog yang tadinya tidak ada menu tiga kolom dan setelah mengikuti tutorial di atas bisa muncul menu 3 kolom di bagian footer.

▪ Demo

Itulah Cara membuat menu footer blog menjadi 3 kolom dan scrip ini bisa kalian pasang di semua template, semoga mudah dipahami dan di mengerti.

Share this post