tRikSonic
Tema
/ / / Memutar Gambar pada Blogger dengan URL

Memutar Gambar pada Blogger dengan URL

Terakhir diperbarui : 22 Mei 2018 - 04.43
/ / / Memutar Gambar pada Blogger dengan URL
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.....
Postingan Lebih BaruBerandaPostingan Lama
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.