Cara Mengatur Thumbnail Postingan Blogger
Blogger.com-Saat membandingkan WordPress dan Blogger, satu titik bawah Blogger adalah bahwa tidak ada fitur untuk mengatur atau memilih gambar apa pun yang Anda inginkan sebagai thumbnail posting. Saat ini, kita akan melihat bagaimana kita dapat memilih gambar acak sebagai thumbnail untuk posting blog.Untuk melakukan ini, pertama-tama kita perlu memahami bahwa gambar apa yang dibuat oleh Blogger sebagai foto pertamanya! Telah diketahui bahwa Blogger selalu mengambil gambar pertama di artikel sebagai gambar mininya.
Jadi, solusinya adalah membuat gambar mini yang cantik dan selalu menambahkannya sebagai thumbnail pertama pos.
Tapi, bagaimana jika Anda tidak ingin menjadikannya sebagai gambar pertama? Untuk itu, ada sedikit trik! Mari saya tunjukkan itu pada Anda.
Pertama, setelah menulis seluruh pos, tambahkan gambar thumbnail di bagian atas pos seperti pada gambar di bawah.
- Upload foto di Blogger.
- Menambahkan foto di postingan blog Blogger.
Setelah menambahkan thumbnail di bagian atas posting, akan terlihat seperti ini.
- Mengedit di blogger.
Sekarang, Beralih ke tab HTML dari menulis tab seperti yang ditunjukkan di bawah ini.
- Beralih ke HTML dari menulis di Google Blogger
Setelah itu, Anda akan menemukan tag <img>. Jika Anda tahu HTML, Anda akan memahami ini dengan lebih baik.
- Mengedit HTML dari posting blog
Sekarang, kita perlu menyembunyikan gambar menggunakan style='display:none'. Jadi, tambahkan setelah '<img'. Kemudian akan terlihat seperti ini.
- Menambahkan atribut style dalam HTML.
Itu dia! Sekarang mempublikasikan posting dan Anda akan melihat bahwa thumbnail Tidak terlihat di postingan tetapi terlihat di home di mana semua artikel ditampilkan, Anda juga akan tahu bahwa ketika berbagi tautan di media sosial, seperti Facebook, thumbnail sedang ditampilkan.
Jika Anda mempratinjau ini, maka itu tidak akan berfungsi. Trik ini akan bekerja hanya setelah mempublikasikan artikel. Ini tidak akan berfungsi jika Anda melakukan kesalahan di antara keduanya. Harus ada spasi yang tersisa di depan dan belakang style='display: none'. Jika Anda memiliki masalah, komentar di bawah ini. Saya pasti menjawab.
Jika Anda menginginkan demo, silakan cek di artikel ini sendiri. Anda tidak akan menemukan thumbnail apa pun yang termasuk dalam posting ini, tetapi ketika Anda melihatnya dari rumah, maka itu akan muncul.
