Skip to main content

tutorial hover scrollbar

A_large
title:tutorial hover scrollbar
request from:Hanis Sakinah
..........................................................................................
assalamualaikum dan salam sejahtera..hari ini saya nak ajar kawan-kawan buat hover scroll..bagi yang dah tahu sila abaikan..nak tahu macam mana hover scrollbar tu?sila sentuh cursor kawan-kawan di scrollbar saya=).ok dah..jom kita mulakan sesi pembelajaran kita..v(*_*)

1)dashbord>design>edit html
2)search code ]]></b:skin>
3)bila dah jumpa code tu,sila copy code di bawah dan paste atas ]]></b:skin>
::-webkit-scrollbar {
height:12px;
width: 10px;
background-image:url(url bckgrd);
}
::-webkit-scrollbar-thumb {
background-image:url(url bckgrd);
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar:hover {
background-image:url(url bckgrd);
}
::-webkit-scrollbar-thumb:hover {
background-image:url(url bckgrd);
-moz-border-radius: 10px;
border-radius: 10px;
}
*url background ada dekat sini atau ambil yang sendiri punya
*background-image:url(url bckgrd)kalo tak mau letak background boleh ubah kepada    background:letakkan kod colour html kawan-kawan..


4)siap!kalo ada problem bagi tahu ye..saya tak marah..=)
hari saya makan banyak sangat..berat badan pun makin naik..huhuhu
creditos:schafieqah yunus 



Comments

Anonymous said…
sye share tutor nie keyh :) nnt sye credit name awk :) thanks !

Popular posts from this blog

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)

freebies background part 5-vintage modern

assalamualaikum...... hari nie aku nak share dengan uols background,pada aku cantik la jugak kalau sudi sila gunakan dan jangan lupa kreditkan ye..=) https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2WYwHDnFifcPECJGzkbtSxJNsyxyAL6vbjf7ntKWidIrALyGlpM7w9Lmy29bKTzXQ6zT6Vo82VBKJIA1h_BLLZjemDeV4k_OWJ_rISYD8isTy-NW8fPqXXIWGCCzS1ucRDS_3PjfI15wk/s1600/background+b2sty.jpg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCpFDeio8nlA-4qFCLhn3ECh9pbtY4IzfyUVzjGuWPIXayh3FcVOqcU-VdQ38-nR_lB8q4-sh6ZgIzMl56YMec80vn0YKHITtkxNsXV08MGk2pjtSxZ6t4NovFZgMxIR6b1kSn95GQWWG/s1600/background+b2sty+blue.jpg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8yRWzFCO23IHJCyBBOaPWjFo6tpE79bvpBOqDQq8nM4X868cRoIysjCFW6mgE3IpmAbaGb1btIYVUDpKY5j7u714_XFsClnxdbAnKgvzaxs1SAahvlX93bEzz7PNQuryI4hfVWAAyqt-C/s1600/background+b2sty+green.jpg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBVSY73_2KUW3Hcl98G32bjHIA7OFvbgbODcn3xyj2ptDQRhP4tZvtU9f19cMAMmyC9J2jlRHovmzqwx2CI0...

tutorial scrollbox background

aloha..hari ini saya rasa boring siot tak tau nak buat apa,so nak buat tutorial la.. scrollbox boleh digunakan dimana-mana saja contoh sidebar ke,entri ke dan etc hai..nama saya nurul husna bt mohd yunus..i love b2st and mblaq..muahhhh..dah singgah blog nie jangan lupa nak follow yaww =P 1)copy kod di bawah dan paste di sidebar or your entry <center><textarea onclick="this.focus();this.select()" style="background: url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfznhlWopAUr_aoQFaA9X0x6f09OHoAPBD2Z0IUgFaZwGrD8v6xzFENNZ9okNx3nfNVw1ldv6MIfVPQNwLQ400PUMaFLgyQuemmPjd9oAoWw50XDPaDwLZfLubxZlyKUCVe0wU9dj_exq/s1600/pinksoftvintage.png '); height: 100 px; overflow: scroll; width: 200 px;"> ayat kamo/kod widget </textarea></center><center style="text-align: justify;"> </center> nota kaki *warna merah tu boleh gantikan dengan url background sendiri *warna hijau tu untuk nak besarkan sikit scrollbox...