Cara memasang widget menu horizontal menu di Blogger/Blogspot:





1. Masuk ke dashboard > Design/Rancangan > template
 
 
2. Masukkan kode CSS tepat di ATAS ]]></b:skin> (gunakan Ctrl + F untuk mencari)
 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;}
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:
<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>
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!


Share this article :
 

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

 
Copyright © 2012-2013. GO-LINK│*Cafe Information™ - All Rights Reserved