Cara mengedit menu/sub menu template blog hasil download

OK, mari simak tutorialnya :
1. Buka Blog sobat
2. Pilih "Template"
3. pilih "edit template".
4. Nah, disini kita harus sedikit teliti.
saya beri contoh ini blog saya setelah diganti templatenya.
Diatas ada 5 menu yaitu :
- Home
- about
- archive
- comment
- with sub menu
Maka sobat cari salah satu kata dari menu tersebut.
ketik CTRL+F untuk mencari kata.
Misalnya kata : with sub menu (CTRL+F)
maka akan muncul kode seperti dibawah ini :
5. Silahkan sobat edit menu, sub menu atau link tersebut sesuai keinginan sobat.
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
Catatan :
- tulisan yang berwarna Biru adalah Menu (silahkan ubah)
- tulisan yang berwarna hijau adalah sub menu (silahkan ubah)
- tulisan yang berwarna merah (#) silahkan isi dengan link.
jika sobat ingin menambah menu lagi atau sub menu hanya perlu mencopy kode tersebut.
contoh :
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Tips</a></li>
<li><a href='#'>Download</a></li>
<li class='dgnsub'><a href='#'>tutorial</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Ganti template</a></li>
<li><a href='#'>Membuat Blog</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Custom domain</a></li>
</ul>
</li>
6. Klik Pratinjau untuk mengecek apakah sudah benar.
7. Simpan.
contoh :
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Tips</a></li>
<li><a href='#'>Download</a></li>
<li class='dgnsub'><a href='#'>tutorial</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Ganti template</a></li>
<li><a href='#'>Membuat Blog</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Custom domain</a></li>
</ul>
</li>
6. Klik Pratinjau untuk mengecek apakah sudah benar.
7. Simpan.
Sumber : hendri setiawan.com
Langganan:
Posting Komentar (Atom)



0 komentar:
Posting Komentar