Tuesday, March 8, 2011

TUTORIAL RINGKAS (CARA BUAT SCROLL UNTUK BLOGLIST)

masa menggodek2 dan berblogwalking terjumpa tutorial yg sangat senang dari blogger ni...so, aku copy paste lah pada sape2 yg nak tau cara2 nak buat scroll down bloglist korang...so, takyah le nak berjela2...hehehehe
kredit pada blog ni...sudi2 lah korang jenguk blog dia eh..sebab ada banyak tutorial dia buat..and for me senang le tak semak mata:) mrs sabri-thanks


LANGKAH PERTAMA MASUK KE 'PAPAN PEMUKA' ATAU DALAM BAHASA OMPUTEHNYA 'DASHBOARD' DAN KLIK PADA 'REKABENTUK'





LANGKAH KEDUA KLIK PADA 'EDIT HTML'

LANGKAH KETIGA TICK PADA 'KEMBANGKAN TEMPLAT WIDGET'


LANGKAH KEEMPAT SILA TEKAN CTRL+F PADA KEYBOARD KOMPUTER ANDA DAN PERHATIKAN AKAN MUNCUL SATU KOTAK KOSONG DI BAHAGIAN ATAS SEBELAH KANAN SEPERTI CONTOH DI ATAS..DALAM KOTAK TERSEBUT SILA TAIPKAN KOD INI  ]]>


Sila copy kod di bawah ini dan pastekan di bahagian atas kod yang sudah korang jumpa tadi..

                        #BlogList1 .widget-content { height: 675px; overflow:auto; }
#BlogList2 .widget-content { height: 550px; overflow: auto; }

Cuba lihat contoh di bawah ini : - 





Bila dah siap paste,bolehlah edit sendiri dia punya 'height' bersesuaian dengan kehendak korang ye..contoh 
kalau nak bagi rendah sikit dia punya ketinggian,buatlah sekadar 400px sahaja..yang aku punya ni ada DUA senarai bloglist iaitu untuk 'BLOGGER REMAJA' dan bloglist 'KU SUKA'..kalau korang cuma nak buat satu bloglist je,tak perlulah di tambah #bloglist2 tu ye..cuma buat #Bloglist1 cukup la..

Lepas siap semua tu bolehlah korang 'SAVE TEMPLATE'..dan lihatlah hasilnya..selamat mencuba..!! :)

7 org mintak aku reply komen;P:

Rina AVAIL a.k.a cik betty said...

owh..best jugak eaa..nanti trylah..

Lady of Leisure said...

bagus tutorial ni boleh try nanti hehe

Ibnushukran said...

wahh. kt gambar first skli 2 ada nama FINNEST GALLERY.. haha.. jmputlah k bl0g 2,bl0g sy 2.. :)

Ana admi said...

sgt membantu..tq..:)

mrs.sabri said...

hehe time kasih risa..eh ibnu shukran ni sempat lg promote blog dia ek..hehe :)

tia siwon said...

huhu . dah jadi ! thanks ! dah lama cari tuto ini . thank you again :) wink-wink ^_^

sue perbs.. said...

singgah tngk tutorial

 

Copyright © 2011 Reserved to mY HaPpy FAMiLy®
Design with love by CikBulat