Pada Postingan kali ini saya akan memberitahu bagaimana cara membuat menu dibawah header hanya text saja yang tampil ,ok kita langsung mulai saja caranya.
Contoh:
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 kode tersebut ketemu anda akan melihat kode seperti ini :
<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'>
7. Ganti angka 1 menjadi 2 dan ganti kalimat no menjadi yes
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 {
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>
10. Simpan Template anda.
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya
11. Masuk ke Elemen Laman >> Tambah Gadget
12. Copy kode berikut :
<a href="http://akangyanto.blogspot.com/" class="navigation">Home</a>
<a href="http://www.blogger.com/home" class="navigation">Blogger</a>
<a href="http://www.blogger.com/profile/05452342853771646132 " class="navigation">About Me</a>
<a href="http://akangyanto.blogspot.com/2012/06/tv-online.html" class="navigation">TV Online</a>
<a href="http://akangyanto.blogspot.com/2012/06/blog-post.html " class="navigation">Daftar Isi</a>
13. Simpan Gadget Anda, itulah caranya . Apabila ada yang di tanyakan langsung saja di komentar..!
