Tutorial 64 : Scroll Box untuk Blog List

Assalamualaikum semua..
Dikesempatan ini nak buat tutorial untuk korang..akmalkumlah tengah free nanti bila dah jadi student maybe busy dan kena fokus 100% pada study.. ( semangat ni )

Aku nak ajar korang macam mana nak buat scroll box untuk blog list supaya nampak lagi kemas dan tersusun blog korang. Contohnya macam di belog hamster aku ni :

 

Mesti korang rasa nak buat kan..

Sebelum korang buat tutorial ini pastikan korang dan letakkan widget untuk bloglist. Kalau korang masih baru sila tengok tutorial CARA MEMBUAT BLOG LIST.

1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates

2. Then, korang kena cari tajuk blog list korang (bergantung pada tajuk blog list masing-masing ), contoh untuk tutorial ini adalah:

My Blog List

3. Kalau dah jumpa tajuk blog list korang, korang akan jumpa code di bawah berhampiran tajuk blog list korang.

<div class='widget-content'>

sebab aku ni baik hati :) aku bagi contoh gambar untuk korang lebih faham..

Bila korang dah jumpa code :

<div class='widget-content'>

seperti gambar di atas, korang replace/tukarkan dengan code di bawah :

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

4. Sekarang dah siap!..so preview, kalau menjadi silalah SAVE

p/s : Ada tutorial lagi dalam draft kena print screen bagai sebelum publish! Komenlah kalau tak faham..

SHARE:

blog tutorial