Meskipun jarang ada pengunjung yang memperhatikan suatu Blog kalau sudah memasang Progress bar untuk Loading, tetapi fitur ini akan tetap terlihat memanjakan mata dan jika ada seorang Blogger yang belum menggunakan progress bar tersebut. Pasti ada tanya dan penasaran bagaimana cara memasang progress bar di blog.
Salah satu Blog yang saya sudah membuat Loading Progress Bar yang saya tahu adalah Blog elcreativeacadamy.com yang sudah di menambahkan CSS agar menjadi lebih ganteng dan menarik perhatian mata pengunjung ketika membuat sebuah halaman, tetapi progress bar yang terpasang tersebut adalah hasil karya dari blog itu sendiri.
Atau sobat bisa langsung melihat Demo dengan membuat salah satu video di youtube pada mode dekstop atau komputer, karena hasil dari tutorial berikut ini akan benar-benar hampir sama seperti di youtube tersebut.
Cara Memasang Progress Bar di Blogger Dengan Ringan
Dengan menggunakan Javascript untuk menampilkan Progress Bar , tetapi tanpa menggunakan jquery. Sehingga fitur progress bar di blog ini tidak terlalu mempengaruhi loading blog atau kecepatan Blog.Langkah - Langkah Memasang Javascript Progress Bar
1. Login akun Blogger2. Masuk ke Menu Tema dan buka Menu Edit HTML
3. Copy javascript dibawah ini dan paste sebelum atau diatar
</body>
Untuk mengatur tinggi loading progress bar agar sesuai selera sobat, silahkan sobat ganti nilai height:"2px" sebelum zIndex:9999.Dan untuk mengatur warna silahkan sobat ganti pada kode warna #20d9304. Simpan Tema
5. Cobalah lihat hasilnya ketika sudah memasang Loading Progress Bar di blog sobat
Demikian postingan mengenai "Cara Membuat Loading Progress Bar di Blogger Keren Mirip Youtube" tanpa mempengaruhi kecepatan Blog atau membuat loading blog semakin lama.
Post a Comment