MASIGNALPHA101

Cara memasang efek preloader saat memuat blog pada blogger

Cara memasang efek preloader saat memuat blog pada blogger
Monday, April 13, 2020
Image preloader by riky



Jumpa lagi di blogmania.my.id, di kesempatan kali ini, blogmania akan membagikan tutorial cara membuat efek preloader atau efek saat halaman blog masih dimuat.

masih gak paham apa itu preloader ?
Menurut blogmania, preloader itu adalah tampilan saat waktu memuat halaman blog/website. Nah, kalau efek loading kan kan biasanya terdapat bawah kotak pencarian yang berwarna biru, nah kalau preloader adalah tampilan saat halaman belum selesai di loading atau dimuat.

Teru, bagaimana cara kerja efek preloader pada tutorial blogmania ini ?
Cara kerja efek preloader ini yaitu akan menampilkan animasi saat loading yang keren, agar tampilan saat loading tidak blank putih yang membosankan, dan membuat halaman blog terlihat profesional. Efek ini akan secara otomatis hilang bila halaman selesai dimuat secara penuh.

Apakah efek preloader ini akan membuat loading blog menjadi lambat?
Tentu saja tidak, efek animasi ini menggunkan gambar yang dibuat dari css dan tag html yaitu svg. Jadi tidak memperlambambat loading blog, karena scriptnya suadah terpasang pada template blog yang kamu pasang.

Bagaimana cara memasangnya ?
Caranya cukup mudah jika kamu sudah sering utak atik template blog, yaitu masuk ke blogger> klik bagian tema> Edit html> lalu cari tag </body> dan tambahin script jquery ini di atas tag </body>


Nah, jika sudah kamu pasang, lalu cari tag  <body> lalu pasang script html ini di bawah tag <body> ini.


Selanjutnya cari kode </head>, lalu tambahkan script css dibawah ini.


Yang terakhir yaitu cari kode <head> lalu pasang script untuk memanggil ajax ini dibawah kode head tadi.


Jika sudah ada script ajax di template kamu, silakan ganti url jQuery library yang sudah ada pada blog sobat dengan versi di atas itu.

setelah itu, simpan tema dan lihat hasilnya.
Nah bagi kalian yang ngeblog lewat hp android mengedit template langsung di menu edit tema blogger, pasti akan ngelag.
Nah, caranya yaitu masuk ke tema> klik cadangkan/pulihkan> lalu download> dan edit tema dengan code editor seperti anwriter atau Acode di android, dan ikuti langkah - langkanya seperti di atas > simpan template> lalu masuk lagi ke blogger>tema>cadangkan>lalu upload file template yang kamu edit tadi.

Itulah tutorial pasang preloader di blog, semoga artikel ini bisa mudah dipahami dan bisa bermanfaat.