Cara Membuat Loading Progress Bar di Blogger Keren Mirip Youtube

tutorial cara membuat loading progress bari di blogger seperti youtube
Cara Membuat Loading Progress Bar di Blogger Keren Mirip Youtuber - Ketika sobat membuka sebuah video dii youtube pada mode dekstop atau di komputer, coba perhatikan diatas menu pencarian pada saat youtube belum terbuka sepenuhnya. Ada Progress Bar atau loading berwarna merah sebelum video youtub dapat diputar. Bagaimana fitur Progress bar tersebut kalau dipasang di Blog, tentunya akan menambah penampilan blog sobat menjadi keren bukan.

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 Blogger
2. 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 #20d930
4. 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.

Artikel Terkait

0Comments

Previous Post Next Post