Cara Mengedit Top Menu Template Blog
Unknown | 10:46 AM |
Blog Tutorial
Untuk mengedit top menu pada template blogger kita harus sedikit mengubah kode script html template blognya... jadi perhatikan cara tutorial blog berikut ini :
>> Contoh I
>> Contoh I
1. Login ke Blogger > Rancangan > Edit HTML > Edit Template ( centang saja expand template widget )...
2. Seperti biasa Copy-Paste dahulu seluruh kode HTML template widget blog kamu ke dalam Notepad dan simpan... untuk jaga-jaga...
3. Tekan Control+F lalu cari kode " <div id='menu'> " ...kalau di kode html blog ewa seperti ini.. biasanya ada sedikit perbedaan dengan kode template blog kalian..
4. 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/rockeryck/1790190792'>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/rockeryck/1790190792'>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 :
5. Jika sudah lalu Simpan template & refresh blog kamu...
ATAU....
>> Contoh II
Keterangan :
5. Jika sudah lalu Simpan template & refresh blog kamu...
> Ubahlah nama menu yang ewa warnai ungu seperti contoh diatas...
> URL yang ewa warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan...5. Jika sudah lalu Simpan template & refresh blog kamu...
...Jika ingin menambah lagi menu blog tinggal copy-paste kode html top menu-nya saja 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/rockeryck/1790190792'>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>
ATAU....
>> Contoh II
1. Jika kode html top menu di Contoh I 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>
> Ubahlah nama menu yang ewa warnai ungu seperti contoh diatas...
> URL yang ewa warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan...5. Jika sudah lalu Simpan template & refresh blog kamu...
...Dan jika ingin menambah lagi menu blog tinggal copy-paste kode html top menu-nya saja 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='menambah menu di tengah' title='#'><span>Tambah Menu di tengah</span></a>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>
<li><a href='menambah menu dibawah' title='Extras'><span>Tambah Menu dibawah</span></a>
</ul>
</div>
<ul>
<li><a href='/'><span>Home</span></a></li>
<li><a href='#' title='About'><span>About</span></a>
</li>
<li><a href='menambah menu di tengah' title='#'><span>Tambah Menu di tengah</span></a>
</li>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>
<li><a href='menambah menu dibawah' title='Extras'><span>Tambah Menu dibawah</span></a>
</li>
</ul>
</div>
...Selamat Mencoba...
Description: Cara Mengedit Top Menu Template Blog
Rating: 4.5
6 komentar:
kalau mau menulis isi menubar nya masih di icon pages ya?
gan punya ane pas ganti herf = jadi link label kok muncul gini ya TEMPLATE ERROR: LHS of numeric is null before 51 in http:.. :(
yang punya solusi mohon bantuannya.
Gan punya ane gak ada script ini <*div id='menu'*>
Apa bisa di tambahin sendiri?
Gan punya ane gak ada script ini <*div id='menu'*>
Apa bisa di tambahin sendiri?
Ayo daftarkan diri Anda di Update Betting :)
pin bbm 7ACD8560
AJOQQ menyediakan 8 permainan yang terdiri dari :
Poker,Domino99 ,BandarQ,BandarPoker,Capsa,AduQ,Sakong,Bandar66 ( NEW GAME )
Ayo segera bergabung bersama kami di AJOQQ :)
Bonus : Rollingan 0.3% dan Referral 20% :)
Post a Comment