Bitcoin Forum
September 19, 2020, 02:42:55 AM *
News: Latest Bitcoin Core release: 0.20.0 [Torrent]
 
  Home Help Search Login Register More  
  Show Posts
Pages: [1]
1  Other / Archival / [TUTORIAL] Berbagai macam attribut yang bisa dipakai dalam bbcode [img] on: July 04, 2018, 11:44:28 AM
Mungkin ada yang belum tau, bahwa bbcode img bisa digunakan untuk berbagai macam attribut yang sesuai dengan keinginan kita, seperti merubah ukuran gambar, menjadikan gambar clickable, dan menambahkan alt pada gambar.

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]
Hasilnya:


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:
"Remaja ini cantik sekali"

Kode dari gambar diatas:
Code:
[img width=210 height=145 alt="Remaja ini cantik sekali"]https://i.imgur.com/xrnHtXt.jpg[/img]
Jika gambar tidak dapat ditampilkan, maka gambar diatas akan diubah menjadi sebuah teks "Remaja ini cantik sekali"


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 :
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.

Pages: [1]
Sponsored by , a Bitcoin-accepting VPN.
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!