Cara Mudah Membuat Menu Navigasi Dibawah Blog

Seperti yang kita tahu, menu navigasi cukup penting peranannya bagi sebuah blog. Menu navigasi, biasanya kita jumpai di bawah header, diatas header ataupun dibawah blog. Seperti halnya cara membuat menu navigasi diatas header, cara membuat menu navigasi dibawah blog pun sangat mudah membuatnya. Bagi anda yang tertarik untuk membuatnya, yuk ikuti Kang AP menyimak langkah-langkahnya.

Baca juga :
» Cara Mudah Instal Greasemonkey Dan Manfaatnya
» Cara Mudah Membuat Label Blog Warna-Warni
» Cara Memasang Iklan Google Adsense Pada Blogspot

1. Seperti biasanya, langkah pertama silahkan anda login terlebih dahulu ke Blogger

2. Pilih Template » Edit HTML

3. Pasang kode dibawah ini tepat diatas kode ]]></b:skin>

/* Menu Horizontal Bottom

---------------------------------------------*/

.menubottompic {background:#A00000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhak28wCEAiPuP2VM3WbT1WXmVRupFvf3tpzFaCgKKVz7X2v60LpImtX7VLpilR-1ewRC47hgPFnAnyHStjiFV9tv6zF1vNi01KU8FGqKFnUFj9h99Wv36QQ8XZXEYO8Q4sZk3nk5RWzKAI/s1600/Z.jpg) repeat-x top left;width:100%;margin:0 auto;padding:0 auto;height:42px;}

.menubottom {width:950px;height:20px;margin:0 auto;padding:14px 0;}

.menubottom ul {margin: 0;padding-left:0px;color:#fff;text-transform:none;

list-style-type: none;font:normal 11px Arial,sans-serif;}

.menubottom li{display: inline; margin: 0;}

.menubottom li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3DN0vb6NXH4tGBiwissDUdRrXpcXHg9gbM6tIuQt_AHY_LyIYyLDMR8lPpXTapo59npQYb4KX3Wu5lkVTdA-WzbwH6-b7NmnOeWuHheNlgHCVqDPq-Fpmpsj5sV6rLUZqBc2rsICd8fY/s1600/bg_spritebottom.gif) no-repeat center right;float: left;display: block;text-decoration:none;

padding:1px 8px;color:#cccccc;line-height: 1.2em;}

.menubottom li a:visited{color:#ff0000;}

.menubottom li a:hover {color:#cccccc;text-decoration:none;}

4. Langkah selanjutnya, pasang kode dibawah ini tepat diatas kode </body>

<div class='menubottompic'>

<div class='menubottom'>

<ul>

<li><a href='https://ap-thea.blogspot.com'>Home</a></li>

<li><a href='https://ap-thea.blogspot.com/p/about.html'>About Us</a></li>

<li><a href='https://ap-thea.blogspot.com/p/kontak.html'>Contact</a></li>

<li><a href='https://ap-thea.blogspot.com/p/privacy-poli.html'>Privacy</a></li>

<li><a href='https://ap-thea.blogspot.com/p/disclaimer.html'>Disclaimer</a></li>

<li><a href='https://ap-thea.blogspot.com/p/pasang-iklan.html'>Pasang Iklan Murah</a></li>

<li><a href='http://ap-thea.blogspot.co.id/2016/08/cara-jitu-agar-artikel-blog-tampil-di.html'>Popular News</a></li>

<li><a href='https://www.facebook.com/Tips-and-Trik-Kang-AP-244153772609151/'>Social Media</a></li>

</ul>

</div>

<div style='clear:both;'/>

</div>

5. Simpan template dan lihat hasilnya

Bagaimana...mudah banget kan cara membuat menu navigasi dibawah blog ini, semoga artikel ini bisa membantu dan bermanfaat. Terima kasih atas kunjungannya, tetap semangat and happy blogging.

Please Share » » Facebook Google+ Twitter