Scroll Bsr #2

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Hello , tadi Fee buka blog check shoubox tetiba ada orang tanya macam mana nak buat scroll bar macam Fee.

Request dari Aisya. Hehe. . Scroll apa yang dia minta ni ? 

Ha , kalau nak tahu scroll bar macam ni :

Yang warna pink tu , warna sebelum ditekan

Yang warna hitam tu , warna ditekan.

1. Dashboard > Design > Edit HTML > Tick Widget Expand.

2. Tekan Ctrl + F untuk memudahkan pencarian dan copy code ini .

]]></b:skin>

3. Copy code dibawah ni , dan pastekan di atas / sebelum code no 2.

::-webkit-scrollbar-thumb:vertical {
background-color:#FF91AB;
height:80px;
border-radius: 2px;
-webkit-transition:1s;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 2px;
border-radius: 2px;
background:#424242;
-webkit-transition:1s;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#CCC;
height:10px ;
}
::-webkit-scrollbar {
height:10px;width:8px;
Background-image:url( URL BACKGROUND );
}
::-moz-selection{
background:#FFC8E3;
color: #EAA6EA;
/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:Georgia,serif,Times; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:#EAA6EA; border-right:10px solid #FFFFFF; padding-left:40px;
text-decoration:none; color:#FFFFFF; }
#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #EAA6EA;
-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #EAA6EA;
transform:rotate(-5deg); box-shadow:10px 10px 20px #EAA6EA; }

  Merah -  Tukarkan kepada warna kesukaan korung kalau korung berminat warna Fee tak payah tukar.

  Oren - Url background korung.

Thenn , SAVE ! ^_^