Cara Membuat Loading Blog Menjadi Lebih Keren Dan Bagus

Cara Membuat Loading Blog Keren - Teman-teman blogger pasti sering merasakan bosan dengan blognya yang memiliki loadig sederhana. Memang terkesan tidak berkelas, tenang saja pada pembahasan artikel kali ini saya akan memberikan tutorial memasang loading keren untuk blogger. Pada artikel yang sebelum-sebelumnya saya fokus pada pembahasan SEO, namun sekali-kali saya bahas trik juga. Seperti yang kita ketahui bahwa memasang memiliki beberapa manfaat, bukan hanya manfaat tetapi ada juga sedikit kekuranganya.

Apa Manfaat dan Kekurangan Memasang efek loading ?. Manfaatnya membuat blog menjadi lebih bagus dan keren, sehingga pegunjung juga akan betah lebih lama. Sisi kekurangannya ialah, jika blog memiliki tingkat loading yang berat dan memasang ini maka akan menambah berat kecepatan loading, alhasil pengunjung akan pergi jauh dan tak mau kembali lagi. Untuk terlebih dahulu cek kecepatan loading blog anda di "gtmetrix.com" bilahasil cek menunjukkan 70% keatas maka boleh saja pasang efek loading ini. Nah untuk hasil cek 50% kebawah lebih baik ganti template dan hapus widget yang tidak berguna.

Bila memandang efek loading blog, biasanya ada yang berputar, layar penuh, backgroud penuh, ataupun jenis lain. Pada tutorial kali ini saya hanya menampilkan efek yang berputar dengan bentuk premium. Untuk gambaranya bisa dilihat pada gambar dibawah ini.

Hasil pemasangan
Jika memang tertarik maka ikuti seluruh tutorial dengan benar, jangan sampai ada kode yang terlewatkan agar hasilnya bagus. Langsung saja simak cara membuat loading blog keren dan bagus.


Cara Membuat Efek Loading Blog :


1. Seperti biasa langkah pertama, anda harus masuk ke akun blogger masing-masing.
2. Ke-2 anda perlu masuk ke template dan pilih edit HTML.
3. Jika HTML sudah terbuka selanjutnya klik pada sembarang tempat asalkan pada kolom HTML. Tekan kombinasi ctrl+f dan ketik atau cari tulisan "]]></b:skin>". Jika sudah ketemu selanjutnya masukkan kode berikut diatas kode "]]></b:skin>".
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2p84lruykIEZdmoM0jN00Da5mMBQZ238_d7Lc0f56lSVprReUnWJPq9G0uTNM1M2GdNxKYHaHVmp_bbC123rSFlOM6qTzx5ChaqAP64BvkJFbvRCk23g7uZkhhXLZbLg5sAqK9l95RYm/s1600/1load.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}
4. Langkah ke-4 cari kode "<body>" dengan menekan kombinasi seperti diatas. Masukkan kode berikut dibawah kode "<body>".
<div id='cssload'/>
5. Terakhir cari kode "</body>" langkah ke lima ini berbeda dengan yang ke empat. Nah masukkan kode berikut diatas "</body>" dan simpan.
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
Itulah cara membuat loading blog keren, silahkan dipraktekkan dan lihat hasilnya. Mungkin caranya saya kira simpel sekali, dan perlu diingat dalam pemasangan efek loading ini perlu memperhatikan kecepatan blog terlebih dahulu sehingga kepuasan pengunjung adalah yan paling utama.

Pemasangan loading tidak dilarang dan tidak menyalahi kebijakan google jadi tak perlu takut kena pasir hisap google (Sandbox). Sekian artikel pada pertemuan kali ini, semoga bermanfaat bagi teman-teman blogger.

Comments

Post a Comment

Popular posts from this blog

Cara Mudah Download Lagu Di Soundcloud Tanpa Software

Image
Jumpa lagi di Zonamasa-Kali ini saya akan bagikan  trik download musik  pada situs penyedia MP3 yang terpopuler yaitu soundcloud. Saya buat postingan kali ini agar sobat dapat mendownload lagu di situs tersebut tanpa harus mengunakan aplikasi/software. Disana merupakan tempat yang aman bagi pecinta musik untuk dapat mendegarkannya, dan menariknya disana hanya bisa mendegarkan lagu secara Online, nah itulah sebabnya saya akan bagikan cara mengunduh lagu yang di inginkan. Sumber : Pixabay Sebelum ke Topik, saya bahas sedikit tentang soundcloud, yaitu situs penyedia MP3 terlengkap dari seluruh musik Di Dunia, disana anda dapat menikmati jutaan MP3 yang telah tersedia. Di situs ini juga menyediakan berbagai lagu asli dan berkualitas. Orang tidak mungkin hanya mendengarkannya saja, pasti mereka ingin menyimpannya juga mengapa ? Karena sering mendengarkan dengan Online maka kuota yang digunakan pun cepat habis, untuk itu ikuti langkah dalam mengunduhnya dibawah ini. 1. Pe...
Read more

Cara Kompress Ukuran Gambar Tanpa Mengurangi Kualitas Gambar

Image
Kompres gambar yaitu proses pengecilan ukuran gambar yang dituju, kompres gambar yang dimaksut adalah menjadikan gambar sekecil mungkin tanpa mengurangi kualitasnya. Apakah memang benar bisa, dan bagai mana caranya ? Di Zonamasa akan memberikan jawabanya, saya akan berikan tutorial terbaik dan mudah di pahami dalam proses kompres gambar. Sebelum itu, perlu diketahui apa itu kompres dan bentuk gambar apa saja yang bisa di kompress. Saya akan memberikan penjelasan sedikit tentang kompres, yaitu proses craking atau penghapusan komponen penyusun gambar yang tidak berguna sehingga ukuran gambar dapat diperkecil tanpa menghilangkan komponen penting dalam penyusun gambar. Nah apa saja jenis gambar yang bisa di kompres ini dia. JPEG PNG GIV SVG Bagi format gambar yang seperti diatas bisa di perkecil ukuran gambarnya, kali ini saya akan memberikan tutorial craking menggunakan situs pengecil ukuran gambar yang sangat berguna sekali, yaitu : kraken.io ada sebuah situs untuk upload gam...
Read more

Daftar Payload Http Injector Axis Agustus 2017 Unlimited

Image
Pada kesempatan kali ini saya update payload terbaru untuk Http Injector khusus oprator axis. Mungkin banyak yang belum tahu tentang payload, payload adalah kumpulan bug dengan campuran host untuk menuju pada celah oprator sasaran. Intinya bug dalam payload tersebut akan bekerja seiringan dengan adanya host pembuka celah. Dalam sebuah payload mungkin banyak yang menganggap sulitnya membuat payload. Yang paling sulit ternyata menentukan bug yang masih bisa digunakan dan normal saat dijalankan. Tenang saja pada postingan kali ini saya akan berbagi payload yang sudah jadi beserta bug yang sudah saya tempelkan, langsung saja simak payload berikut ini. Daftar Payload Axis Update 2017 1. Payload Versi Zona 1 Get http://download.cdn.oly-na.blackberry.com/ [protocol][crlf]POST: download.cdn.oly-na.blackberry.com HTTP/1.1[crlf]Connection: Keep-Alive[crlf][cr][crlf][split][raw][crlf]DELETE: download.cdn.oly-na.blackberry.com [crlf]Connection: Keep-Alive[crlf][crlf] 2. Payload Ver...
Read more