Formulir Kontak

Nama

Email *

Pesan *

Membuat Persentase pada Scrollbar

Aizzan Blog -- Kali ini saya akan update tutorial terbaru tentang Membuat Persentase pada Scrollbar di blog, yang nantinya jika kita scroll ke bawah atau keatas akan muncul angka dalam bentuk persentase dari blog kita. Nah, mungkin tutorial ini sangat banyak di cari - cari oleh para blogger yang mungkin untuk mempercantik tampilan blog, dibawah ini adalah screenshot dan langkah - langkah untuk membuat persentase pada scrollbar di blog.

Aizzan Blog:  Membuat Persentase pada Scrollbar
Aizzan Blog:  Membuat Persentase pada Scrollbar

1. Buka situs blogger terlebih dahulu
2. Login ke akun blogger sobat
3. Masuk ke "Template"
4. Backup data dahulu sebelum lanjut ke "Edit HTML"
5. Masuk ke "Edit HTML"
6. Cari kode ]]></b:skin>
7. Masukkan kode berikut ini tepat di atas kode ]]></b:skin>
    #scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: " ";
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}
8. Simpan dan lihat hasilnya.

Diatas adalah artikel tentang membuat persentase pada scrollbar semoga dapat membantu dan bermanfaat, jika ada kendala, kritik maupun saran silahkan kirim melalui kolom komentar di bawah ini.
Previous
Next Post »
0 Komentar