Cara Membuat Menu di Blog Dengan Mudah

Pada tutorial cara membuat menu kali ini saya khusus menuliskan tutorial cara membuat menu blog dengan mudah, jadi mungkin artikel ini biasa saja bagi mereka yang sudah ahli dalam dunia blogger.com, namun saya berharap tutorial ini bermanfaat bagi pemula.

01.Sebaiknya sebelum memulai anda back up datanya, buat jaga jaga saja.
02.Copy kode berikut ini lalu paste di atas kode ]]></b:skin> kemudian Simpan Template.

ul#menu {width: 100%;height: 43px;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6caH4SaEpt7tGn-OCdAmswfW9tuQZSlccnp6Mmp8lo3USvA9aKpDozBM2hvcgvWYUOELBaVIeylzPIBFsXgafyvrORg2-y6zRj-zbm1txMaInr5YDb8XuwgmrE3w3xThQYs8rYeLku3Q/s1600/menu-bg.gif") top left repeat-x;font-size: 0.8em;font-family: "Lucida Grande", Verdana, sans-serif;font-weight: bold;list-style-type: none;margin: 0;padding: 0;}
ul#menu li {display: block;float: left;margin: 0 0 0 5px;}
ul#menu li a {height: 43px;color: #777;text-decoration: none;display: block;float: left;line-height: 200%;padding: 8px 15px 0;}ul#menu li a:hover {color: #333;}
ul#menu li a.current {color: #FFF;background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ol4B-P9uUfxWcChJrZHOm9o0Qc5mdyV6_P468SYEj3GvgiFhyREB2fVzhCZWh3u4notR6F11su0OC4N6x7qLOko6cFk9Pp-_TRfM0WtMhiVrDBXMhgoGafcEf7PPsNPs2UXt_BM2eyQ/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 0;}

03.Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget

<ul id="menu">
<li><a class="current" href="http://teknowarung.blogspot.co.id">Home</a></li>
<li><a href="http://teknowarung.blogspot.co.id/search/label/Aplikasi">Aplikasi</a></li>
<li><a href="#">Contact Me</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">SMS Gratis!</a></li>
</ul>

04.Klik Save Hasilnya akan transparan..