Sabtu, 12 Februari 2011

Cara membuat blogroll

Menanggapi beberapa pertanyaan teman-teman blogger yang bingung membuat scroll di gadget blogroll, kali ini saya akan membahas cara mudah membuat blogroll dengan fungsi scroll. Kegunaan fungsi scroll tentunya untuk memperpendek suatu gadget biar gak terlalu memanjang kebawah. Untuk membuatnya, silahkan ikuti langkah-langkah berikut :
Sumber   : http://muzzymusthofa.blogspot.com
1. Login di akun blogger Sobat
2. Klik "Rancangan" (Dulunya "Tata Letak") => "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode yang seperti ini :

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Coba perhatikan kode yang berwarna merah, itu adalah judul gadget yang akan kita ubah. Kode yang berwarna merah tersebut bisa berbeda judulnya, kalau judul gadget Sobat "Link Teman", ya kode itulah yang harus Anda cari.
5. Sekarang, sisipkan kode yang berwarna merah dibawah ini diantara kode yang berwarna hitam :
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
6. Klik "Pratinjau" terlebih dahulu untuk melihat contoh hasilnya.
7. Kalau sudah berhasil, silahkan klik "Save"

0 comments:

Template by : waHyu yuwono secret-wahyu.blogspot.com