Cara Mudah Membuat Menu Horizontal Keren Blogspot

Menu horizontal yang tata letaknya biasanya berada diatas adalah menu navigasi yang menurut saya merupakan alat untuk mempermudah pengunjung mencari artikel yang mereka cari
pengunjung senang tentu akan membuat blog kita ramai pengunjung, dan pageview akan meningkat dan alhasil rank alexa akan menurun, tentunya semua blogger inginkan itu.
maka dari itu tunggu apa lagi
ayo kita buat hehhe
ke tkp

-klik login pada blogger
-pilih menu template
-trus klik edit Html
-ceklist Expand Template Widget kotak kecil yang ada diatas sebelah kiri

 Expand Template Widget

-Kemudian cari tag  ]]></b:skin>

-Copy code dibawah ini dan letakan diatas tag  ]]></b:skin>

.menu-solid{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: #ebf225 ;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}
.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 9px 11px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}

.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

-Setelah itu simpan template
Langkah selanjutnya adalah :
-klik menu tata letak
-pilih add datget/witget
-pilih Html/java script
-Copy code dibawah ini

<div class="menu-solid">

<a href=" # " target="_blank">Home</a>
<a href=" # " target="_blank">Menu</a>
<a href= "# " target="_blank">Menu 2</a>
<a href="#" target="_blank">Menu 3</a>
</div>

-Setelah itu simpan dan lihat hasilnya

Nb:
^ganti # dengan url sobat Contoh: http://dubraw735.blogspot.com
^ganti home menu menu2 dan menu 3 dengan nama yang sobat inginkan

Demikian Tutorial blog Cara Mudah Membuat Menu Horizontal Keren Blogspot

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Mudah Membuat Menu Horizontal Keren Blogspot dengan url https://dubraw735.blogspot.com/2012/04/cara-mudah-membuat-menu-horizontal.html, Semoga Artikel Cara Mudah Membuat Menu Horizontal Keren Blogspot bermanfaat bagi diri saya dan anda.