Cara Menyembunyikan Gambar Thumbnail di Postingan Blog
Cara Menyembunyikan Gambar Thumbnail Mungkin ada kalanya Anda memiliki gambar unggulan untuk sebuah postingan, tetapi alih-alih ingin menghapusnya, Anda hanya ingin menyembunyikannya dari pengunjung Anda. Blogger memiliki satu pilihan yaitu 'menambahkan gambar unggulan' dalam posting. Namun, itu tidak mengajari Anda cara menyembunyikan gambar unggulan itu di posting blog.
Menambahkan gambar unggulan diperlukan untuk meningkatkan keterbacaan konten Anda. Namun, Anda mungkin memiliki alasan khusus mengapa Anda ingin menyembunyikannya dari dalam artikel tetapi tetap menampilkan gambar thumbnail di halaman Home blog. Setiap Blogger memang harus mempunyai “style” tersendiri sebagai pembeda.
Pada artikel ini, saya akan menunjukkan cara membuat Thumbnail di postingan blog, tetapi gambar thumbnail disembunyikan atau tidak ditampilkan di dalam artikel. Sebelum membahas lebih jauh, mungkin sebagian dari Anda bertanya mengapa Anda harus menyembunyikan gambar thumbnail di blog Anda? Untuk itu simak penjelasannya di bawah ini.
Mengapa Menyembunyikan Gambar Thumbnail di Postingan Blog?
Hampir setiap tema Blogger dilengkapi dengan dukungan bawaan untuk menampilkan gambar unggulan di berbagai area situs web Anda.
Beberapa tema bahkan akan secara otomatis menggunakan lampiran posting sebagai gambar unggulan jika tidak ada gambar yang ditentukan. Ini berarti bahwa itu akan tetap menampilkan gambar unggulan meskipun Anda tidak mengaturnya.
Namun, Anda mungkin ingin menyembunyikan gambar unggulan dalam situasi tertentu. Ntah itu karena menurut Anda tidak terlalu penting pada posting tertentu ataupun alasan lainnya.
Misalnya, Anda mungkin memiliki posting blog Blogger yang tampak berantakan dengan gambar unggulan yang kurang menarik. Namun, Anda tetap ingin gambar unggulan muncul saat terdaftar di halaman blog terpisah.
Dalam hal seperti ini, Anda ingin menyembunyikannya di posting blog individual Anda tanpa menghapus atau menghapus gambar seluruhnya yang ada di blog.
Posting kali ini, saya akan tunjukkan cara menyembunyikan gambar thumbnail pada setiap posting di Blogger, langkah demi langkah.
Cara Menyembunyikan Thumbnail Pada Artikel Postingan Blog
Berikut ini cara membuat Thumbnail pada postingan tetapi gambar thumbnail tersebut tidak ditampilkan di dalam artikel:
- Pertama masuk ke Blogger
- Pada Dashboard Blogger pilih menu Tema Klik tab 'SESUAIKAN' pilih menu Edit HTML
- Kemudian cari kode tag penutup </head> atau </head><!--<head/>-->
- Salin kode dibawah ini dan letakkan tepat diatas tag penutup </head> atau </head><!--<head/>-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
5. Simpan Tema.
Pada tahap selanjutnya, untuk cara membuat gambar pada postingan menjadi Thumbnail agar tidak ditampilkan di dalam artikel Anda bisa ikuti langkah-langkah dibawah ini.
- Pertama buat artikel seperti biasa di blogger
- Kemudian upload gambar yang ingin diposting
- Setelah itu beralih ke mode HTML, bukan Compose
- Selanjutnya cari kode gambar seperti ini
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1v9yvpfADBMiitZTmI7ocOkvFi1YUUW_LsyV_Dx2vQ28V3uowP9hqATjkdIMh4Qa-hOtawRyxyAFA0F4xOOiV_AFjDo4SVcmvIGdlGxa5mfhILr0Rfvu_Yj3R6w_6IwxeZSb2jxSdT1CZ6_tP1qHGB0L_X9Kw9JEm-vYGxzKJ3ndAqd1H86WaYB5G/s728/gambar-thumbnail.webp" style="margin-left: 1em; margin-right: 1em;"><img alt="disabled-image-thumbnail" border="0" data-original-height="400" data-original-width="728" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1v9yvpfADBMiitZTmI7ocOkvFi1YUUW_LsyV_Dx2vQ28V3uowP9hqATjkdIMh4Qa-hOtawRyxyAFA0F4xOOiV_AFjDo4SVcmvIGdlGxa5mfhILr0Rfvu_Yj3R6w_6IwxeZSb2jxSdT1CZ6_tP1qHGB0L_X9Kw9JEm-vYGxzKJ3ndAqd1H86WaYB5G/w640-h352/gambar-thumbnail.webp" title="Cara Menyembunyikan Gambar Thumbnail di Postingan Blog" width="640" /></a></div>Untuk menyembunyikan gambar postingan Anda bisa merubah tulisan "separator" menjadi "thumbnail". Dan terakhir Anda bisa publikasikan postingan untuk melihat hasilnya.
Setelah itu, Anda dapat melihat posting Anda, dan Anda akan melihat gambar thumbnail yang disembunyikan. Bahkan jika ada gambar unggulan yang ditetapkan untuk kiriman, itu tidak akan ditampilkan.
Dengan cara ini tidak akan menghapus gambar yang telah di upload. Tapi disini kita hanya menyembunyikan gambarnya saja dengan mengatur pemanggilan menjadi display:none. Itu hanya menyembunyikannya di dalam artikel ketika kita membuka postingan.
Pada halaman Beranda/Home gambar thumbnail masih tetap ditampilkan. Jika Anda ingin menampilkan gambar thumbnail di dalam artikel lagi, cukup edit posting dan ubah kode gambar pada class "thumbnail" menjadi "separator".
Untuk melihat hasil tampilan Anda bisa melihat contohnya seperti di blog zoneamedia.
Baca juga : Cara Membuat Table of Content di Blogger
Kesimpulan
Saya harap artikel ini membantu Anda mempelajari cara menyembunyikan gambar thumbnail pada setiap posting di Blogger khususnya di dalam artikel postingan. Dengan begitu sekarang Anda bisa dapat memfilter gambar penting yang ditampilkan di postingan artikel.
Demikian posting kali tentang Cara Menyembunyikan Gambar Thumbnail di Postingan Blog yang dapat saya sampaikan. Semoga artikel ini bermanfaat dan dapat membantu Anda. Yuk share artikel ini untuk membantu teman-teman yang lain. Terima kasih!
samuelpasaribu.com
samuelpasaribu.com working in the Search Engine Optimization field since 2019. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on samuelpasaribu.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.
