Cara menampilkan Gambar Hanya Dalam Versi Thumbnail Di Blogspot

3 Likes Comment
cara menampilkan gambar hanya dalam versi thumbnail

Cara menampilkan Gambar Hanya Dalam Versi Thumbnail Di Blogspot – Menampilkan gambar didalam postingan blog hanya dalam versi Thumbanil sebenarnya hanyalah sebuah cara untuk menghilangkan saparator dan style gambarnya saja.

Cara ini sebenarnya sangat lazim digunakan dan ditemui jika anda menggunakan template AMP lalu mengganti lagi menjadi template non-AMP.

Lalu apa keuntungan hanya menampilkan gambar saja dalam versi Thumbnail? Salah satu keuntungannya adalah loading blog akan 5 kali lebih cepat dibandingkan dengan loading blog yang menggunakan gambar.

Meskipun gambar adalah elemen penting dari sebuah postingan blog, tetapi terkadang gambar-gambar yang tersedia tampil menggangu dan memperlambat loading blog. Apalagi jika sudah ditambahkan dengan tampilnya iklan, yang tumpang tindih yang pada akhirnya waktu loadingnya akan bertambah.

Baca Juga : Cara Menaruh Kata Kunci Di Titile Text Blogspot

Salah satu solusi untuk memperlambat loading blog adalah dengan mengurangi ukuran gambar, menyembunyikannya dilatar belakang dan lain sebagainya.

Apa dampaknya?

Sejauh pengalaman yang saya terima, tidak ada dampak yang anda terima. Mungkin dampaknya hanyalah pada postingan itu sendiri dimana gambar akan hilang meskipun ia tampil secara thumbnail.

Ini biasanya terjadi jika anda menggunakan template AMP didalam postingan blog. Dan template tersebut sudah di dukung versi AMP. Nah untuk anda yang ingin menampilkan gambar versi AMP, silahkan ikuti tutorial ini.

Langkah 1. Silahkan masuk ke dashboard Blog anda> pilih salah satu postingan yang ingin anda tampilkan gambar hanya dalam thumbnailnya.

Langkah 2. Setelah itu klik menu HTML disebelah menu Compose didalam postingan blog.

Langkah 3. Silahkan salin kode dibawah ini:

<noscript>
<img alt=”alt gambar” width=”650″ height=”350″ src=”https://3.bp.blogspot.com/-v1-eNxBF5W4/WDwrdRGK3JI/AAAAAAAAARA/sAIx0LyRTU4kZ5OJjP0NdYamnCia5jl0ACLcB/s1600/valid-amp.jpg” title=”title gambar” />
</noscript>

Langkah 4. Setelah itu masuk ke versi HTML dan cari kode atribut gambarnya dengan kode diatas. Biasa kode atribut gambar adalah sebagai berikut:

<div class=”separator” style=”clear: both; text-align: center;”>
<img alt=”alt gambar” border=”0″ src=”https://3.bp.blogspot.com/-v1-eNxBF5W4/WDwrdRGK3JI/AAAAAAAAARA/sAIx0LyRTU4kZ5OJjP0NdYamnCia5jl0ACLcB/s1600/valid-amp.jpg” title=”title gambar” /></div>

NOTE: Jangan lupa mengganti Title Gambar, URL gambar dan juga ALT Gambar dan juga url gambar. 

Jika sudah, silahkan klik Save template dan lihat hasilnya. Gambar thumbanailnya sudah hilangkan?

Apakah ini aman?

Sejauh pengalaman saya, ini cukup aman. Sudah beberapa postingan di blog saya menggunakan versi ini, dan saya sudah menggunakan Google AdSense didalam blog saya. Sejauh ini aman-aman saja.

Baca Juga : Jenis-Jenis Format Gambar Yang Umum Digunakan

Nah demikian artikel tentang Cara menampilkan Gambar Hanya Dalam Versi Thumbnail saja. Jika anda punya masukan dan komentar terkait dengan postingan ini silahkan tinggalkan di Kolom Komentar.

UPDATED: Jangan Sembunyikan Gambar Di dalam Artikel Blog Anda, terkait dengan alasan-alasannya saya sudah beberkan diartikel ini.

You might like

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *