YARO STARAK BLUE PRINT

Yahoo bot last visit powered by  Bots Visit
Google bot last visit powered by Bots Visit
powered by PRBbutton
Personal Blogs - BlogCatalog Blog Directory
Blog Directory & Search engine
Selasa, 04 Mei 2010

MENU VERTIKAL TANPA EDIT HTML

aik sephia 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
<style type="text/css">

#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.

0 komentar:

Posting Komentar

Posting yang berkaitan

TUKARAN LINK SILAHKAN COPY LINK DI BAWAH INI

Ą