Sobat blogger.. kali ini aku punya trik yang tidak kalah menarik dengan blogging tutorial sebelumnya. Kali ini akan 'Membuat Scroll Bar Blog Berbeda' , sudah tahu kan apa itu scroll ? ScrollBar adalah sebuah kontrol penggulung yang terdapat di sisi suatu jendela. Macam dari ScrollBar sendiri ada 2, horizontal scrollbar dan vertical scrollbar. Fungsinya untuk menggulung teks pada layar atau mengubah nilai sebuah kontrol.Kali ini kita akan mengubah scrollbar di blog atau juga bisa dibilang scrollbar dari browser. Untuk lebih jelas nya lihat scrollbar berwarna biru pada screenshot disamping ~>
Bagaimana sobat ? Tertarik menggunakan trik ini untuk memperindah blog kalian ? Kalau iya langsung ikuti langkah - langkah berikut ini :
- Login ke Blogger
- Klik Design > Edit HTML
- Pasang kode berikut di atas kode ]]></b:skin>
::-webkit-scrollbar {
height:15px;
width: 15px;
background: #e6e6fa;
}
::-webkit-scrollbar-thumb {
background-color: #1F61DB;
-moz-border-radius: 12px;
border-radius: 12px;
}
# #e6e6fa ganti kode warna itu untuk mengganti warna background scrollbar
# #1F61DB ganti kode warna itu untuk mengganti warna scrollbar
- Klik 'Save Template'
- Terakhir kasih komentar pada postingan ini jika berhasil dan kalau berkenan tukeran link yakk ! :D
Artikel Terkait
Langganan:
Posting Komentar (Atom)
51 komentar:
wah2... cakep gan... mampir ya gan ke blog ane y gan... http://chikunkshare.blogspot.com/
hohoho.. makasih sob.. dicoba yakk :D
ane nggak nemu nyang tulisan ]]>
di edi html,,,,duuuweweeng !! hihi
gmanani nambai ngasih gabar pada scrol
@ika : lho ? pakek apa kau ? :/
@achmad : ngasih gambar ? masukin kode gambar di sela2 <div style="*******" (kode gambar disini)>Masukkan teks atau kode anda disini;</div
Gag berhasil, ya :'(??
Salah di mananya aq, ni T.T
gan numpang nendang iklan sitti aja ane mah...
mampir gan. http://andretauladan.blogspot.com/p/guest-book.html
@happy : waduh.. gak tau ane :/
@andreansyah : oke sob . nendang balik ^_^
makasih ya.. tapi kodenya buanyak banget mumet ngantian..
wisnetcorp.blogspot.com
hohoho.. harus trus blajar tentang kode2 sob biar gak mumet2 lagi :D
wew.. makaseh sob pujiannya.. :D
boleh2 aja kok .. tpi ane masih newbie juga ^_^
klo ngasih banner pada scroll bar gmn caranya sob?!
mhn bantuanx ya...
maksudnya gini http://dopind.blogspot.com/2010/06/cara-memasang-gambar-tetap-di-kiri.html ?
Bagus om, coba liat nih : http://uhdcode.blogspot.com
hoho.. makasih sob ^^ .. oke langsung ke TKP :3
ok akan saya coba .. .. mas kunjungi Blog saya yah www.histoiredumonde33.blogspot.com ! tolong di kritik blog saya Thx !
hohoho.. okeh sob.. langsung menuju ke TKP ^_^
Gan Ntu cuma berhasil di browser google chrome n safari, lw di ie, mozilla n opera. gmana?
Oy jwb di blog aq ajah ya........?
iya memang sob.. scroll ini memang lebih menonjol ke chrome..
mantap nich bang layak untuk di cob, :)
ho'ohh sobb.. silakan coba aja ^^
dari dulu kek kalo ada blog sebagus ini
bisa belaja gratis juga lagi
makasih buat ilmunya :)
sori gan, ngasih tmbhn doang.g brmksud sotoy.
Kode CSS yg dikasi agan Deo pradipta ini kode CSS3 (klo g salah) dan hanya bekerja pada browser2 yg support CSS3 seperti google chrome dari versi awal, dan safari sang empunya -webkit. untuk browser lain sprti opera dan firefox, hanya beberapa versi terbarunya yg support. tp kalo agan mo yg cross browser(support semua) bs pake jquery.
terima kasih atas waktu dan kesempatannya hehhhe....
@hafidz : hohoho.. iya sob.. makasih juga yak ^^
@gudangrusak : ane masih gg paham sama jquery sob -_-'
mantab beud mas brow.....cek ya in my blog
n dapet follow sari gue, follback ya
sip sob.. makasih ya.. oke oke ^^
Mantap aku buat eksperimen nanti :D
sip sob .. selamat bereksperimen ^^
waah makasih sob ! langsung saya praktekkan ! :D
iya sob.. sama2 yakkk.. silahkan dimanfaatkan ^_^
thx gan mampir blog saya
zangetsu123.blogspot.com
sama2 sob.. langsung ke TKP ^_^
Itu masih biasa sob... klau seperti milik facebook bagian chat itu bisa gak??? klau bisa ajarin ane ya hehe --> http://ramadhansk.blogspot.com/
wah.. klau itu kagak bisa sob ~.~
Basgus sekali mas.
wah.. makasih sob.. ^_^b
Wah Thank's Buat Yang Satu Ini , Maju Trus Ya Bro (y)
Jangan Lupa Visit www.vxrax.com (y) ^^
wkwk.. makasih sob :D
kalau maju terus entar nabrak dong -_-
woke ^_^
MAntep nih bang sayah coba . jangan lupa mempir di blog saya bang www.aregalank.blogpot.com
siap sob.. langsung ke TKPnya ^_^
makasih sob ilmu yang bagus banget ini
gak work gan ane harus gimana ya?
http://gracool.blogspot.com/
kemungkinan work nya cuma di chrome sob.. :)
makasih kak :) aku sudah berhasil .
ehehe... iyaaiyaa.. semogaa bermanfaat kawan ^_^
Skali ktik ktemu dsini artikelnya thanks sob..
thanks infonya, tapi kalau boleh saran, kasih tau link untuk tiap warna.
mantep gan, mampir donk min ke blog Q, http://www.rahmanfile.blogspot.com
Posting Komentar