Modifikasi Tampilan Scroll Bar Dengan Css3

Advertisement

Halo , Sob Ketemu Lagi Selamat Datang yah Di Blog saya, Pada Kesempatan Sebelumnya Saya posting artikel tentang Bagaimana Cara optimasi Pada judul blogspot. nah pada kesempatan kali ini saya akan mensharing cara modifikasi Tampilan scroll bar pada blogspot menggunakan css3.
mungkin css3 ini hanya berfugsi pada browser chrome . oke tanpa menunggu waktu lam lagi  langsung saja caranya :

  • Login Blogger sobat > Template 
  • Cari kode :
]]></b:skin>
                atau
 </style>
  • Kemudian taruh kode dibawah ini tepat di atas kode tersebut.
::-webkit-scrollbar-thumb:horizontal{
height:10px;
background-color:#333;
}
::-webkit-scrollbar-thumb:vertical{
width:8px;
background-color:#f35d5c;
box-shadow:1px 1px 4px rgba(0,0,0,0.16);
}
::-webkit-scrollbar{
width:8px;
height:15px;
background:#333;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);
}
  • Terakhir Tinggal Di Save deh. :)
Share this article :
+
Apakah Anda menyukai postingan ini? Silahkan share dengan klik di sini
author-photo Situs Indonesia

Saya hanyalah orang biasa yang menyukai blogging dan mencoba berbagi pengalaman dengan yang lain tentang blogging dan SEO. Semoga bisa bermanfaat.

Follow me on: Facebook | Twitter | Google+
×
Previous
Next Post »
0 Blogger Comment
Facebook Comments

Aturan Berkomentar :
- Dilarang berkomentar menggunakan kata kotor, menghina, atau mengejek.
- Dilarang berkomentar yang mengandung unsur sara, po*no, promo, spam dan sebagainya.
- Dilarang berkomentar berupa link hidup.
- Komentarlah dengan bahasa baku, sopan, dan santun serta sesuai dengan isi postingan.
- Jika komentar tidak sesuai dengan isi postingan atau melanggar peraturan di atas, saya akan langsung menghapusnya.

Terima kasih karena telah mentaati perturan !

Out Of Topic Show EmoticonHide Emoticon

Terima kasih sudah berkomentar
Copyright © 2013. Rite Experience - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger