5/20/11

TUTORIAL : BLOG LIST SCROLL






Sekali lagi benda baru yang dipelajari oleh aku... So sekali lagila jugak aku nak share kat sini. Kali ni scroll kat blog list pulak...



  • Langkah 1 :

Macam selalu, Dashboard > Design > Edit HTML, tandakan kotak Expand Template Widget... Dah tanda, download dulu takut jadi perkara yang tidak diingini.

  • Langkah 2 :

Cari code dibawah :

<div class='widget-content'>

Nak mencari tekan keyboard Ctrl + F ataupun F3.

  • Langkah 3 :

Dah jumpa??? Buang code tersebut dan gantikan dengan code dibawah :

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

Height boleh diubah-ubah untuk kesesuaian blog hangpa.

  • Langkah 4 :

Preview, kalau tiada sebarang masalah bolehla Save Template tersebut.

Nota Tambahan

Sekiranya hangpa nak tukar nama bloglist tersebut kepada nama lain.

  • Langkah 1 :

Dashboard > Design > Edit HTML, tandakan kotak Expand Template Widget... Cari nama blog list hangpa dengan menekan Ctrl + F ataupun F3. Kalau tak tau, pergi ke Page Elements, tengok nama blog list hangpa apa.
Contoh aku punya :

namabloglist

  • Langkah 2 :

Dah jumpa dekat HTML, gantikanlah dengan nama yang baru.

</b:widget>
<b:widget id='BlogList1' locked='false' title='My Blog List' 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>

Gantikan perkataan bewarna merah dengan nama yang baru.

Credit to : SINAR RAUDAH


MORAL : Tangan yang memberi adalah lebih baik dari yang menerima.

p/s : melayan HTML je kerjanya...
Related Posts Plugin for WordPress, Blogger...