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.



Merupakan siswa di SMK Negeri 7 Samarinda. Aktif sebagai anggota di OSIS, Pusdipa, dan PMR Wira. Pegiat gerakan "Care Day" menginspirasi remaja Samarinda di bawah naungan Program Peduli. Juga melibatkan diri untuk mengajak banyak orang mau peduli dengan seluruh keadaan di negeri ini melalui kegiatan 3M (Memperhatikan, Mengurus, Memelihara). -"We Care, We Share, Step Forward Together"-



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 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 menyelesaikan masalahnya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Copyright © 2017 Inwepo. Server by GoCloud

To Top