Tutorial Blogger

Cara Memasang Page Preloading di Blogspot

Hi teman-teman, kali ini penulis akan membagikan tutorial Blogger tentang cara membuat page preloader menggunakan animasi CSS dan SVGs(*) untuk blogger. Hal semacam ini dapat menjadi cara kreatif dan inovatif untuk pengunjung yang bosan nunggu loading, tetapi tentunya juga tidak akan membebani menjadi LOLA (Loading Lama) di blogger kalian.

SVGs adalah singkatan dari Scalable Vector Graphics dan merupakan format file baru untuk menampilkan grafik dalam pengembangan web yang berbasis XML. masih agak sulit untuk dipahami, tetapi untuk kedepanya dipastikan lebih kompleks untuk membuat object / animasi daripada CSS3.

Penasaran seperti apa jadinya? Berikut tutorialnya:

1. Login ke Blogger anda;

2. Jika sukses Login, lalu klik tombol “Tema”;

3. Pilih tombol “Edit HTML“;

4. Lalu, pilih 1 dari 3 tema preloader yang penulis sediakan dan copy paste diatas kode ]]></b:skin> :

  • Glasshour

  • Kurumi

  • Nisekoi

5. Setelah itu, copy paste semua CSS di bawah ini setelah kode tema yang sudah kalian pilih salah satu dari ke 3 tema preloader tadi (tepatnya di bawah kode);

6. Lalu, copy-paste semua kode HTML dibawah ini tepat dibawah <body>

atau <body class …>

7. Setelah itu, letakkan kode Js dibawah ini tepat diatas kode </head>

8. Terakhir, letakkan seluruh kode ketiga Js ini tepat diatas kode </body>

Simpan template, dan buka Blogger kamu kembali. Lihat hasilnya, dan selamat mencoba.









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.

Download Aplikasi Inwepo

Berlangganan tutorial Inwepo melalui email

Copyright © 2018 Inwepo - All Rights Reserved.

To Top