Pada Posting saya yang lalu kita sudah mencoba Membuat Scrollabel Link Menu, yang Code-codenya 100% menggunakan Javascript. Nah sekarang saya akan mencoba membantu anda yang ingin menggunakan Menu jenis Toptab ( deretan menu yang berada di Bagian Header Template ) pada Template anda. Tapi kali ini Code-codenya HTML & Css. OK...Kita lanjut...

Pernahkah kita menemukan kesulitan disaat kita akan memodifikasi template dari Blog yang minim akan style..? yang terkadang kita ( termasuk saya ) merasa sangat kesulitan jika dihadapkan dengan Code-code Html/Css yang tidak kita mengerti. Setelah saya menelusuri di dunia maya, saya menemukan situs yang menyediakan secara gratis pembuatan "  Toptab Menu Secara Online ", dan ternyata membuat menu, baik itu Horizontal maupun Vertikal di situs ini cukup mudah, dalam artian kita tidak perlu melakukan sendiri dalam penulisan Code-code Css dari menu tersebut dan melakukan pendaftaran dulu sebagai member mereka. Siap untuk Mencoba....?

Berikut Sekilas Langkah-langkah nya :

A. Silahkan Anda menuju L.O.K.A.S.I

B. Setelah masuk kita akan langsung disuguhkan 3 langkah untuk mendapatkan Tag dari menu yang telah kita pilih.

                                      
1. Langkah pertama kita akan memilih Style dari menu ini, yang mana ada 4 Style :
- Drop-Down Css menu.
- Horizontal Css menu.
- Vertical Css menu.
- Dreamweaver Css menu.

2. Langkah kedua Sekarang kita coba pilih Style " Horizontal Css menu ", setelah masuk ada lebih kurang 30 menu style yang siap kita pilih, " yaaa tergantung dari selera masing-masing..! ". Silahkan pilih salah satu menu yang anda sukai, " Untuk contoh Saya memilih ( Sky Blue ) ".

                                          

 

 3. Langkah Ketiga anda akan langsung di suguhkan dengan Code-code dari menu yang telah kita pilih tadi.

                                          
Disini ada dua langkah pengambilan Tag-tag tersebut :

1. Dengan cara langsung Copy/paste Code-code tersebut.

2. Dengan cara Mendownload Code-code & Image dari menu tersebut.

                                               
Saya menyarankan anda memilih langkah nomor 2, selain kita bisa memodifikasi Code-code tersebut, plus kita mendownload Image yang digunakan  menu tersebut.
Ok.... Segitu aja ye..... buat " Customize " silahkan berkreasi sendiri.

NB : Situs ini Melakukan Pergantian Templates, jadi gambar contoh dalam Posting ini berbeda. Tapi untuk semua link dalam Posting ini tetap sama.