Thursday, April 11, 2013

Membuat Scroll Pada Widget Blog

Do you want to share?

Do you like this story?

YOUR GOOGLE ADSENSE CODE HERE (300x250)
YOUR GOOGLE ADSENSE CODE HERE (300x250)
Mungkin sobat kurang paham dengan judul saya ini: Membuat Scroll Pada Widget Blog.
Oke, biar sobat nggak bingung, lihat saja gambar di bawah ini:



Atau bisa lihat blog saya ini di sebelah kanan, yang ada tulisan FEEDJIT (Life Traffic Feed). Nah, widget tersebut ada scrollnya kan? Itu lho, yang bisa di geser ke atas/ke bawah. Hehe...
Itulah yang saya bahas pada postingan kali ini. Siapa tau, sobat juga pingin buat yang kayak gituan di blog sobat. Biar kelihatan lebih rapi.

Hmm, langsung simak caranya:
  • Langsung menuju ke Edit HTML sob, jangan lupa centang dulu Expand Widget Template-nya.
  • Karena saya mau bikin scroll widget pada bagian FEEDJIT saja, langsung saja ketik Ctrl+F (pencarian) dan tuliskan : <div class='widget-content'> atau ketik saja Feedjit. Karena intinya pada  2 kata tersebut. Jika sudah ketemu, maka kode lengkapnya di Edit HTML adalah seperti ini:
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='Feedjit' type='HTML'>
<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'>    <data:content/>
  </div>
  • Nah, kalo dah ketemu tambahkan kode berikut pada kode yang berwarna hijau:
style='overflow:auto; height:300px'

  • Hasil akhirnya akan seperti ini sob:
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='Feedjit' type='HTML'>
<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:300px'>    <data:content/>
  </div>
  • Selesei deh. Eit, Coba dipreview dulu sob. Kalo sudah jadi, baru di save.
Hal sepele kadang tidak diketahui, bila tidak belajar. Wakakakak....
Semoga bermanfaat sob. Tetap semangat ngeblog.
Oiya, bila uraian di atas kurang jelas, bisa ditanyakan lewat komentar,

Saatnya mandi......

YOU MIGHT ALSO LIKE

1 comments:

Ficri Pebriyana said...

pertamax... :D
di bookmark dulu sob...

Post a Comment

Silahkan berkomentar dengan baik. terima kasih atas komentarnya...

Advertisements

YOUR GOOGLE ADSENSE CODE HERE (300x250)

Advertisements

YOUR GOOGLE ADSENSE CODE HERE (300x250)