CARA MENGGANTI MODEL SCROLL BAR BLOG DENGAN MUDAH

21:54:00 , , 0 Comments

Berbeda dengan artikel sebelumnya yaitu Cara Membuat Efek Api Pada Link Blog  Pada artikel kali ini saya akan share tentang Cara Mengganti Scroll Bar Pada Blog.

Scroll Bar atau bar penggulung adalah suatu baris yang berisikan kotak, yang digunakan untuk menggulung layar atau menggeser kebawah dan keatas ke kiri kanan ataupun ke bawah atas. Scroll Bar adalah salah satu yang membuat Blog sobat menjadi lebig unix dan kreatif, scroll bar akan memiliki warna yang berbeda, tergantung sistem operasi dan browser user untuk mengakses blog.
Scroll Bar ini akan berfungsi hanya pada Browser yang berbasis Web contohnya seperti Google Chrome.

Nah, dengan sedikit kreatifitas dan kustomisasi CSS blog, kita dapat menganti warna dan tampilan scroll bar dalam blog menjadi lebih menarik dan unik. Contohnya seperti gambar dibawah ini.



Tertarik mengganti scroll bar blog Anda menjadi lebih menarik? Silahkan ikuti langkah – langkah dibawah ini :
 1. Buka akun Blogger sobat atau klik "Login Blogger", 
 2. lalu pilih menu "Template"
 3. Kemudian klik "Edit HTML".
 4. Tekan "CTRL+F" untuk mempercepat pencarian, lalu cari kode " ]]></b:skin&gt; "
 5. Pastekan kode berikut diatas kode " ]]></b:skin> "


::-webkit-scrollbar {height:12px;width: 12px;background: #00CC00;} ::-webkit-scrollbar-thumb {background-color: #FF9900;-moz-border-radius: 10px;border-radius: 10px;}


*Catatan : Kode yang berwarna Ungun menentukan warna latar (rel) scrollbar, sedangkan kode yang berwarna Hijau menentukan warna bar pada scrollbar. Gantilah sesuai dengan keinginan.
 6. Terakhir, klik "Simpan"


Gimana ? Gampangkan, Jika efek tidak terlihat, coba ganti browser yang Anda gunakan. Efek ini hanya berfungsi pada browser dengan basis WebKit, seperti pada browser QtWeb ataupun Google Chrome. Kunjungin terus SAIFUL JUNIOR BLOG untuk mendapatkan informasi terbaru dan TerUpdate, Bila ada kesalahan ataupun kekurangan silahkan berikan pendapat atau masukan sobat dikolom komentar atau melalui Contact Us yang ada di atas dibagian menu. 

Anonymous

Terimakasih telah berkunjung ke web saya, jika ada yang ingin ditanyakan silahkan tinggalkan komentar atau kirim email ke saifulfuaadi@gmail.com

0 komentar: