1.Masuk ke dashboard,
kemudian pilih Layout-->>add gadget
2.HTML/JAVASCRIPT
Masukkan kod berikut:
<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">
masukkan teks atau apa apa kod yang hendak dipaparkan disini atau
</div>Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi pada kod diatas
Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya mengikut langkah dibawah ini.
Untuk membuat menu scroll :
kod nya adalah seperti dibawah ini :
<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA; font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">
<li><a href="http://teknikbuatblog.blogspot.com/2010/03/cara-membuat-blog.html" target="_blank">Cara membuat blog</a></li>
masukkan link seterusnya....
</li></ul></div>
Jika hendak letakkan nombor dihadapan senarai gantikan ul kepada ol
ul akan memaparkan bullet dihadapan
Kod warna oren untuk kod scroll
Kod warna hijau adalah link artikel dan warna biru tajuk artikel yang hendak paparkan
Scroll akan muncul bila kandungan pada list melebihi ketinggian yang diletakkan pada kod(overflow:auto).Jadi ubahkan ketinggian pada height.
3.kemudian save untuk melihat hasilnya.
update 20/6/2013
Post a Comment
67 Comments:
try x blh pun?
Thanks for visiting dear friends, have a good day :)
Salam....
Saya baru belajar blogspot...nak tanya bagaimana nak buat menu box di tepi cnthnya:
Pentadbiran
Aktiviti
Visi
Dan lain lainlah
kalau laman web abang ni...yang ditepi tu...
Blog
Photoshop
Tips Komputer
@Anonymous
caranya sama sahaja tapi perlu masukkan kod untuk senaraikan link.saya akan masukkan pada posting akan datang.
saya telah update dengan memasukkan juga cara membuat menu scroll
@mohammka7476btulah try tak jadi
@kiff
kepada rakan kita mohammka dan kiff saya telah buat perubahan pada kod diatas(kedudukan kod salah).jika tiada scroll disebelah tepi ubahkan saiz pada height,kerana jika teks sedikit scroll tidak muncul.Terima kasih atas teguran dan saya mohon maaaf atas segala kesulitan.
Saya dah cuba & berjaya :) Sangat mudah diaplikasikan pada blog widget juga! Terima kasih!
saya akan cuba di masa2 akan dtg...banner tlh sya ambil senang nk follow..tq
Dah cuba dan berjaya,cuma klu kita klik pada link, dia keluar windows baru, macam mana nak bagi keluar pada windows yang sama?
@mdzuardicuba tukar target pada link target="_blank" kepada target="_self"
tQ !
sGt mEmbAntU sAYe !
camner plak nak buat scroll kat Mister linky's.ada kah sama cara pemasanganya.?
@si biskutboleh juga guna cara ini...
tapi masalahnya nak letak kod yang dibagi tue kat mana?anywhere?
@si biskutsalin kod diatas sekali gantikan dengan kod pada teks warna kuning.Boleh juga nak buat staik pages dan letakkan kod selain dari letak pada sidebar
aduh masih gagal nie toh..
yeay da berjaya ... tq sesangat.. tayang kamoo
saya tak berapa pahamla..kalau nak sentiasa u[date lak camne??
tima kasih. sy dh cuba berjaya la:)
salam... kak sofi cuba ambil tip dr cni nak wat kat blog http://anneali.blogspot.com. kl ada masalah boleh minta tolong tak?
@sofikalau ada masaalah boleh dikemukakan,saya sedia membantu
tengss. dah lama cari ni. heheh. tengkiuuu.
macammana nak centerkan kotak magic link 2?sy wat dia jadi kat tepi...
alhamdulillah jadi 10Q tuan yahya
best.. tQ..
salam ziarah ya..
lau nk wat scroll box utk gmbr lak cne ek?
@nadya e-manletakkan link gambar pada teks berwarna kuning
thx bozzz...jalan nie...
ow ya,,blog agan udah ane follow,,tolong follow blogku juga yaw...
berjaya. yeay!! syukran3. ^^
boleh x nak letak widget "Mister Linky's Magical Widgets" kat page statik ni?
Thanx for sharing.. Dah buat dh dan sangat membantu.. =D
nape saya buat takjdi pun?T_T gambar tak kluar..tapi link kuar ):
@Hazrina Erinarrow sebelah link mcm saya buat kena tambah kod
nape tak jadi pon ea?
@dayana batrisyatak nampak scroll sebab nya seperti pada entri diatas..saya dah edit....
TK cuba buat satni..
ok, ia jd..
trima kasih..
xboleh ler...
saya nak buat scroll kat saya "Mister Linky's Magical Widgets" mcm mana ye?saya xreti buat
terbaikla.. da try da dan berhasil,
tq bro dgn perkongsian ni. great entri :)
... amat berkesan...
Camne nak pendekkan bloglist yang bawah dia ada "show all" tu? Please buat tutorial pasal ni. Saya tak nak pakai scroll box..
@нαηιмQαtяυηηα∂αpada widget tu ada pilihan untuk (show)paparkan semua atau bilangan yg lain.
klo nk buat scroll bar utk archive mcm mane yea?
walaupon susah nak wat but at last jd gak ...fuhh!! <3
bagaimana caranya utk sy masukkan "labels" dan "bloglist" kedalam scroll box ?
mcm mana nk masukkan labels dan bloglist kedlm scroll box ?
@khairulada tutorial..cara pasang scroll pada widget
salam en. yg first bole but yg nk msukkn link ke-2 n seterusnye xphamlh..bole tlg detailkn x?tq k..salam..
nk tanya, nk buat backup tu camne? sy baru lagi...huhu
@khairulcuba kat tutorial cara membuat backup dan menukar template
Terima Kasih ya kak sangat membantu :)
saya baru nak belajar buat blog dan menu scroll.nak tanya link artikel tu nama blog yang kita buat tu ke???
saya baru lagi....nak tanya link artikel tu type kan nama blog kita ke?? harap dapat membantu...
@Kasih humairA link artikel bermaksud bila kita buka sesuatu tajuk entri ia akan memapar alamat(link)artikel pada ruangan url pada browser.jadi link inilah yg akan kita guna bagi diletakkan pada scroll.link juga boleh didapati dgn klik kanan pada tajuk artikel dan pilih copy link adress ...
ok tima kasih ...dah faham dan nak cuba buat...
ilmu yang berguna...
thanks atas informasinya yang sangat bermanfaat dan mudah dicerna
terima kasih untuk kod-kod
Bambang
terima kasih.....
Terima kasih bro.......
nak cari cara buat cursor tu camne ye?? dah try buat background song,ikut step lam ni. :) thanks :) hehehehe.. the best :) keep it up:)
trima ksih cngd... blog nie amt mmbntu syer...t hank you very munch//
macam mana kalau kita tersalah buat then kita nak buang balik ?
@Isha Hazanak buang buka semula widget dan klik delete
byk ilmu sy dpt dari blog ini.!!
SALAM..nk tnya..mcm mna nk letak link di sebelah blog..contoh sya buat blog sekolah,di tepi blog sya nk buat link dengan ppd or kementrian pelajaran malaysia.tq
@Sue
pada dashboard ambil layout...add a widget..html/javascript...letakkan link disana dan klik save