× -language-

×

view_list1.png Article     view_masonry.png Gallery     view_list2.png Videos    
×
  • url:
×
×
×
7 0 0 0 0 0
7
   ic_mode_light.png

Tips Upload Gambar Pada Text editor Supaya Presisi dan Responsif Tidak Lonjong

Terkadang ketika kita membuka atau membaca expos terdapat beberapa gambar yang berubah bentuk menjadi lonjong dan tidak presisi sehingga dapat mengganggu tampilan dari expos, gambar yang berubah bentuk menjadi lonjong dan tidak presisi itu karena widht dan height dari gambarnya tidak statis. Supaya gambar yang diupload menjadi lebih presisi dan responsif yaitu ketika akan mengexpos artikel kita harus mengatur ukuran gambarnya terlebih dahulu.


Berikut ini cara untuk upload dan mengatur gambar di texteditor supaya lebih presisi dan responsif :



  1. siapkan gambar, baik berupa url ataupun gambar yang siap untuk diupload

  2. kemudian klik insert/edit image, nanti akan muncul popup insert/Edit Image

  3. masukkan gambar baik berupa link ataupun gambar dari penyimpanan local

  4. atur WIDHT pada gambar menjadi 100%, bisa juga kurang dari 100% sesuai kebutuhan Anda, namun direkomendasikan 100% karena supaya gambar bisa tampil full,  kemudian HEIGHT nya dikosongkan. seperti pada gambar berikut ini

  5. Maka gambar pada artikel akan jadi presisi dan responsif ketika dibuka dibeberapa perangkat lainnya seperti mobile, tablet, desktop, dll


Demikian Tips dan triks upload dan mengatur Gambar pada texteditor / Wysywyg Supaya Presisi dan Responsif, mudah bukan ? Caranya cukup simpel karena hanya perlu mengatur WIDHT dan HEIGHT dari gambarnya saja, semoga bermanfaat.


!tips !triks !tutorial !panduan !upload !gambar !responsif !presisi !widht !height

❮ previous
next ❯
ArtikelinfoduniaTrik dan tipsTutorialDuniaPosgarDemokreasi
+
<<
login/register to comment
×
  • ic_write_new.png expos
  • ic_share.png rexpos
  • ic_order.png order
  • sound.png malsa
  • view_list2.png listHD
  • ic_mode_light.png light
× rexpos
    ic_posgar2.png tg.png wa.png link.png
  • url:
× order
ic_write_new.png ic_share.png ic_order.png sound.png view_list2.png ic_mode_light.png ic_other.png
+