tRikSonic
Tema
  • Original
  • Translate

Memutar Gambar pada Blogger dengan URL

Terakhir diperbarui : 22 Mei 2018 - 04.43
Gambar yang terupload pada server blogger dapat diputar atau dirotasi hanya dengan memodifikasi URL image.

URL Sisipan

Untuk memutar sebuah gambar tambahan/sisipkan data berikut pada url gambar :
  1. -r90 untuk memutar gambar sebanyak 90°
  2. -r180 untuk memutar gambar sebanyak 180°
  3. -r270 untuk memutar gambar sebanyak 270°
Blogger Images

Contoh

Perhatikan tanda yang bertanda pada contoh berikut.
url default
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600/TrikSonic.png
Menjadi
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600-r90/TrikSonic.png

Demo

<img 
   alt="Triksonic" 
   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600/TrikSonic.png"/>

<img 
   alt="Triksonic" 
   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600-r90/TrikSonic.png"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Triksonic Demo</title>
</head>
<body>

<h2>Original</h2>
<img alt="Triksonic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600/TrikSonic.png" title="Triksonic"/>

<hr/>

<h2>Rotate : 90°</h2>
<img alt="Triksonic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HBAVJTfPHHS_yDAiv9SDwvQV_KEmAqc2yzDjhLwSX4qBwJ9FJl0UPvueFKXsR-wTh3WJxQzhGqh-1gC0Pv9YRuMlnHI5Tr1PZJspjnFsdB0H8c6Oa2oYVMHOJrvHd-Fxy0UGWx4JtwIi/s1600-r90/TrikSonic.png" title="Triksonic"/>

</body>
</html>
DEMO LINK
Dan berikut beberapa preview contoh lainnya :

Original

Triksonic

Rotate : 90°

Triksonic

Rotate : 180°

Triksonic

Rotate : 270°

Triksonic
Semoga bisa bermanfaat dan selamat berkreasi.

4 komentar

Bacanovasan
Bacanovasan10/07/2021ReplyBalas Komentar ini
Apa ini saseuai denga data-oruginal size ?
Adi Jaya
Adi Jaya10/08/2021
bukan mas
Omew
Omew11/16/2022ReplyBalas Komentar ini
Mas kalau "mirror" ada ga ya?
Adi Jaya
Adi Jaya11/16/2022
Saya belum nemu mas...
Alternatif coba pakai css.

DEMO : https://jsfiddle.net/onclick_indo/mb64qgy2/
Comment Form

Posting Komentar

  1. Untuk menyisipkan sebuah link atau tautan gunakan <i rel="link=//example.com">teks disini</i>
    • Tanpa menggunakan https: dan http:
  2. Untuk menyisipkan sebuah kode yang pendek gunakan <i rel="code">kode disini</i>
  3. Untuk menyisipkan sebuah kode yang panjang gunakan <i rel="pre">kode disini</i>
  4. Untuk menyisipkan sebuah teks Tebal gunakan <strong>teks tebal disini</strong>
  5. Untuk menyisipkan sebuah teks Miring gunakan <em>teks miring disini</em>
  6. Untuk menyisipkan sebuah gambar gunakan <i rel="image">url gambar disini</i>

Ketentuan Komentar

  • Pengguna yang dapat berkomentar adalah pengguna yang memiliki akun google
  • Guna mengurangi komentar yang bersifat spam, maka akan diberlakukan langkah verifikasi kata.
  • Pengguna bertanggung jawab atas komentar yang dikirim
  • Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim
  • Dengan mengirimkan sebuah komentar, maka pengguna dianggap menyetujui semua ketentuan diatas

Poin ketentuan diatas tidak bersifat tetap, dan dapat berubah kapan saja

Konversi Kode
Kode yang ingin dikonversi

Loading.....
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.