Cara pasang menu scroll pada blog

Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

1.Masuk ke dashboard,
kemudian pilih design-->>Page elements


2.Kemudian pilih add gadget

3.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.

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

62 Comments:

mohammka7476 berkata...
terima kasih atas kunjungan

try x blh pun?

mikelle berkata...
terima kasih atas kunjungan

Thanks for visiting dear friends, have a good day :)

Tanpa Nama berkata...
terima kasih atas kunjungan

Salam....
Saya baru belajar blogspot...nak tanya bagaimana nak buat menu box di tepi cnthnya:
Pentadbiran
Aktiviti
Visi
Dan lain lainlah

Tanpa Nama berkata...
terima kasih atas kunjungan

kalau laman web abang ni...yang ditepi tu...
Blog
Photoshop
Tips Komputer

yahaya berkata...
terima kasih atas kunjungan

@Anonymous
caranya sama sahaja tapi perlu masukkan kod untuk senaraikan link.saya akan masukkan pada posting akan datang.

yahaya berkata...
terima kasih atas kunjungan

saya telah update dengan memasukkan juga cara membuat menu scroll

kiff berkata...
terima kasih atas kunjungan

@mohammka7476btulah try tak jadi

yahaya berkata...
terima kasih atas kunjungan

@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.

positiveAlpha berkata...
terima kasih atas kunjungan

Saya dah cuba & berjaya :) Sangat mudah diaplikasikan pada blog widget juga! Terima kasih!

Adisaufi berkata...
terima kasih atas kunjungan

saya akan cuba di masa2 akan dtg...banner tlh sya ambil senang nk follow..tq

mdzuardi berkata...
terima kasih atas kunjungan

Dah cuba dan berjaya,cuma klu kita klik pada link, dia keluar windows baru, macam mana nak bagi keluar pada windows yang sama?

yahaya berkata...
terima kasih atas kunjungan

@mdzuardicuba tukar target pada link target="_blank" kepada target="_self"

LittLeMyRsHMaLLoW berkata...
terima kasih atas kunjungan

tQ !
sGt mEmbAntU sAYe !

si biskut berkata...
terima kasih atas kunjungan

camner plak nak buat scroll kat Mister linky's.ada kah sama cara pemasanganya.?

yahaya berkata...
terima kasih atas kunjungan

@si biskutboleh juga guna cara ini...

si biskut berkata...
terima kasih atas kunjungan

tapi masalahnya nak letak kod yang dibagi tue kat mana?anywhere?

yahaya berkata...
terima kasih atas kunjungan

@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

si biskut berkata...
terima kasih atas kunjungan

aduh masih gagal nie toh..

pN.rOs berkata...
terima kasih atas kunjungan

yeay da berjaya ... tq sesangat.. tayang kamoo

نورالجنة berkata...
terima kasih atas kunjungan

saya tak berapa pahamla..kalau nak sentiasa u[date lak camne??

Myra Jay berkata...
terima kasih atas kunjungan

tima kasih. sy dh cuba berjaya la:)

sofi berkata...
terima kasih atas kunjungan

salam... kak sofi cuba ambil tip dr cni nak wat kat blog http://anneali.blogspot.com. kl ada masalah boleh minta tolong tak?

yahaya berkata...
terima kasih atas kunjungan

@sofikalau ada masaalah boleh dikemukakan,saya sedia membantu

zty berkata...
terima kasih atas kunjungan

tengss. dah lama cari ni. heheh. tengkiuuu.

nurul lalala berkata...
terima kasih atas kunjungan

macammana nak centerkan kotak magic link 2?sy wat dia jadi kat tepi...

fatta berkata...
terima kasih atas kunjungan

alhamdulillah jadi 10Q tuan yahya

Anak Gemilang berkata...
terima kasih atas kunjungan

best.. tQ..
salam ziarah ya..

nadya e-man berkata...
terima kasih atas kunjungan

lau nk wat scroll box utk gmbr lak cne ek?

yahaya berkata...
terima kasih atas kunjungan

@nadya e-manletakkan link gambar pada teks berwarna kuning

adhy sayang ibu berkata...
terima kasih atas kunjungan

thx bozzz...jalan nie...
ow ya,,blog agan udah ane follow,,tolong follow blogku juga yaw...

al-hirr berkata...
terima kasih atas kunjungan

berjaya. yeay!! syukran3. ^^

geekz36 berkata...
terima kasih atas kunjungan

boleh x nak letak widget "Mister Linky's Magical Widgets" kat page statik ni?

~ Kak Azz ~ berkata...
terima kasih atas kunjungan

Thanx for sharing.. Dah buat dh dan sangat membantu.. =D

Hazrina Erin berkata...
terima kasih atas kunjungan

nape saya buat takjdi pun?T_T gambar tak kluar..tapi link kuar ):

yahaya berkata...
terima kasih atas kunjungan

@Hazrina Erinarrow sebelah link mcm saya buat kena tambah kod

dayana batrisya berkata...
terima kasih atas kunjungan

nape tak jadi pon ea?

yahaya berkata...
terima kasih atas kunjungan

@dayana batrisyatak nampak scroll sebab nya seperti pada entri diatas..saya dah edit....

toyolkiut berkata...
terima kasih atas kunjungan

TK cuba buat satni..
ok, ia jd..
trima kasih..

umiliza989 berkata...
terima kasih atas kunjungan

xboleh ler...
saya nak buat scroll kat saya "Mister Linky's Magical Widgets" mcm mana ye?saya xreti buat

redzuan berkata...
terima kasih atas kunjungan

terbaikla.. da try da dan berhasil,
tq bro dgn perkongsian ni. great entri :)

niL.. berkata...
terima kasih atas kunjungan

... amat berkesan...

нαηιмQαtяυηηα∂α berkata...
terima kasih atas kunjungan

Camne nak pendekkan bloglist yang bawah dia ada "show all" tu? Please buat tutorial pasal ni. Saya tak nak pakai scroll box..

yahaya berkata...
terima kasih atas kunjungan

@нαηιмQαtяυηηα∂αpada widget tu ada pilihan untuk (show)paparkan semua atau bilangan yg lain.

AnAk dEneSor berkata...
terima kasih atas kunjungan

klo nk buat scroll bar utk archive mcm mane yea?

Niena Aziz berkata...
terima kasih atas kunjungan

walaupon susah nak wat but at last jd gak ...fuhh!! <3

khairul berkata...
terima kasih atas kunjungan

bagaimana caranya utk sy masukkan "labels" dan "bloglist" kedalam scroll box ?

khairul berkata...
terima kasih atas kunjungan

mcm mana nk masukkan labels dan bloglist kedlm scroll box ?

yahaya berkata...
terima kasih atas kunjungan

@khairulada tutorial..cara pasang scroll pada widget

Tanpa Nama berkata...
terima kasih atas kunjungan

salam en. yg first bole but yg nk msukkn link ke-2 n seterusnye xphamlh..bole tlg detailkn x?tq k..salam..

zehan berkata...
terima kasih atas kunjungan

nk tanya, nk buat backup tu camne? sy baru lagi...huhu

yahaya berkata...
terima kasih atas kunjungan

@khairulcuba kat tutorial cara membuat backup dan menukar template

w4hyu berkata...
terima kasih atas kunjungan

Terima Kasih ya kak sangat membantu :)

Kasih humairA berkata...
terima kasih atas kunjungan

saya baru nak belajar buat blog dan menu scroll.nak tanya link artikel tu nama blog yang kita buat tu ke???

Kasih humairA berkata...
terima kasih atas kunjungan

saya baru lagi....nak tanya link artikel tu type kan nama blog kita ke?? harap dapat membantu...

yahaya berkata...
terima kasih atas kunjungan

@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 ...

Kasih humairA berkata...
terima kasih atas kunjungan

ok tima kasih ...dah faham dan nak cuba buat...
ilmu yang berguna...

NSAG berkata...
terima kasih atas kunjungan

x fhm lah,admin...adeq punya blog blog tutorial,so nk share tuto nih..tpy camner nk ltk scrollbox tuh..camner nk buat dy pgy kt ssuatu widget..
plz reply cpt taw...

Rudy Hartono berkata...
terima kasih atas kunjungan

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

bambang agus s berkata...
terima kasih atas kunjungan

terima kasih untuk kod-kod

Bambang

mrsnurfira berkata...
terima kasih atas kunjungan

terima kasih.....

kamil salleh berkata...
terima kasih atas kunjungan

Terima kasih bro.......

Lily Pad berkata...
terima kasih atas kunjungan

nak cari cara buat cursor tu camne ye?? dah try buat background song,ikut step lam ni. :) thanks :) hehehehe.. the best :) keep it up:)

Related Posts Plugin for WordPress, Blogger...