Ada banyak cara untuk membuat tampilan blog atau websitemu terlihat menarik contohnya adalah dengan membuat efek loading blog sederhana ini. Memang secara umum kecepatan loading atau page speed merujuk pada seberapa cepat konten di suatu website dapat dimuat ketika diakses oleh browser yang digunakan user, loading speed menunjukkan berapa lama waktu yang diperlukan pengunjung untuk membuka sebuah halaman di blog kamu.
Perlu kamu perhatikan juga bahwa lama atau cepatnya loading blog atau website kadang kala berdampak pada banyaknya jumlah pengunjung. Lama waktu loading juga bisa dikurangi dengan mengurangi widget yang terpasang pada blog, atau menambahkan efek loading sebagai penarik perhatian pengunjung. Perlu juga diketahui bahwa loading suatu halaman blog dapat mempengaruhi persepsi pengunjung terhadap blog kamu.
 |
| Animasi Loading Blog |
Efek Loading Blog Sederhana V1
Jika ada V1 tentu saja ada versi lainnya lagi, kamu dapat mencarinya di blog ini. Animasi efek loading blog ini akan muncul saat halaman blog kamu diload oleh browser atau juga akan muncul saat kamu berpindah halaman dari link satu ke link yang lain di blog kamu. Efek ini sering di pasang saat tidak terlalu memperdulikan kecepatan tapi lebih suka terkesan ke tampilan. Ok berikut cara membuatnya di Blogger.
Disini saya membagikan dua cara, yang pertama adalah memasangnya langsung kedalam template blog, dan yang kedua adalah menambahkannya sebagai widget blog. Oh yah sebelumnya juga admin pernah berbagi cara membuat template kosong juga tentang membuat menu navigasi dropd down dan cara membuat pricing table di Blogger. Ok sobat berikut cara membuatnya:
Cara Membuat Efek Animasi Loading Blog di Blogger
Cara yang pertama yaitu memasukannya ke dalam template Blog:
2. Pilih menu Tema ➔ Edit HTML
 |
| Edit HTML Template |
3. Di templatemu sebelumnya sudah ada kode external jQuery library, atau bisa gunakan jQuery di bawah ini (kode warna merah kalau sudah ada walau beda versi tidak perlu memasangnya lagi) dan letakan diatas kode
</head> :<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<link href="https://cdn.rawgit.com/Brando07/seocips/Html/loading1.css" rel="stylesheet" type="text/css"> </body> :<script src="https://cdn.rawgit.com/Brando07/seocips/newbe/loading1.js"></script> <body> :<div id="loadingHalaman"></div>Cara ke dua menambahkannya sebagai widget
1. Di Blog kamu 😄2. Pilih menu Tata Letak ➜ Tambahkan Gadget 👉 HTML/JavaScript
 |
| HTML / JavaScript |
4. Masukan kode dibawah ini:
<link href="https://cdn.rawgit.com/Brando07/seocips/Html/loading1.css" rel="stylesheet" type="text/css"></link>
<script src="https://cdn.rawgit.com/Brando07/seocips/newbe/loading1.js"></script>
<div id="loadingHalaman">
</div>Video
Kalau belum paham cara memasangnya bisa kamu simak video di bawah ini:
Selain ini masih banyak efek yang bisa digunakan untuk membuat tampilan blog lebih menarik, seperti memasang efek salju, efek gambar, efek daun berjatuhan, efek burung burung terbang dan saat ini adalah efek loading blog sederhana.
Sekian cara membuat efek animasi loading blog di Blogger, kamu bisa mencoba animasi-animasi loading blog lain yang admin bagikan nantinya. Terimakasih.
0 Komentar untuk "Cara membuat Efek Loading Blog sederhana V1 di Blogger"