Sabtu, 17 Maret 2018

Cara Memutar Gambar Pada Posting di Blogspot

Saya jadi bingung ketika meng-upload gambar ke Blogspot kok malah diputar secara otomatis. Meskipun sudah saya upload lagi berulang-ulang, tetap saja gambar diputar secara otomatis. Akhirnya browsing di mbah Google menemukan cara memutar gambar di Blogspot. Berikut ini langkah-langkah untuk memutar gambar di-posting-an Blogspot:

1. Edit posting-an anda.
2. Klik tombol "HTML" dibawah judul postingan anda.
3. Cari tag <a href= ... seperti berikut ini:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoatgZv-OM1lC9-3W48MIgH8ztf_WoV9Xuhf8uLSEi-F0zF05aXmNCpMFnKEDBoa2yI8qrqqrwJksGUTgmleZ5OxPSkqxMXT-MsV9xE4KdHMn-Pn-nVrjK3qZj-Ya1iFhdN_1Jzp8g7g/s1600/WP_20180328_06_59_08_Pro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1196" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoatgZv-OM1lC9-3W48MIgH8ztf_WoV9Xuhf8uLSEi-F0zF05aXmNCpMFnKEDBoa2yI8qrqqrwJksGUTgmleZ5OxPSkqxMXT-MsV9xE4KdHMn-Pn-nVrjK3qZj-Ya1iFhdN_1Jzp8g7g/s320/WP_20180316_06_59_08_Pro.jpg" width="240" /></a>

4. Pada tulisan s320 tambahkan -rXXX dimana XXX adalah putaran sudut gambar, sebagai contoh, bila gambar akan diputar sebesar 90 derajat, maka -r90. Bila gambar diputar sebesar 180 derajat, maka -r180.
Jangan lupa untuk merubah height dan width agar tampilan gambar proporsional.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoatgZv-OM1lC9-3W48MIgH8ztf_WoV9Xuhf8uLSEi-F0zF05aXmNCpMFnKEDBoa2yI8qrqqrwJksGUTgmleZ5OxPSkqxMXT-MsV9xE4KdHMn-Pn-nVrjK3qZj-Ya1iFhdN_1Jzp8g7g/s1600/WP_20180328_06_59_08_Pro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1196" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoatgZv-OM1lC9-3W48MIgH8ztf_WoV9Xuhf8uLSEi-F0zF05aXmNCpMFnKEDBoa2yI8qrqqrwJksGUTgmleZ5OxPSkqxMXT-MsV9xE4KdHMn-Pn-nVrjK3qZj-Ya1iFhdN_1Jzp8g7g/s320-r270/WP_20180316_06_59_08_Pro.jpg" width="320" /></a>

Kode diatas ini merubah tampilan gambar dari 320x240 menjadi 320x240 karena gambar diputar sebesar  270 derajat (-r270).

Tetapi rotasi ini tidak berlaku bila gambar tersebut di-klik untuk melihat tampilan aslinya (diperbesar).

Selamat mencoba! 😁😁😁

Tidak ada komentar:

Posting Komentar