STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: SCROLL PADA BLOGLIST

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: SCROLL PADA BLOGLIST

Dengan adanya gadget Bloglist ini kita boleh melihat setiap artikel-artikel terbaru dari blog-blog yang terdapat di dalamnya, sehingga kita dapat mengetahui setiap perkembangan dan topik bahasan artikel dari blog-blog tersebut. Sayangnya, jika isi Bloglist ini terlalu banyak maka akan terlihat memanjang sehingga memenuhi halaman blog, dan kadang melebihi panjang halaman artikel yang dimuat. Tentu saja hal ini kurang menarik. Untuk mengatasi hal itu anda bolehlah menambahkan scroll.

1.Dashboard, klik Layout - Edit HTML. 

2.Expand Template Widget.

3.Cari kod type='BlogList' (gunakan Ctrl F atau F3). 

4.Perhatikan kod yang ada di bawahnya, seperti ini:

<b:widget id='BlogList2' locked='false' title='Batch &amp;amp; Al-Amin' type='BlogList'>
<b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>

    <div class='widget-content''>
5.Tambahkan style='overflow:auto; height:200px' pada kod yang berwarna biru, sehingga menjadi seperti ini:

<b:widget id='BlogList2' locked='false' title='Batch &amp;amp; Al-Amin' type='BlogList'>
<b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>

    <div class='widget-content' style='overflow:auto; height:200px'>

6.Atur ukuran tinggi mengikut kesesuaian.

7.Save dan ucapkan Alhamdulillah.....

-24 Jamadil Awal 1431H-
2 Comments
Comments

2 comments:

  1. nape tkdek poun kod kod yg kat bawah die tuh ? hurmm :(

    ReplyDelete
  2. @iqahpieka
    dah tkn expand widget ke?
    patutnya ada lah kod tersebut di bawahnya...

    ReplyDelete

 
Copyright © 2009-2017 Tutorial Blog ^_^: TUTORIAL: SCROLL PADA BLOGLIST
Design by a.a.ghariib