Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir?

Blogun hemen sağ tarafında bulunan ve normalinden biraz farklı görünen kaydırma çubuğudur. Bildiğiniz üzere kaydırma çubukları gri renkte ve...

Blogun hemen sağ tarafında bulunan ve normalinden biraz farklı görünen kaydırma çubuğudur. Bildiğiniz üzere kaydırma çubukları gri renkte ve biraz kalın bir şekilde gözükmektedir. Birkaç satır kodla bu çubuğun rengini, kalınlığını vs. değiştirebilirsiniz.

Nasıl Yapılır?

• Blogger panelinde soldaki menüden Şablon > HTML'yi Düzenle seçeneklerine tıklayınız.
• Kodların bulunduğu alana bir kez tıkladıktan sonra Ctrl+F tuşlarına tıklayınız. Daha sonra arama yerine ]]></b:skin> yazıp Enter tuşuna tıklayınız.
• ]]></b:skin> kodunun bir satır üzerine aşağıda vermiş olduğum CSS kodunu yapıştırınız ve Şablonu Kaydet seçeneğine tıklayınız.

CSS Kodu

CSS::-webkit-scrollbar {width:15px;} 
::-webkit-scrollbar-track {background-color:transparent;} 
::-webkit-scrollbar-thumb {background-color: #44b39d;} 
::-webkit-scrollbar-thumb:hover {box-shadow:0 0 30px 0 #000;}

CSS Kodu Kavramları

width: çubuğun kalınlığı.
transparent: çubuğun arkaplanı rengi (saydam)
#44b39d: çubuğun rengi
box-shadow:0 0 30px 0 #000: çubuğun üzerine gelindiğinde gözüken gölgenin boyutu ve rengi