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: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: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>
7. Kalau sudah berhasil, silahkan klik "Save"
0 comments:
Posting Komentar