Pasang Scrollbar Cute Di Blog

Hai semua!! Konnichiwa!! Mau bagi-bagi tuto nih mumpung internet lancar!!

1. Login ke blogger kalian

2. Pilih template dan Edit HTML

3.Jangan lupa centang expand template widget/ atau ctrl + a, ctrl + c backspace dan ctrl + v

4. Untuk designer template, simple template cari kode:

/* Header

Pilih kode scrollbarnya dulu:

Style 1(kayak punyaku)

}
::-webkit-scrollbar {
width: 11px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#ffffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#f0f8ff;
}

credit: Kak Salsa 

Style 2

} 

::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { height: 10px; width: 10px; display: block; background: #fff; border: 1px solid #000; } ::-webkit-scrollbar-track-piece  { background-color: #fff; border: 4px solid #aaa; } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color: #eee; border: 3px solid #fff; border-radius:10px; } 

Style 3

::-webkit-scrollbar {width:15px;height:10px;}::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:10px;width:10px;display:block;background:#ADDFFF;border:1px solid #842B00;}::-webkit-scrollbar-track-piece {background-color:#FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color:#ACD6FF;border:1px solid #FFFFFF;}

scrollbar ketiga: credit kak chiaki 

Style 4

}::-webkit-scrollbar {width:8px;height:8px;}::-webkit-scrollbar-track-piece  {background-color: #ccd8fe;border: 3px solid #FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background:#ccd8fe;border: 1px solid #ccd8fe;}Credit: Kak Salsa

Bai!

See you again!!