MENU VERTIKAL TANPA EDIT HTML
Untuk memperindah blog ada baiknya kita menambahkan menu navigasi vertikal atau menu yang berurut dari atas ke bawah, agar pengunjung lebih mudah dalam mencari artikel yang ada di blog kita. sudah banyak tutorial mengenai pembuatan menu vertical yang mengharuskan kita untuk menyusuri html dalam blog kita yang mungkin membingungkan bagi sebagian besar pemilik blog.
di artikel ini saya mencoba untuk menuliskan cara untuk membuat menu navigasi vertical tanpa harus melalui edit html di blog. oke…. kita mulai sekarang
- login ke blog anda dengan username da password anda
- pilih element
- tambah element
- pilih html/java scrip
- lalu copy scrip di bawah ini lalu paste
#coolmenu{
border: 0px solid black;
width: 100%;
background-color: #FFCCFF;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: BLACK;
text-decoration: none;
border-bottom: 1px solid #330099;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: #FFCC99;
color: black;
HEIGHT:15PX;
}
</style>
<div id="coolmenu">
<a href="http://earning-news.blogspot.com/2010/05/yaro-starak-blog-profits-blueprint-1.html">YARO STARAK – blog profits blueprint (1)</a>
<a href="http://earning-news.blogspot.com/2010/05/yaro-starak-apa-sebenarnya-blog-itu-2.html">YARO STARAK - Apa Sebenarnya Blog Itu (2)</a>
<a href="http://earning-news.blogspot.com/2010/05/yaro-starak-menghasilkan-dengan.html">YARO STARAK - Menghasilkan Dengan Blogging (3)</a>
<a href="http://earning-news.blogspot.com/2010/05/yaro-starak-kenapa-anda-blogging.html">YARO STARAK - Kenapa Anda Blogging? (4)</a>
<a href="http://earning-news.blogspot.com/2010/05/yaro-starak-bicarakan-taktik.html">YARO STARAK – bicarakan taktik (5)</a>
</div>
setelah seua ukuran telah disesuaikan dengan blog anda dan tulisan berwarna biru dirubah menjadi link yang anda inginkan maka menu vertical telah selesai anda buat. lalu save/simpan, dan anda juga bisa memindahkan ke posisi yang paling cocok dengan template blog anda.
Selamat mencoba, semoga bermanfaat bagi anda, jangan bosan untuk datang berkunjung ke blog ini untuk membaca artikel lannya. terima kasih.

Posting yang berkaitan
- TULISAN BLOG RATA KIRI - KANAN
- CARA MEMBUAT KOLOM SIDEBAR TERPISAH
- CARA MEMBUAT KOLOM POSTING TERPISAH - PISAH
- MEMBUAT HALAMAN BLOG LEBIH LEBAR ATAU KECIL
- CARA SETTING BLOG DI BLOGER
- WIDGET MENU VERTIKAL CANTIK
- FREE WEB DIRECTORY
- DUMMY BLOG UNTUK MENINGKATKAN PAGE RANK
- MENGGABUNG DUA BLOG DALAM SATU ACCOUNT BLOGGER
- MENU HORIZONTAL DROPDOWN SUB MENU
0 komentar:
Posting Komentar