Perlu diketahui, bbcode img hanya support url, jadi jangan harap supaya bisa post gambar Anda tanpa upload ke image hosting seperti imgbb, imgur, dan TinyPic.
Sebelum itu, pastikan anda sudah punya url link gambar Anda. Url link gambar Anda bisa diperoleh dengan cara klik kanan pada gambar lalu klik open image in new tab, disitulah url link gambar anda.
Baiklah, saya akan menjelaskan atribut dasar sampai advanced dari bbcode img.
Attribut
1. Menambahkan gambar
Code:
[img]url gambar[/img]
Hasilnya:
2. Merubah ukuran gambar
Anda bisa menambah ukuran gambar dengan menambahkan atribut width dan height, seperti dibawah ini:
Code:
[img width={panjang} height={lebar}]url gambar[/img]
[img width=200 height=100]url gambar[/img]
3. Menjadikan gambar clickable
Anda bisa menjadikan gambar clickable dengan menambahkan bbcode url sebelum bbcode img, seperti dibawah ini:
Code:
[url=url yang dituju][img]url gambar[/img][/url]
Hasilnya:
Bisa juga ditambah dengan atribut width dan height.
4. Menambah atribut alt pada gambar
Tujuan dari atribut alt ini untuk menambahkan teks yang mewakili suatu gambar, jika gambar tidak dapat ditampilkan.
Anda bisa menambah title pada gambar dengan menambahkan atribut alt, seperti dibawah ini:
Code:
[img alt="{alt}"]url gambar[/img]
[img alt="suatu teks"]url gambar[/img]
Hasilnya:
Kode dari gambar diatas:
Code:
[img width=210 height=145 alt="Remaja ini cantik sekali"]https://i.imgur.com/xrnHtXt.jpg[/img]
Tambahan
Tambahan dari payjoe93:
Tambahan sedikit dari saya :
Ada 2 macam URL dalam upload gambar.
1. URL view link
Artinya jika ingin melihat gambar, kita akan di arahkan ke website tempat kita upload. URL view link tidak bisa di pakai di forum ini. Contoh link URL View adalah link dari gambar di belakangnya tidak ada extensi ( format gambar seperti : .jpg / .png / .gif )
Contoh URL view link :
Dan ini hasilnya jika saya kombinasikan dengan BBCode :
2. URL direct link
Link inilah yang bisa di kombinasikan dengan BBCode / digunakan di forum ini. Contoh dari URL direct link adalah di belakangnya ada extensinya seperti .jpg / .png / .gif.
Contoh URL direct link :
Dan ini hasilnya jika saya kombinasikan dengan BBCode :
Ada 2 macam URL dalam upload gambar.
1. URL view link
Artinya jika ingin melihat gambar, kita akan di arahkan ke website tempat kita upload. URL view link tidak bisa di pakai di forum ini. Contoh link URL View adalah link dari gambar di belakangnya tidak ada extensi ( format gambar seperti : .jpg / .png / .gif )
Contoh URL view link :
Code:
https://ibb.co/d09Y6d
Dan ini hasilnya jika saya kombinasikan dengan BBCode :
Quote
Di bawah ini adalah gambar :
Code:
Di bawah ini adalah gambar :
[img]https://ibb.co/d09Y6d[/img]
2. URL direct link
Link inilah yang bisa di kombinasikan dengan BBCode / digunakan di forum ini. Contoh dari URL direct link adalah di belakangnya ada extensinya seperti .jpg / .png / .gif.
Contoh URL direct link :
Code:
https://image.ibb.co/ghCmRd/instagram.png
Dan ini hasilnya jika saya kombinasikan dengan BBCode :
Quote
Di bawah ini adalah gambar :
Code:
Di bawah ini adalah gambar :
[img]https://image.ibb.co/ghCmRd/instagram.png[/img]
Mungkin itu saja yang bisa saya sampaikan, jika ada atribut yang belum saya isi, silahkan reply dibawah nanti saya tambahkan.