1.
Masuk ke dashboard > Design/Rancangan > template
2.
Masukkan kode CSS tepat di ATAS ]]></b:skin> (gunakan Ctrl + F untuk mencari)
Kode CSS:
Kode CSS:
ul#menu
{width: 100%;height: 43px;background: #FFF
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5yreSwaGa-5GVBZh1fe5PBG00oo1QVRB4dwFcqGKKYQ0Mjc4a6nktYa850hsJKHcweMsqCaAaIWB8sHcrI9i2u0OD2Hn7aXfegRgMj8EeEfqoroODbfh6bsJcFL-m8dbt4c-w-Tie7M/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/AVvXsEiVBVgdW8GUHvTQc1yLGe4rd3CGlN-0TTTVjD94Se8xSQi8iVICS8oEVf2nk0fNwz4jgLmMH6LsHn6R3Kwwhx39yCkY7NalIZ4xoUVFh42DqrFzbKczj_4_W0d5iXAfAB9g1wTmjuk8RFk/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 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/AVvXsEiVBVgdW8GUHvTQc1yLGe4rd3CGlN-0TTTVjD94Se8xSQi8iVICS8oEVf2nk0fNwz4jgLmMH6LsHn6R3Kwwhx39yCkY7NalIZ4xoUVFh42DqrFzbKczj_4_W0d5iXAfAB9g1wTmjuk8RFk/s1600/current-bg.gif") top left repeat-x;padding: 5px 15px 0;}
3.
Save template.
4.
Copy Kode HTML, ganti #(url
homepage anda) dengan url homepage blog, dan # dengan url-url lain yang ingin dipasang di
menu. Ganti kata-kata Home, Daftar Isi Blog,
dan lain-lain dengan anchor text yang diinginkan.
Kode HTML:
Kode HTML:
<ul
id="menu">
<li><a class="current" href="#(url homepage anda)">Home</a></li>
<li><a href="#">Daftar Isi Blog</a></li>
<li><a href="#">Contact Me</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">SMS Gratis!</a></li>
</ul>
<li><a class="current" href="#(url homepage anda)">Home</a></li>
<li><a href="#">Daftar Isi Blog</a></li>
<li><a href="#">Contact Me</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">SMS Gratis!</a></li>
</ul>
Contoh:
<li><a
class="current" href="http:/ebitz-id.blogspot.com">Home</a></li>
Jika
ingin menambah atau mengurangi link menu, tambah atau hapus baris:
<li><a
href="#">anchor text</a></li> sebelum </ul>.
5.
Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
6.
Setelah pop up window muncul, pilih opsi HTML/Javascript
7. Kemudian masukkan Kode HTML yang telah diedit ke kolom configure HTML/Javascript.
7.
Klik save.
8. Drag/geser widget menu horizontal tersebut ke bawah/atas
header.
9.
Save lagi.
10.
Done!
Posting Komentar
Tolong komentarnya yang berhubungan dengan artikel yang ada...
Komentar yang mengarah ke tindakan SPAM akan di hapus atau terjaring secara otomatis oleh spam filter
www.ebitz-id.blogspot.com