Tutorial Blogger

Cara Membuat Progress ScrollBar di Blogger

Progress ScrollBar merupakan sebuah fitur yang memiliki fungsi sebagai tanda bahwa artikel yang sedang kamu baca sudah mencapai akhir dari isi artikel tersebut. Jadi nantinya animasi ScrollBar ini akan seolah-olah penuh dan mencapai titik akhir.

Jika kamu termasuk seorang yang suka mempercantik tampilan blog, memasang progress ScrollBar ini mungkin perlu kamu coba. Namun perlu di ingat, ScrollBar ini dibuat menggunakan Javascript, jadi akan sedikit membuat loading blog kamu berat.

Pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Membuat Progress ScrollBar pada Artikel di Blogger. Jika kamu tertarik untuk memasangnya, kkamu bisa simak dalam tutorial berikut ini.

Cara Memasang Progress ScrollBar di Blogger

1. Log in ke akun Blogger → Tema → Edit Html

2. Copy dan Pastekan kode Style CSS di bawah ini dan taruh tepat sebelum kode ]] ></b:skin> atau </style>

3. Masukan kode Javascript di bawah ini tepat sebelum kode </body>

4. Masukan kode pemanggil di bawah ini tepat diatas kode <body>

5. Simpan Tema. 

Berikut adalah tampilan Progress ScrollBar dengan Efek Gradient Color  yang telah terpasang di Blogger.

Sekian tutorial Cara Membuat Progress ScrollBar dengan Efek Gradient Color di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2019 Inwepo - All Rights Reserved.

To Top