Tips mempercantik blog dengan menu dropdown

Pernahkan sahabat arc berfikir mau menambah menu di bawah header blogger anda dengan menu seperti blog blog besar lain?

Ingin menambah,tapi tidak tahu apa namanya.
Ingin menambah,tapi tidak tahu caranya.
Jangan khawatir, disini sahabat arc akan tahu bagaimana mempercantik blog anda.

Pertama saya akan jelaskan apa yg dimaksud di sini.
Menu tersebut dinamakan menu dropdown, menu dropdown sendiri berarti menu yg menurun, menu yg simple dan tidak memakan banyak tempat.

Gimana sih cara menambah menu tersebut di blog kita?
Jika sahabat arc masih baru mengenal css,html,dan sebagainya. Sebaiknya anda masuk ke http://cssmenumaker.com/ , karna akan lebih mudah membuat menu yg anda suka.
Jika sudah masuk ke CSS menu maker , pilih menu yg anda suka dan buka, penampakan nya seperti ini.

Selanjutnya, anda pilih build/download. Dan akan tampil seperti ini.

Anda edit dan build sesuka hati anda.

Setelah semuanya clear atau done, anda copy kan ke notepad semua code CSS dan HTML dari CSS menu maker yg sudah anda edit. (lihat yg di tandai)

Nah sekarang anda masuk blog anda, kemudian login. Disini contoh yg saya gunakan adalah Blogger.

Pergi ke bagian Template, lalu Backup dulu template yg ada (Ini sangat penting,jangan sampai anda melewatkan hal ini), caranya klik bagian Backup/Restore di bagian kanan.

Setelah sahabat arc selesai membackup template, close saja.

Next step adalah edit html, klik bagian edit html.

Tekan Ctrl+F dan temukan code ini ]]></b:skin>.

Paste kan CSS yg telah anda copy sebelumnya di atas code tersebut.

Selanjutnya temukan code ini <div class='tabs-outer'>.

Pastekan code HTML yg telah anda copy sebelumnya di bawah code tersebut (Jika ingin meletakkan menu dropdown di bawah header), dan di atas code (Jika ingin meletakkan menu dropdown di atas header)

Simpan template yg sudah di edit.

Dan taraaaa, liat hasilnya.

Selamat mencoba.