Jumat, 07 Agustus 2015

Beranda » Cara , Cara Blogger , Edit Template , Tutorial Blogger , Widget Blogger » Cara Mengubah Warna Scrollbar di Blog dengan CSS 3

Cara Mengubah Warna Scrollbar di Blog dengan CSS 3



Scrollbar adalah sebuah garis di sebelah kanan jendela browser atau aplikasi lainnya yang berfungsi untuk menggeser tampilan ke bawah dan keatas, atau ada juga Scrollbar yang berfungsi untuk menggeser tampilan kesamping kiri dan kanan.

Taukah anda, bahwa sekarang kita bisa mengubah warna Scrollbar tersebut dengan fasilitas yang ada pada CSS3 Webkit?. Sekarang tentunya semua blogger ingin membuat tampilan yang paling cantik dan keren pada Blog nya untuk membuat blognya lebih Menarik dan Elegan.

Pada Tutorial kali ini, Mas Galih akan berbagi mengenai bagaimana cara mengubah warna scroll bar di Blog. Untuk membuat tampilan Blog keren , menarik dan elegan. Kali ini kita akan menggunakan Fasilitas yang ada pada CSS 3. Penasaran bagaimana cara mengubahnya? ayo, langsung saja.

Mengubah Warna Scrollbar di Blog dengan CSS 3

  1. Login ke Blogger >> Template >> Edit HTML
  2. Tekan "CTRL + F" untuk melakukan Find. Dan cari Kode ini "]]></b:skin>" ( Tanpa tanda petik )
  3.  Copy kode Ini :

        ::-webkit-scrollbar {
        width: 8px; height:8px;
        }
        ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
        background:#fff;
        }
        ::-webkit-scrollbar-thumb {
        background: rgba(186,35,35,0.8);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }
        ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(186,35,35,0.4);
  4. Paste kode tersebut di atas kode "]]></b:skin>" yang sudah kita cari pada langkah ke 2 tadi.
  5. Simpan Template. Selesai.
Scrollbar ini hanya akan aktif pada Browser "Google Chrome". Jika kamu ingin aktif juga di Firefox, maka kamu harus menginstall Add-On firefox, tetapi itu hanya akan aktif di browser yang sudah terpasang Add-On seperti browser kamu. Selamat Mencoba! Kalau mengalami masalah, silahkan berkomentar.


Artikelnya Bermanfaat? Support Blog ini Gan :D, Share :

Item Reviewed: Cara Mengubah Warna Scrollbar di Blog dengan CSS 3
Description: Cara Mengubah Warna Scrollbar di Blog dengan CSS 3 | Cara SEO Blogger
Rating: 4.5
Reviewed By:

Galih Laras Prakoso - Author Cara SEO Blogger
Ditulis Oleh
Jasa SEO Blogger, Web Template Designer, PSD to HTML Coder.

Jika kamu ingin belajar SEO dan Trik2 Blogger Bersama Saya, Jangan Sampai Ketinggalan, Ikuti melalui : Twitter . Subscribe Cara SEO Blogger feeds via RSS atau EMAIL Untuk mendapatkan Update Artikel.

  • Social Media
  • Google

Baca Juga Artikel SEO Lainnya :

Cara SEO Blogger - Tutorial SEO Blogger Sebelumnya Cara SEO Blogger - Tutorial SEO Blogger Selanjutnya Cara SEO Blogger - Tutorial SEO Blogger Beranda

0 komentar:

Cara SEO Blogger - Tutorial SEO Blogger Comment

"Hargailah Blog orang Lain, Jika anda ingin Blog anda dihargai Orang Lain"
► Dilarang "Promosi".
► Dilarang Menyematkan "Link Aktif".
► Saya harap Komentar Anda masih berhubungan dengan Konten Ini.
► Jangan SPAM!
► Maaf, Saya hanya membalas Komentar Yang "BERKUALITAS" dan Pertanyaan yang berhubungan dengan Konten ini. :)
► Saya akan segera menghapus Komentar yang kurang berkualitas

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 

Google+ Followers

Pengikut

Konten Dilindungi DMCA

Cara Melihat PageRank Checker Widget

Total Penayangan