Tutorial Belajar Blog | Tips Blog | Trik Blog - Cara Mengganti Tampilan Scroll Bar Menjadi Keren di Blog - Bagi Anda yang ingin scroll bar Anda berubah seperti Punya saya!! Dengan menggunakan script CSS Anda bisa merubah scroll bar Anda di Blog Anda. Bisa mempebesarnya ataupun memperkecil scroll bar blog Anda!
Beberapa browser mungkin tidak support dengan kode ini tapi saya memakai Google Chrome code ini berfungsi kok!
Note :
- Buka Blogger.com > Rancangan > Edit HTML
- Cari kata ]]></b:skin> dengan menekan tombol CTRL + F
- Paste code berikut di atas ]]></b:skin>
::-webkit-scrollbar {height:12px;width: 12px;background: #474747;}Paste diatas tinggal Anda ganti saja beberapa code yang saya kasih warna merah, ini berguna untuk mengganti warnanya. Kalau Anda bisa ganti semua kenapa tidak di ganti tuh kode?
::-webkit-scrollbar-thumb {background-color: #ff0000;-moz-border-radius: 10px;border-radius: 10px;}
Beberapa browser mungkin tidak support dengan kode ini tapi saya memakai Google Chrome code ini berfungsi kok!
Note :
kode warna yang berwarna merah ganti dengan kode warna yang anda inginkan, kode warna bisa dicari di google.~Semoga Bermanfaat !!~
Referensi dari tutorialbelajarblogger.blogspot.com/
Referensi dari tutorialbelajarblogger.blogspot.com/
Label:
SEO,
Tips Trik,
Tutorial Blog
pada
5/26/2013
oda banner urang ganti deui
BalasHapusyeuh ganti banner urang nu ituna
http://gilang-cyber4rt.blogspot.com/2013/01/tukar-banner-atau-link-yuk-tukaran-link.html
sudah sob diperbaharui :D
Hapussangat bermanfaat, sudah saya pasang di blog aku ini scrool ane,
HapusAkang Ferdian mksi kakak :)
sama-sama kang
Hapusmenarik... bookmark aah
BalasHapusTrimakasih atas kunjungannya sob
Hapuskeren !! tpi ini templatenya si guntur ya ?
BalasHapusthumber-kreatif.blogspot.com
Bukan sob, ini template buatan Art-preview.blogspot.com/
Hapuskeren sob
BalasHapusgreenz-blogger.blogspot.com
Trimakasih atas kunjungannya
HapusBiar bisa di Mozilla tambahkan ini bro:
BalasHapus-moz-scrollbar {height:12px;width: 12px;background: #474747;}
-moz-scrollbar-thumb {background-color: #ff0000;-moz-border-radius: 10px;border-radius: 10px;}
Semoga Membantu !
Trimakasih infonya sob.
HapusTutorial yang bagus sob. tentunya akan mempercantik blog. thanks
BalasHapusIya sob, trimakasih atas kunjungannya sob :D
Hapuskeren tutorialnya sob,, ijin pake
BalasHapusSilahkan sob, trimakasih atas kunjungannya :D
Hapusgan,ane bru blajar bkin blog neh,tpi di blog ane kok gak ada kata ]]> yah?
BalasHapusmhon bantuan gan
Maaf bro saya mau sekolah dulu ya, nanti siang saya jelaskan lengkap :D, insya Allah kira2 pukul 2 ya :D
Hapusbagus gan infonya,
BalasHapuschrono5oft.blogspot.com
trimakasih sob :D
Hapusberhasil juga, makasih kawan..
BalasHapusiya sama-sama sob
Hapusterima kasih gan sudah berbagi info yang sangat menarik dan bermanfaat
BalasHapusiya sama-sama sob, dan makasih juga sobat sudah berkunjung ke blog saya
HapusEmang Bisa Kalo di FIREFOX gan?? :-d
BalasHapusyah engga lah kan di firefox belum mendukung CSS tingkat atas ini, hehe
Hapusterima aksih tutorialnya sudah saya coba dan gagal gan :(
BalasHapusuntuk pengetahuan nih mba, scrollbar ini hanya berfungsi di google chrome, dan tidak berfungsi di mozila firefox dan pastikan kodenya terpasang dengan benar
Hapusdo you want to problem solving for windows ?
BalasHapusgo to -> http://itinsideme.blogspot.com/
Makasih tutorialnya gan, udah dicoba dan berhasil..
BalasHapuswah bagus juga
BalasHapus