Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger / Image

Memutar Gambar Pada Blogger Dengan Url

Gambar yang terupload pada server blogger sanggup 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°
Gambar yang terupload pada server blogger sanggup diputar atau dirotasi hanya dengan memodif Memutar Gambar pada Blogger dengan URL

Contoh

Perhatikan tanda yang bertanda pada pola berikut.
url default 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/s1600/TrikSonic.png
Menjadi 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/s1600-r90/TrikSonic.png

Demo

<img     alt="Triksonic"     src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/s1600/TrikSonic.png"/>  <img     alt="Triksonic"     src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/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/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/s1600/TrikSonic.png" title="Triksonic"/>  <hr/>  <h2>Rotate : 90°</h2> <img alt="Triksonic" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcxzHn_71f8PWe8PbuwD0Pw_nKtyJRhWeRV8zDLs26GpfYqB5Kb0YyFAIxFP4TZb2GfDL9X02_O4FK5W88GNwqkg2Kuy7qvgRDeFHJDmrDc9ksf2cBUS4m4btVkFRvrFhoVqX4BdHbdsp/s1600-r90/TrikSonic.png" title="Triksonic"/>  </body> </html>
DEMO LINK
Dan berikut beberapa preview pola lainnya :

Original

Triksonic

Rotate : 90°

Triksonic

Rotate : 180°

Triksonic

Rotate : 270°

Triksonic
Semoga sanggup bermanfaat dan selamat berkreasi.