Monday, December 5, 2011

Replace Page List Menu Gadget with a Link List

Hellocube.blogspot.com
Pada tutorial kali ini kamu akan dipandu cara mengubah gadget / element page list menjadi Link list tanpa mengubah bentuk menu nya.

Bagaimana cara menambahkan yang bukan link page ke menu (page list) ?


Ini adalah pertanyaan yang yang sering diajukan pada Forum Bantuan Blogger.Solusinya sederhana, jika kamu ingin menampilkan selain halaman link pada Menu kamu, maka harus menggunakan Gadget Link list dari pada menggunakan Page list. Jika kamu  menggunakan salah satu default Template Blogger, dan jika telah menambahkan Gadget Page list di bawah header,  yang akan kamu gunakan "Page" links Menu Navigasi. Untuk mengubah ini untuk Link list , ikuti langkah-langkah sederhana.

1. Login ke Account Blogger , arahkan ke  Design Edit HTML tab. Tidak usah centang “Expand Widget Templates”
2. Sekarang cari (Ctrl + F)
<b:widget id='PageList
dan kamu akan menemukan beberapa garis seperti
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>


3. Ganti kode tersebut dengan ini

<b:widget id='LinkList123' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content PageList'>
<ul>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<li class='selected'>
<a expr:href='data:blog.homepageUrl'>Home</a>
</li>
<b:else/>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
</b:if>
<b:loop values='data:links' var='link'>
<b:if cond='data:blog.url == data:link.target'>
<li class='selected'>
<a expr:href='data:link.target'><data:link.name/></a>
</li>
<b:else/>
<li><a expr:href='data:link.target'><data:link.name/></a>
</li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


4. Preview (disarankan) , bila tidak ada error . Save Template.
5. Sekarang kamu bisa menambahkan menu nya dengan link yang kamu suka, dengan cara biasa



Cukup sekian saja, terima kasih telah membaca artikelnya . Bila ada kesalahan silahkan komentar aja di bawah.

0 Komentar:

Post a Comment