Ternyata scroll pada halaman blogger sobat bisa di ganti lho . . .^^
Kalo sobat bosen ama tampilan scroll standart maka sobat bisa merubahnya sesuai selera sobat!. Jika sobat menerpakan tutorial kali ini di blogger sobat maka secara otomatis semua halaman ataupun widget yang menggunakan fungsi scroll akan secara otomatis berubah tampilannya.
Udahlah gak usah lama-lama lagi lansung kita bahas aja dah caranya, oh iya kalo sobat masih belu paham maksudanya sobat bisa liahat gambar di bawah ini :
Dah paham kan? mari sekarang kita bahas caranya :
1. Masuk ke akun blogger sobat.
2. Pada Dasbor klick Rancangan ➨ Edit HTML ➨ CentangExpand Template Widget.
4. Selanjutnya sobat cari kode ]]><b:skin> Jika kesulitan mencarinya coba tekan CTRL+F
5. Jika sudah ketemu sekarang letakkan kode berikut di atas kode tadi.
6. Klick Pertinjauan, bila sudah muncul baru klick simpan template.
Keterangan :
Warna merah adalah kode warna background scroll sobat dapar menggantinya.
Warna biru adalah kode warna scrollya sobat juga dapat menggantinya.
Untuk melihat kode warna silahkan klik disini.
Scroll ini biasanya hanya muncul pada browser google chrome, jika pada browser lainnya saya belum Pernah mencoba.
Kalo sobat bosen ama tampilan scroll standart maka sobat bisa merubahnya sesuai selera sobat!. Jika sobat menerpakan tutorial kali ini di blogger sobat maka secara otomatis semua halaman ataupun widget yang menggunakan fungsi scroll akan secara otomatis berubah tampilannya.
Udahlah gak usah lama-lama lagi lansung kita bahas aja dah caranya, oh iya kalo sobat masih belu paham maksudanya sobat bisa liahat gambar di bawah ini :
Dah paham kan? mari sekarang kita bahas caranya :
1. Masuk ke akun blogger sobat.
2. Pada Dasbor klick Rancangan ➨ Edit HTML ➨ CentangExpand Template Widget.
4. Selanjutnya sobat cari kode ]]><b:skin> Jika kesulitan mencarinya coba tekan CTRL+F
; text-align: left;">::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ee0000;
}
::-webkit-scrollbar-thumb {
background-color: #000fff;
-moz-border-radius: 10px;
border-radius: 10px;
}
height:12px;
width: 12px;
background: #ee0000;
}
::-webkit-scrollbar-thumb {
background-color: #000fff;
-moz-border-radius: 10px;
border-radius: 10px;
}
6. Klick Pertinjauan, bila sudah muncul baru klick simpan template.
Keterangan :
Warna merah adalah kode warna background scroll sobat dapar menggantinya.
Warna biru adalah kode warna scrollya sobat juga dapat menggantinya.
Untuk melihat kode warna silahkan klik disini.
Scroll ini biasanya hanya muncul pada browser google chrome, jika pada browser lainnya saya belum Pernah mencoba.
Post a Comment
Terima kasih! Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Klik link "Subscribe by email" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. No SPAM, No Links, No SARA, No Gambling, No Porno!. Komentar berisi link & tidak sesuai dengan Comment Policy akan langsung dihapus.