Selasa, 22 Juni 2010

Cara Bikin Menu Banyak Di Atas Posting

Cara Bikin Menu Banyak Di Atas Posting

Selasa, 01 Juni 2010 , Posted by Kang Salman at 06:06
122 views


Hallo sobat informasi maya apa kabar? Akhir-akhir ini email kang salman penuh dengan berbagai pertanyaan bagaimana cara buat  menu banyak di atas blog, atau cara bikin menu banyak d atas blog kita seperti : MENU PROFIL TULAR LINK dsb.
sebenarnya kang salman sudah 2 kali pernah membahas tutorial ini silakan anda lihat

1. Cara membuat menu navigasi  horizontal dan vertikal dropdown
2. Cara membuat halaman menu dropdown

Namun baikalah untuk menanggapi hal itu kang salman akan membuat tutorial baru kebetulan  kang salman menemukan cara baru membuat menu navigasi saat sedak utak-atik CCS di blog yang baru hehehe,

Sebelum kita mulai tutorialnya kang salman mau berbagi pengetahuan dasarnya dulu bagaimana cara membuat menu navigasi seperti di tutorial sebelunya disini

Di bawah ini adalah kode dasarnya untuk membuat menu di atas postingan / blog kita

       

           
Dan ini adalah kode yang kang salman gunakan di blog yang sedang anda baca ini :
Keterangan ! :
Anda tinggal mengganti alamat url di atas dengan alamat anda sendiri, sebagai contoh : yang berwarna merah adalah alamat url saya, lalu yang berwarna hitam adalah nama menu, ganti dengan milik anda, begitupun dengan yang lainnya.

Jika tutorial itu masih membingungkan. disini kang salman akan membuat tutorial baru yang lebih mudah. trik ini kang salman temukan secara tidak sengaja saat sedang mengutak-atik CCS di blog baru kang salman http://kocomon.blogspot.com.

Nie kodenya sob:
Peringatan !
Kode di bawah ini di buat dengan coding bubble tooltips
Sebelum kamu mencoba tutorial ini, silakan ikuti tutorial sebelumnya agar hasil nya jadi lebih baik dan stylis. silakan klik disini






Jika anda mengunakan bubble tooltips maka menu yang akan di atas akan tampil dengan baik dan sempurna, walaupun sebenarnya sedikit rumit tapi hasilnya sebanding.

tapi jika tidak mau mengunakan bubble tooltip  karena pusing maka kodenya ada di bawah ini silakan di copy:


Silakan anda copy kode di atas, mau yang pake bublle toltips atau yang tidak, terserah anda.

letakkan kode itu di
1. login ke blog => teteletek =>Edit HTML
2. cari kode di bawah ini di atas

sehingga hasilnya :


Namun jika anda menyimpan sidebar di atas posting carilah kode sidebar di atas

kalau blog saya terdapat kode, (mungkin di setiap blog akan berbeda-beda)


3. Setelah itu save dan lihat hasilnya

Jika anda ingin contoh blog percobaan nya silakan klik disini

Ok sobat informasi maya sekian dulu ya, semoga tutorial ini bisa membantu masalah anda.
Assalamualaikum ^_^

Post By Kang Salman
http://asksalman19.blogspot.com

Tidak ada komentar:

Posting Komentar

koment