Skip to main content

Cara Membuat Menu Navigasi di Footer Blog

Bagaimana cara membuat Navigasi About , Contact US di Bagian Footer? cara nya cukup mudah, hanya menambahkan widgate pagelist di bagian footer lalu selanjutnya menambahkan CSS untuk merapikan dan membuat sejajar menu page list nya.

Akhirnya blog seo v6 kembali lagi dengan tutorailnya seputar blogging yang sebelumnya sempat tidak aktif selama beberapa bulan, dikarena kesibukan lain. Ada beberapa pertanyaan yang masuk ke saya tentang cara membuat page list di bagian footer yang mirip dengan template yang saya pakai.

Untuk kali ini sedapat mungkin tutorialnya akan sangat sesuai dengan template bawaan terbaru blogger, seperti contempo, terkemuka, soho dan emporio.

menu pada footer blog
Pertama - tama tambahkan menuju ke dasbord blogger > theme > edit html temukan code berikut ini pada bagian footer:
footer html
Lalu hapus code yang saya tandai merah showaddelement='false' .

Menuju ke layout tambahkan gadget "Pages" pada bagian footer, lalu select laman yang mau ditampilkan lalu save.

layout footer

Lalu tambahkan CSS ini pada edit html tepat di atas code ]]></b:skin>

#PageList2 h3 { display: none; } #PageList2 ul { list-style: none; display: -webkit-inline-box; -webkit-padding-start: 0px; } #PageList2 li { padding-left: 15px; padding-right: 15px; } #PageList2 { text-align: center; }

lalu save, sampai disini menu pada bagian footer sudah terlihat rapi dan sejajar di bagian tengah footer.

Jika ada yang tidak berhasil maupun eror bisa langsung koment saja di bawah, tutorial ini sudah saya coba untuk template contempo dan tidak ada kendala sama sekali. Terus ikuti blog seo v6 dan nantikan tutorial lainnya yang tidak kalah menarik tentunya.


Comments