Tutorial cara buat scroll kat bloglist

Tutorial cara buat scroll kat bloglist

Salam semua,
Tutorial ini untuk perkongsian dan juga simpanan saya :)
macam mana nak buat Scroll kat bloglist.

ok

PERINGATAN: Pastikan anda da backup template anda :)

1. Pergi Page Element >>> Edit HTML >>> Tick Expand Widget Template
2. Tekan Ctrl + F dan cari nama tajuk bloglist anda.
3. Lepas jumpa nama bloglist, Cari kod ini  <h2 class='title'><data:title/></h2> dibawah nama Bloglist anda. Cari kat bawah sampai jumpa tau.hehe
4. Selepas itu paste kan kod ini <div style='height: 150px; overflow: auto; width: 220px; border-radius:20px;'> selepas </b:if>
5. Nanti jadi la lebih kurang macam ni.

<b:widget id='BlogList4' locked='false' title='Blogger UUM' 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 style='height: 250px; overflow: auto; width: 220px; border-radius:20px;'>

6. Anda turun bawah lagi sampai jumpa kod ini  <b:include name='quickedit'/> Jangan sampai terlajak ke widget lain. Nanti tak jadi.

7. Pastekan kod </div> dibawah  <b:include name='quickedit'/>

Nanti jadi macam ini.

<b:include name='quickedit'/>

      </div></div>

      

Tekan preview, Kalau jadi, tekan save :)

Selamat mencuba :)

Tweet