Cara membuat Menu Horisontal di Blog Toko Online

Anda kecewa setelah mendownload template, ternyata Menu Horisontalnya tidak ada, makanya Download Free Template Di sini Aja Broo.

Coba lihat contoh Toko Online ini yang tidak menggunakan Menu Horisontal, Klik Disini. Mau tau Cara membuat Menu Horisontal di Blog dengan sangat Mudah dan Gampang? Coba Lihat tampilan Blog toko online ini, http://www.purnomocepuk-shop.web.id yang memakai tampilan Menu Horisontal, bagaimana caranya? sangat mudah dan gampang dan tidak berbelit-belit. Tapi kadang orang males lihat tampilan menu Horisontal kadang ada yg ngebet kayak kebelet pingin Menu Horisontal, nah ini aku kasih tau aja deh.

Pada Kesempatan ini saya akan membeberkan Cara Membuat Menu Horisontal dengan Mudah sampai tuntas-tas, asal pada bawa aja Gula sama teh ya ke aku..wkwkwkwk, ini caranya :

1) Sign in ke Blogger anda jangan ke Fb tentunya hehehe
2) Klik Lay Out
3) Klik Tambah Widget, pilih HTML lalu Copy Paste Code di bawah ini :

<style type="text/css"> /*----------------------------------*/ .Nav a { width: auto; height: auto; text-decoration: none; } .Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 20px;font-weight:bold; font-size:14px; } .Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:0px; background-color: #FF00FF;} </style> <div style="border: 0px solid #ffcc99; height:px;background-color:#0000FF;"> <div style="width: auto; padding: 10px;" class="Nav" align="left"> <a href="http://www.purnomocepuk-shop.web.id/"><span style="font-weight:bold; color:#FFFFFF; ">Home</span></a> <a href="http://www.purnomocepuk-shop.web.id/search/label/Sepatu PDL TNI"><span style="font-weight:bold; color:#FFFFFF; ">Sepatu PDL</span></a> <a href="http://www.purnomocepuk-shop.web.id/search/label/Sepatu PDH TNI"><span style="font-weight:bold; color:#FFFFFF; ">Sepatu PDH</span></a> <a href="http://www.purnomocepuk-shop.web.id/search/label/Sepatu Kelinci TNI"><span style="font-weight:bold; color:#FFFFFF; ">Sepatu Kelinci</span></a> </div> </div>

Setelah selesai di Save lalu tarik Widget tersebut tepat diatas Kotak Postingan, jadi deh. Gampang kan gak usah ribet2 Edit HTML Sgala. Kalo gak mau ribet2 dan kepingin punya blog toko online seperti http://www.purnomocepuk-shop.web.id klik aja alamat ini Klik Disini

Tapi jangan menuntut tema yang aneh ya, kita hanya amatiran Mas Broo, hehehe. Yang pingin belajar Blog tapi dapet duit recehan juga buat bayar Modem...hehehe. Bukan Designer Blog yang sampe sekolah ke Luar Angkasa..wkwkwk. Klik Disini

Kalo Kecewa Uang dikembalikan Broo...Rejeki dah ada yang Ngatur..wkwkwkwk. Biarin deh nyari amal aja, wkwkwk...yang penting banyak saudara Broo...

NB : http://www.purnomocepuk-shop.web.id ganti dengan alamat Blog anda, masak aku yang harus edit melulu? kalau warnanya pingin di ubah-ubah sesuai dengan warna Blog Anda cari Code ini :

<div style="border: 0px solid #ffcc99; height:px;background-color:#0000FF;"> <div style="width: auto; padding: 10px;" class="Nav" align="left">

  Ganti Kode Warna  #0000FF dengan Warna kesukaan anda atau warna yang sesuai dengan warna Blog Anda, Lihat Panduan Kode Warna Blog Disini