Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Jumat

Membuat Menu Horizontal Sederhana

Menu horizontal/vertikal memang dibutuhkan karena bisa membuat blog kamu menjadi tampak lebih proffesional dan salah satu alternatif dimana kamu bisa menghemat tempat dengan menampilkan label atau link URL kamu sesuai dengan tema / label blog kamu.

Disini kamu bisa membuat menu dengan langkah sederhana dan sudah tentu hasilnya juga sederhana, tapi dengan sedikit kreativitas kamu bisa membuat menu ini jadi tampil lebih bagus.
Nah..! kalau kamu pingin ikuti langkah2 berikut :

Langkah Pertama

* Login ke akun Blogger kamu.
* Dari halaman dashboard, pilih Edit HTML.
* Pada halaman Edit HTML, cari kode ]]> pada script template blog kamu. Tekan Control F atau F3 untuk mencarinya.
* Copykan script berikut dan letakkan di atas kode ]]> tersebut..


/* Menu Horizontal
----------------------------------------------- */
.menuhorisontal{width:100%; overflow:hidden; border-bottom:0px solid #000000;}
.menuhorisontal ul{margin:0; padding:0; padding-left:0px; font:13px Arial; list-style-type:none}
.menuhorisontal li{display:inline; margin:0}
.menuhorisontal li a{float:left; display:block; text-decoration:none; margin-right:2px; padding:2px 2px 2px 2px; color:#ffffff; background:#000000;}
.menuhorisontal li a:hover{color:#FFFFFF; background:#2E2EFE}






<div class="menuhorisontal">
<li>

<a href="http://bikinewbprofesional.blogspot.com/" target="_blank">HOME</a>

<a href="http://www.blogger.com/post-create.g?blogID=7580376175976000177#" target="_blank">menu 1</a>

<a href="http://www.blogger.com/post-create.g?blogID=7580376175976000177#" target="_blank">menu 2</a>

<a href="http://www.blogger.com/post-create.g?blogID=7580376175976000177#" target="_blank">menu 3</a>

<a href="http://www.blogger.com/post-create.g?blogID=7580376175976000177#" target="_blank">menu 4</a>

<a href="http://www.blogger.com/post-create.g?blogID=7580376175976000177#" target="_blank">menu 5</a>

<a href="http://kibagus-homedesign.blogspot.com/" target="_blank">Kibagus-com</a>

</li>
</div>
</div>





Pada tulisan yang tercetak merah dapat kamu ubah disesuaikan dengan Alamat URL kamu tuju. Begitupun dengan judul Menu-1, dst dapat kamu buat sendiri sesuai dengan isi blog kamu.

Selain itu kamu juga bisa menambahkan menu-menu lain asalkan lebar sidebar blog kamu mencukupi. Atau bisa juga dengan cara mengatur ukuran lebar menu pada script yang tadi diletakkan pada HTML template blog kamu.

simpan dan lihat hasilnya... contohnya adalah menu yang ada di blog punyaku ini...!!
Selamat Mencoba...!

0 komentar: