Membuat menu di blogger itu sangat mudah, kita hanya perlu menambah beberapa
kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu
Contac, menu Profile, menu Disclaimer, dan menu-menu lain yang ingin sobat
buat. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog
kita, sehingga memperbesar pageview.
Nah, menu-menu diatas tergantung
kebutuhan sobat, jika sobat merasa penting tidak salah kalau mencoba menggunakan
cara dibawah ini, namun yang perlu diperhatikan agar berhasil adalah
layout blog sobat harus sama atau mirip dengan template yang saya gunakan.
Langkah-langkah dibawah sudah saya
uji coba di Blog Demo saya, dan berhasil. Sebelum memulai langkah-langkah
dibawah backup terlebih dahulu template blog sobat.
Langkah - langkah membuat menu di blogger adalah :
1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang ' Expand Template Widget'
2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang ' Expand Template Widget'
2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
<b:section class='header'
id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1'
locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>
<b:includable id='main'>
ganti maxwidgets='1' menjadi 2 atau
lebih dan showaddelement='yes'>
3. Jika sudah selanjutnya sobat cari kode ]]></b:skin>
4. Letakan Kode di bawah ini di atas
kode ]]></b:skin>.
a.navigation{
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
color: #ffffff;
text-decoration: none;
}
]]></b:skin>
]]></b:skin>
Keterangan :
- Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
- Kode warna biru adalah warna tulisan
5. Save template lalu
klik Elemen Laman atau klik rancangan.
6. kemudian klik tambah gadget >> pilih
HTML/JavaScript
7.
Copykan kode berikut kedalam kotak tersebut
<a href="URL " class="navigation">MENU</a>
<a href="URL " class="navigation">MENU</a>
<a href="URL" class="navigation">MENU</a>
Keterangan : Ganti yang dicetak tebal merah dengan URL menu, dan warna biru adalah nama menu.
8. SAVE lalu lihat hasilnya..
0 Response to "CARA MEMBUAT MENU DI BLOGGER"
Post a Comment