Bagaimana Cara Membuat Menu Vertical - IRWANSULAIMAN

Monday, May 7

Bagaimana Cara Membuat Menu Vertical

Cara Membuat Menu Vertical di Blog -Setelah hampir satu bulan saya jarang updates posting'' karena memang lagi buntu gak da postingan he he... '' akhirnya saya dapat postingan nih mungkin saja bermanfaat buat sobat blogger, sebelumnya saya sudah posting cara membuat menu horizontal sekarang yang akan kita bahas adalah bagaimana cara membuat menu vertical mungkin  menu vertical memang jarang sekali peminatnya karena kebanyakan orang menggunakan menu horizontal,  okeh langsung saja kita ke intinya cara pembuatanya. Pertama log in dulu  ke blogger, klik edit html, dan centang cari kode ]]></b:skin> simpan kode di bawah ini tepat di atasnya.
.vertical-menu{
list-style-type: none; margin: 5px 0; padding: 0; width: 170px; border: 1px solid #000; border-bottom-width: 0; } .vertical-menu li a{ background: black;repeat-x bottom left; font: bold 13px &quot;Lucida Grande&quot;, &quot;Trebuchet MS&quot;, Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; } * html .vertical-menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 160px; } .vertical-menu li a:visited, .vertical-menu li a:active{ color: white; } .vertical-menu li a:hover{ background: #BF00FF; }
dan simpan template. Tahap kedua simpan kode di bawah ini di sidebar blog sobat
<ul class="vertical-menu">
<li><a href="http://nama-blog.blogspot.com/" >sample</a></li>
<li><a href="http://nama-blog.blogspot.com/" >CSS Examples</a></li>
<li><a href="http://nama-blog.blogspot.com/">JavaScript Reference</a></li>
<li><a href="http://nama-blog.blogspot.com/"> Reference</a></li>

</ul>
Selesai demikian postingan saya Cara Membuat Menu Vertical semoga bermanfaat.
Comments

4 comments

ooh gitu caranya, sipsip. makasih banget ya gan infonya.

sama-sama gan moga bermanfaat


EmoticonEmoticon