Seperti yang kita tahu, hidangan navigasi cukup penting peranannya bagi sebuah blog. Menu navigasi, biasanya kita jumpai di bawah header, diatas header ataupun dibawah blog. Seperti halnya cara menciptakan hidangan navigasi diatas header, cara menciptakan hidangan navigasi dibawah blog pun sangat praktis membuatnya. Bagi anda yang tertarik untuk membuatnya, yuk ikuti Kang AP menyimak langkah-langkahnya.
Baca juga :
» Cara Praktis Instal Greasemonkey Dan Manfaatnya
» Cara Praktis 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 arahan dibawah ini sempurna diatas arahan ]]></b:skin>
/* Menu Horizontal Bottom
---------------------------------------------*/
.menubottompic {background:#A00000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyzE3b0IFp5zHm_86B6YGnrhssKAthXcD6j-AYX75mezHgGJso0RDcZVrrdhBP4nETgMrnyKQEf8qvS_GPnYRZqlZ8HQuxLFM0shJwBI3-Vwf6kVUQReyUPRxEDU2XJe-H2rPVGSXlir6/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/AVvXsEiMHXv0tsIxcTwED5DFO3zi1bFw6lshNITDWbzXhz05YNQXUdi-ykx5HaXB1kJc6vWCD6WsIzZYCsZe1XZYstRL-bJ0xqI4Dk-mTev-xaBvW3bR0PNpF__JrBvIXkWCHu6clsGEHB2s2pw/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 arahan dibawah ini sempurna diatas arahan </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='aciknadzirah.blogspot.com/search?q=cara-paling-gampang-membuat-navigasi'>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 menciptakan hidangan navigasi dibawah blog ini, agar artikel ini dapat membantu dan bermanfaat. Terima kasih atas kunjungannya, tetap semangat and happy blogging.
Sumber http://ap-thea.blogspot.com
EmoticonEmoticon