Tekno

Gambar thumbnail biasanya memiliki ukuran yang lebih kecil di banding gambar cover, thumbnail banyak di gunakan agar image yang di gunakan pada website berukuran aslinya, karena dapat mempengaruhi loading web yang di akses.

Paling mudah untuk mengatasi gambar thumbnail adalah membuat ukuran yang lebih kecilnya, akan tetapi kita harus mendesain ulang ukurannya, ini terlihat sedikit agak ribet dan membutuhkan waktu serta Anda harus upload ulang.

Baca juga Upload Gambar di Blogger sebagai Tempat Galery Website Anda

Seperti pada gambar web yang Anda kunjungi ini, sudah menggunakan thumbnail pada list artikel terkait maupun list artikel terbaru, trik ini cukup menggunakan blogger.com sebagai tempat upload gambar sekaligus membuat thumbnail.

Oke, langsung saja kita buat tutorialnya Cara Membuat Link Gambar Thumbnail di Blogger di bawah ini.

 

Buka Blogger

Silakan buka website blogger.com, kemudian silakan buat konten postingan baru + NEW POST, atau konten artikel yang sudah ada, silakan edit. Selanjutnya silakan upload gambar yang sudah di desain, disini saya contohkan cover pada artikel ini.

Link Gambar

Setelah gambar berhasil di upload, kita bisa langsung mengambil url gambar, dengan klik kanan Open Image in New Tab

Step selanjut silakan copy link url image pada tab sebelah, berikut ini link yang diberikan oleh google, yang nantinya kita akan ubah ukurannya.

 

Jika kita gunakan url tersebut diatas, hasilnya adalah seperti dibawah ini.

Selanjutnya kita akan membuat thumbnail berukuran 300, kita bisa merubah link di atas pada h120 menjadi s300, ukuran tersebut adalah lebar gambar 300px, hasilnya seperti dibawah ini.

Selanjutnya kita akan membuat thumbnail lebar 400px. silakan ubah s300 menjadi s400, hasilnya seperti dibawah ini.

Kita bisa juga menggunakan ukuran dari tingginya, silakan langsung saja di ubah dari s400 mengjadi h400, artinya tingga gambar adalah 400px.

Untuk kebutuhan gambar dengan ukuran tertentu, silakan sesusaikan dengan kebutuhan Anda, untuk menampilkan ukuran full sizenya, kita dapat ubah dari s400 menjadi s600-rw-rw.

Demikian tutorial ini kami bagikan, Terima kasih telah berkunjung di artikel kami, Selamat mencoba