Cara Membuat Menu Horizontal di Blogspot Setelah artikel saya yang pertama mengenai Cara Membuat Blog di Blogspot, maka dikesempatan kali ini saya akan memberikan tutorial mengenai Cara Membuat Menu Horizontal di Blogspot.

Memang sudah banyak sekali pendahulu saya yang membuat artikel terkait, namun setelah saya coba sendiri ternyata banyak yang tidak bekerja dengan baik alias ERROR.

Banyak sekali pengaruh kenapa ERROR itu terjadi, salah satunya adalah perbedaan script pada templates blog, karena tidak semua script blog itu sama, walaupun tetap ada bagian-bagian petunjuk di blog yang sama. Tutorial ini hanya sebagai pilihan petunjuk yang lain, bagi teman-teman yang sudah pernah mencoba namun ERROR tidak ada salahnya mencoba tutorial di blog saya ini.

Setelah saya mengotak atik huruf-huruf yang ribet nya setengah mati (Trial and ERROR) di bagian Edit HTML, akhirnya jadi juga Menu Horizontal punya saya ini (Trial and SUCCES), hehehe. Ok, kita langsung saja ke TE (tempat eksekusi).

1. Klik Rancangan/Layout lalu klik Edit HTML,2. Jangan lupa untuk memberi centang di Expand Template Widget, 3. Lalu cari kode ini terlebih dahulu dengan cara menekan Ctrl F:

4. Bentuk full script DEFAULT nya adalah seperti ini:

5. Setelah teman-teman menemukan kode tersebut, maka kode itu perlu kita ubah sedikit agar Menu Horizontal nya bekerja. Yang diubah disini adalah bagian kode yang berwarna merah. Maka hasil full kode itu akan menjadi seperti ini:

Jangan di save dahulu !

6. Lalu langkah selanjutnya adalah mencari kode berikut: 7. Bentuk full script DEFAULT nya adalah seperti ini:

Home

Posts RSS

Comments RSS

Login

8. Teman-teman hanya perlu men-Delete kode yang berwarna merah di atas dan diganti dengan:WelcomeTutorial BlogTips - TrikSEO ManagementSoftwareHotnews9. Kode yang berwarna merah di atas ini adalah tampilan menu blog saya (alamat Url), teman-teman hanya perlu mengganti alamat URL (alamat Url Label/Menu) nya dan nama Menu nya saja dengan punya teman-teman. Penempatan kode di atas harus diantara kode

dan

. Banyaknya kode yang diganti itu tergantung dari berapa banyak menu yang ingin teman-teman gunakan.

Tampilan akhir kode nya adalah:

Welcome

Tutorial Blog

Tips - Trik

SEO Management

Software

Hotnews

Setelah semuanya dikerjakan dengan baik, maka langsung di SAVE, dan teman-teman bisa melihat perubahannya. Hasilnya bisa lihat gambar di bawah ini.

Selengkapnya di: Anggasona | Tutorial Blog | Tips SEO | Hotnews: Cara Membuat Menu Horizontal di Blogspot http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-menu-horizontal-di.html#ixzz1cDDSM9gM