Cara Mengnganti bagian Top Menu pada template blogger - kali ini kita akan membahas tentang bagai mana Cara Mengnganti bagian Top Menu pada template blogger, dengan sedikit olesan blog kita akan tampak lebih propesional
ikuti langkah langkah berikut :
>> 1st example,Check it Out Guys
1. Login ke Blogger > Rancangan > Edit HTML > Edit Template ( don't forget centang expand template widget )... Kemudian Copy-Paste dahulu semua kode HTML template widget blog kamu ke dalam wordpad atau notepad, lalu simpat... untuk jaga-jaga gitu...
2. Tekan Control+F lalu cari kode " <div id='menu'>
" ...kalau di kode html saya mungkin ada beberapa script html yang
berbeda dengan blog kalian, jadi kalau yang menggunakan fasilitas
template otomatis yang baru, bisa di "find" kata kunci seperti home dan
lainnya,,,lalu chek bagian tersebut
3. Nanti akan terlihat kode sesudah " <div id='menu'> " yang seperti contoh dibawah ini...
<div id='menu'>
<ul>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><div class='gap'/></li>
<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><div class='gap'/></li>
<li><a href='http://www.blogger.com/'>Login</a></li>
</ul>
</div>
</div>
<ul>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><div class='gap'/></li>
<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><div class='gap'/></li>
<li><a href='http://www.blogger.com/'>Login</a></li>
</ul>
</div>
</div>
Keterangan :
> Ubahlah nama menu yang saya kasih warna ungu, sesuai keinginan
> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan sendiri...4. Finally simpan template kamu lalu lihat blog yang sudah di update dengan refresh, atau klik ''lihat blog''
...Jika kalian mau menambah lagi menu blog,tinggal copy-paste kode html top menu-nya contoh dibawah ini :
<div id='menu'>
<ul>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><div class='gap'/></li>
<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
<li><div class='gap'/></li>
<li><a href='menambah menu di tengah'>Tambah Menu di tengah</a></li>
<li><div class='gap'/></li>
<li><a
expr:href='data:blog.homepageUrl +
"feeds/posts/default"'>Posts
RSS</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl +
"feeds/comments/default"'>Comments
RSS</a></li>
<li><div class='gap'/></li>
<li><a href='http://www.blogger.com/'>Login</a></li>
<li><a href='menambah menu dibawah'>Tambah Menu dibawah</a></li>
</ul>
</div>
baca juga : Apa kata blogger tentang trafik blog?
atau bisa seperti dibawah ini>>>>>>
>>2nd example
1. Jika kode html top menu di 1st example berbeda dengan kode top menu di template kamu.. coba yang ini..
2. Tekan Control+F lalu cari kode " <div class='Menu'> " ...
2. Tekan Control+F lalu cari kode " <div class='Menu'> " ...
3. Nanti akan terlihat kode sesudah " <div class='Menu'> " yang seperti contoh dibawah ini...
<div class='Menu'>
<ul>
<li><a href='/'><span>Home</span></a></li>
<li><a href='#' title='About'><span>About</span></a>
</li>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>
</ul>
</div>
<ul>
<li><a href='/'><span>Home</span></a></li>
<li><a href='#' title='About'><span>About</span></a>
</li>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>
</ul>
</div>
Comments
Post a Comment