Cara Membuat Menu Horizontal Pada Blog di Blogspot (NAVIGASI)
Cara Membuat Menu Horizontal Pada Blog di blogspot (NAVIGASI) seperti Menu kolom Home, Daftar isi, Komputer, HP Dll secara mendatar. Sebenarnya Banyak sekali jenis menu horizontal yang bisa anda variasikan, seperti dengan script dropdown CSS ,Nanvigasi slide dan dengan html jquery.nah kali ini saya akan berikan Panduan singkat tentang bagaimana cara Membuat Menu Horizontal pada blog di Blogspot Blogger, dan berikut ini adalah cara2nya :
► Seperti biasa silahkan anda Login dulu ke blogger.com, lalu pilih Design .
► Pilih Edit HTML, dan silahkan Download dulu full template untuk menjaga bila nanti ada kesalahan, dan dengan cara ini Nanti template bisa dikembalikan seperti semula.
► Lalu jangan lupa untuk mencentang kotak expand template widget pada template Anda, dan kemudian cari kode: dan untuk mempermudah pencarian silahkan tekan CTRL + F Pada keybord anda.
► Bila tersebut sudah ketemu Hapus kode itu dan ganti dengan kode di bawah ini:
► Setelah sobat sudah mengganti kode tersebut sekarang cari lagi kode :
dan gantilah kode tersebut dengan Kode script di bawah ini :
Keterangan Kode:
Kode Background: #000 : warna latar belakang dari menu horizontal, #000 adalah kode warna hitam, silakan ubah warna latar sesuai keinginan sobat. dan untuk Kode width: 860px : adalah panjang horizontal dari menu nya, Monggo/silahkan di ATUR/di sesuaikan dengan panjang pada kode #header-wrapper atau panjang #outer-wrapper pada blog sobat.
Kode {color:#fff;background:#306 no-repeat top center} adalah : warna text dan warna background pada saat disorot dengan pointer mouse. Dan Jangan lupa Untuk Mengganti url link http://nandoaji.blogspot.com dengan Link sobat .
Tips :
Sebelum anda meletakkan script/kode diatas ke Template, sebaiknya anda copy/paste Kode di Notepad terlebih dahulu, setelah anda taruh di notepad barulah anda copy lagi dan Masukkan kode tersebut kedalam TEMPALE ANDA.
Dan akhirnya sekian dari saya, semoga panduan Cara Membuat Menu Horizontal Pada Blog di blogspot (NAVIGASI) ini dapat bermanfaat bagi anda semua.
Categories:
Tips & Trik
