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 »
12 Komentar
avatar

Wah, keren juga scrollbarnya tampil dengan persentase. Makasih tutorialnya, Gan.

Balas
avatar

Nice sharing, thanks. Singgah dan follow sini.

Balas
avatar

Sama - sama sob, semoga dapat membantu :)
terimakasih juga sudah berkunjung dan kasih support :))

Balas
avatar

Sama - sama sob, semoga dapat bermanfaat :D
terimakasih juga telah berkunjung dan kasih support :))

Balas
avatar

keren ya jadi ketauan berapa persennya >< makasih infonyaaaa

Balas
avatar

sama - sama sob, semoga dapat membantu :)
terimakasih juga sudah berkunjung dan support blog ini :))

Balas
avatar

Wah ternyata simple ya soB kodenya. Gak terlalu ribet juga

Balas
avatar

iya pak cuma dikit dong :D
semoga dapat membantu dan bermanfaat :)

Balas
avatar

memang sebagian template ada yang gagal dan berhasil, itu di karenakan template yang mungkin tidak support jadi gagal sob. Kan templatenya beda" sob :-?

Balas
avatar

mantap gan isi nya...
lanjut terus :D

Balas
avatar

terimakasih atas support dan kunjungannya sob :))

Balas

Tinggalkan komentar anda dibawah ini dengan tata cara sebagai berikut :

1. Jangan OOT (Out Of Topic)
2. Menggunakan bahasa yang sopan dan sesuai
3. Jangan mencantumkan livelink di kolom komentar
4. Masukkan link pada tempatnya
5. Jangan SPAM