Cara Merubah Ukuran (Resize) Thumbnail Mobile Lengkap
Selamat Datang di Wahyu Development, kali ini saya ingin membagikan tutorial bagaimana cara membuat gambar thumbnail tampak terlihat besar diatas judul artikel atau ingin membuat thumbnail terlihat kecil di samping judul artikel. Mungkin banyak tutorial di internet yang kurang jelas maka dari itu disini saya ingin membantu anda untuk menyelesaikan masalah anda. Dengan mengganti thumbnail yang anda inginkan maka membuat tampilan website anda semakin dinamis. Ok langsung saja!
Pertama, buka akun blogger anda, kemudian masuk ke menu Tema (Theme) --> Edit HTML. Pada halaman Edit HTML silahkan anda cari code CSS dari thumbnail anda, caranya tekan tombol kombinasi CTRL+F lalu ketikan
.img-thumbnail {. Lalu enter.
Maka anda ketika enter pertama akan menemukan script ini.
Jika script anda seperti diatas atau mirip-mirip silahkan anda ganti dengan script dibawah ini.
[Catatan] setelah anda ubah scriptnya menjadi seperti diatas, selanjutnya ubah nilai height menjadi 250, jika sudah maka akan tampil seperti ini.
Selanjutnya melanjutkan pencarian kembali, langsung saja ketikan
Silahkan anda tekan enter sampai 6X dimulai dari script yang tadi anda cari. Setelah 6X enter maka anda akan menemukan script seperti ini.
Jika template atau tema anda berbeda intinya anda harus mencari script tersebut, disini saya mencontohkan menggunakan template viomagz. Jika sudah menemukan script tersebut, silahkan anda ganti dengan script berikut ini.
Jika sudah mengganti script tersebut maka tampil script harus seperti ini.
Setelah anda ganti, langkah terakhir save tema, maka tampilan thumbnail website anda akan seperti ini.
Jika anda ingin mengubah ukuran thumbnail/gambar menjadi kecil disamping judul artikel, silahkan anda ubah script dibawah ini.
Menjadi seperti ini.
Maka tampilan akan mejadi seperti ini.
Dan jika anda ingin thumbnail/gambar tersebut terletak disebelah kanan maka anda harus mengubah script diatas menjadi seperti ini.
[Catatan] ubah script hanya pada bagian
Itulah cara merubah thumbnail/gambar pada website agar terlihat besar atau kecil, tutorial ini juga support versi template atau tema apa saja yang anda gunakan, berikan komentar anda dan semoga bermanfaat . . .
img-thumbnail. Perlu di perhatikan, pencarian pertama tadi menggunakan awalan titik (.) dan diakhiri buka kurawal ({), dan pencarian kedua tidak menggunakan itu.Silahkan anda tekan enter sampai 6X dimulai dari script yang tadi anda cari. Setelah 6X enter maka anda akan menemukan script seperti ini.
Jika template atau tema anda berbeda intinya anda harus mencari script tersebut, disini saya mencontohkan menggunakan template viomagz. Jika sudah menemukan script tersebut, silahkan anda ganti dengan script berikut ini.
Jika sudah mengganti script tersebut maka tampil script harus seperti ini.
Setelah anda ganti, langkah terakhir save tema, maka tampilan thumbnail website anda akan seperti ini.
Jika anda ingin mengubah ukuran thumbnail/gambar menjadi kecil disamping judul artikel, silahkan anda ubah script dibawah ini.
Menjadi seperti ini.
Maka tampilan akan mejadi seperti ini.
Dan jika anda ingin thumbnail/gambar tersebut terletak disebelah kanan maka anda harus mengubah script diatas menjadi seperti ini.
[Catatan] ubah script hanya pada bagian
.img-thumbnail { saja, yang bawahnya tetap (jangan diubah). Maka tampilan website anda akan seperti ini.Itulah cara merubah thumbnail/gambar pada website agar terlihat besar atau kecil, tutorial ini juga support versi template atau tema apa saja yang anda gunakan, berikan komentar anda dan semoga bermanfaat . . .
Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya
Mantep lah tutor nya, semoga work ya. Makasi gan sudah share.
ReplyDeleteiya gan sama-sama senang bisa membantu anda :)
Delete