Tutorial Blogger

Cara Memasang Lazy Load Image di Blogger

Kecepatan dalam suatu blog tentu pasti akan sangat berpengaruh pada keseluruhan. Baik dari pengunjung, penghasilan dan lainnya. Blog yang memiliki kecepatan loading yang rendah akan membuat pengunjung tak nyaman dan merasa enggan untuk mengunjungi blog tersebut.

Oleh karena itu banyak sebagian Blogger yang berlomba-lomba untuk meningkatkan kecepatan blog mereka. Namun tidak jarang juga ada beberpa pemilik blog yang tidak begitu memperhatikan loading blog.

Jika kamu merupakan tipe seorang yang memperhatikan kecepatan loading blog dan ingin meningkatkan kecepatannya. Mungkin kamu perlu memasang Lazy Load Image.

Lazy load image ini sendiri merupakan sebuah tools/script yang memiliki fungsi untuk meringankan loading blog, terutama pada gambar yang ada di dalam blog tersebut. Ketika seorang pengunjung membuka blog kamu, maka gambar tidak akan timbul hanya seolah-olah seperti loading dengan efek animasi, namun setelah di scroll atau geser ke bawah, gambar tersebut akan timbul.

Pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Memasang Lazy Load Image dengan efek Slash Animation di Blogger. Jika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial berikut ini.

Cara Memasang Lazy Load Image di Blogger

1. Log in ke akun Blogger → Tema → Edit HTML.

2. Copy dan Pastekan kode Style CSS di bawah ini dan taruh tepat sebelum kode ]]></b:skin> atau </style>

3. Masukan kode JavaScript di bawah ini dan letakan sebelum kode </body>

4. Cari dan temukan kode tag gambar yang pada template kamu. Gunakan Ctrl + F pada keyboard untuk memudahkan pencariannya.

kurang lebih cari kode yang hampir mirip seperti di bawah ini.

Lalu ganti dengan kode di bawah ini.

Catatan:

Semua tag image atau gambar yang ada pada blog bisa kamu ganti dengan kode tag di atas. Baik gambar thumbnail atau lainnya.

5. Simpan Tema.

Berikut adalah tampilan Lazy Load Image dengan efek Slash Animation yang telah terpasang di Blogger.

Live Preview

Sekian tutorial Cara Memasang Lazy Load Image dengan efek Slash Animation di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









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.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2019 Inwepo - All Rights Reserved.

To Top