Blogger CSS Scrollbar Eklentisi

Blogger sayfalarınız için Scrollbar eklentisi nasıl yapılır onu anlatmaya çalışacağız.

Öncelikle Blogger sayfamızın Tema bölümüne tıklıyoruz.

Daha sonra HTML düzenle diyoruz.

HTML editör sayfamızda Ctrl+F yardımıyla ]]></b:skin> kodunu aratıyoruz son olarak bulduğumuz kodun üzerine gelecek şekilde aşağıda ki CSS kodlarını ekliyoruz.

CSS::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: #F90;  background-image: -webkit-linear-gradient(45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent)
}

Şimdi diğer farklı renkte Scrollbar eklentisinde sıra ,

CSS::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #F5F5F5;
border-radius: 10px;
}
::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #FFF;
background-image: -webkit-gradient(linear,
40% 0%,
75% 84%,
from(#4D9C41),
to(#19911D),
color-stop(.6,#54DE5D))
}

Daha fazla yardım için, bu yazıya cevap yazarak sorabilirsiniz. Bu gönderiyi arkadaşlarınızla paylaşmaktan çekinmeyin.