Membuat menu header blog itu sangat mudah. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog kita, sehingga memperbesar pageview.
Berikut adalah screenshot yang Tutorial Blogger miliki
Untuk Demonya bisa sobat lihat sendiri di sini
Sebelum kita mulai langkah-langkahnya sebaiknya baca doa terlebih dahulu agar semua ini berjalan dengan lancar :)
Ayo kita mulai
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode
6. Setelah ketemu sobat akan melihat kode seperti ini
8. Setelah itu cari kode
9. Hapus kode tersebut dan ganti dengan kode berikut ini
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya
11. Masuk ke Elemen Laman >> Tambah Gadget
12. Copy kode berikut
Selesai deh, lihat hasilnya....
Berikut adalah screenshot yang Tutorial Blogger miliki
Untuk Demonya bisa sobat lihat sendiri di sini
Sebelum kita mulai langkah-langkahnya sebaiknya baca doa terlebih dahulu agar semua ini berjalan dengan lancar :)
Ayo kita mulai
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode
<b:section class='header' id='header'(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Setelah ketemu sobat akan melihat kode seperti ini
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>7. Ganti angka 1 menjadi 2 dan ganti kalimat no menjadi yes
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>
8. Setelah itu cari kode
]]></b:skin>(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
9. Hapus kode tersebut dan ganti dengan kode berikut ini
a.navigation {10. Simpan Templatenya
background: #000 ;
color: #fff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #000;
color: #fff;
text-decoration: none;
}
]]></b:skin>
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya
11. Masuk ke Elemen Laman >> Tambah Gadget
12. Copy kode berikut
<a href="http://tutorialseo-blog.blogspot.com/ " class="navigation">Home</a>13. Simpan
<a href="http://tutorialseo-blog.blogspot.com/search/label/aksesoris%20blog " class="navigation">Aksesoris</a>
<a href="http://tutorialseo-blog.blogspot.com/search/label/dasar%20blog" class="navigation">Dasar-dasar Blog</a>
<a href="http://tutorialseo-blog.blogspot.com/search/label/gadget " class="navigation">Gadget</a>
Selesai deh, lihat hasilnya....
Anda baru saja membaca artikel yang berkategori aksesoris blog |
gadget
dengan judul Cara Membuat Menu Dibawah Header. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger
Ditulis oleh:
Andreano Calvin - Senin, 19 Maret 2012
MAKSIH YA BRO ...BLOG ANE SEKARANG UDAH PAKAI
BalasHapusPostingan yang Sangat bagus dan menarik untuk dibaca tentang cara membuat menu ndi bawah header.... Saya suka mengunjungi blog ini.
BalasHapusdi Elemen Laman gag ada tulisan "Tambah Gadget", mohon bimbingannya
BalasHapus@fajar: itu tampilan blogger lama sobat, sekarang sudah berganti nama menjadi TATA LETAK
BalasHapusterima kasih sudah berkomentar
kalau ditambah dengan search box di sebelah menu seperti diatas gimana? mohon pencerahannya ..
BalasHapus