Kamis, 14 Juli 2011

Cara Membuat Menu Horizontal Drop Down

Pernahkan anda melihat blog yg pd kolom paling atas banyak sekali tulisan seperti : Home, About Me, Link Exchange, Guest Book, dll. Nah..pd postingan kali ini saya akan memberi tips tentang Cara Membuat Menu Horizontal Drop Down. Menu horizontal merupakan kumpulan beberapa link yg diletakkan secara horizontal dan biasanya berada di bawah header. .


Sebenarnya hal itu tidaklah sulit, tetapi desain template antara satu dgn yg lain sangatlah berbeda, sehingga kita harus mengatur ukuran besar dan kecil, panjang dan lebar, dan link yg ada. Untuk itu, kalau anda berminat membuat Menu Horizontal Drop Down ini, lebih baik anda membuat satu blog percobaan, agar jika terjadi kesalahan tdk merusak blog utama anda. Kalau sdah berhasil anda dpat mengerjakannya di blog utama anda.

Langsung saja caranya sebagai berikut :

1. Login ke blogger
2. Klik rancangan.
3. Pilih edit HTML.
4. Sebelum melakukan langkah berikutnya lebih baik klik Download Template Lengkap (Antisipasi jika ada kesalahan)
5. Cari kode ]]></b:skin> , utk mempermudah pencarian tekan Ctrl + F.
6. Copy paste kode di bawah ini, di atas kode ]]></b:skin>
7. Lalu cari kode yg mirip dgn kode di bawah ini (Mirip bukan sama)
8. Jika sudah ketemu, copy kode di bawah ini setelah kode </div>
9. Kemudian simpan template dan lihat hasilnya.

NB : untuk lebarnya anda bisa menggantinya. Cari kode #NavbarMenu , di bagian bwah anda akan melihat kode width:930px; , maka jika ukuran itu tidak sesuai anda dpat menggantinya.
Kemudian anda juga harus mengubah link yang ada, karena yang anda postingkan tadi adalah blog saya maka anda harus mengganti link nya ke blog anda.


Semoga Bermanfaat.

lintasberita

Related Post :
Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :

13 komentar:

Dode Van Persie mengatakan...

mantap !!!!

koment balik ya gan !!! :)

Pendi Agus Bujangga mengatakan...

@Dode [Admin Dode-Xp]
ok gan...

ILHAM AM mengatakan...

wah bagus juga nih tutorialnya makasihbang namun sayang saya sudah punya tutorial itu..,.,!!!

Pendi Agus Bujangga mengatakan...

@ILHAM AM
gpp gan...
thanks sdah berkunjung...

Sedang pencarian . . . mengatakan...

thankz gan infonya....!
mantapp...:D

Pendi Agus Bujangga mengatakan...

@Sedang pencarian . . .
sama2 gan.....

Rezkiji mengatakan...

mantap gan tutornya...
thanks sudah berbagi :D

Pendi Agus Bujangga mengatakan...

@Rezdown7
ok bro..

reer animasi mengatakan...

Mantapp bngt KK,,

Check it out yaa @ http://reeranimasi.blogspot.com

Pendi Agus Bujangga mengatakan...

@reer animasi
ok sob...

Bøb Våñ Ðìåñkå mengatakan...

mantap gan infonya

Pendi Agus Bujangga mengatakan...

@Bøb Våñ Ðìåñkå
thanks gan....

viper distro mengatakan...

kurang ngerti ane gan...tapi artikrl nya mantap2...ditunggu kunjungan nya ya gan

Tulis Komentar Anda

BLOG INI DOFOLLOW...
Berikanlah sedikit komentar anda, maka anda juga memperoleh keuntungan, tapi jangan NYEPAM...
Jika tidak bisa berkomentar, gunakan "Pop Up Kotak Komentar" di bawah ini....

Status YM

Daftar Link Member KBw /20’