Author

Topic: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) (Read 2640 times)

legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
UPDATE
Perbaikan link image Thread
-snip-
Saya pernah mengalami hal yang sama pada https://postimages.org, tapi ternyata tidak keseluruhan, itu hanya error ketika saya pakai IP Indonesia. Lalu ketika saya gunakan VPN jepang, semua gambar tampil sempurna tanpa error. kalau melihat kasus imgur ini, saya teringat beberapa tahun silam ketika saya belajar upload image di btt. Ternyata imgur ini memang diblocked jika pakai IP indonesia, sehingga kesulitan tersebut membuat saya beralih ke postimages sampai sekarang. Memang imgur ini kadang bisa, kadang enggak, saya pernah nyoba upload pakai aplikasinya langsung di HP, tapi karena aplikasinya agak berat tidak saya lanjutkan.
Imgur juga dari yang saya baca, dulu sekitar 2014 pernah diblokir di Indonesia (saat itu saya belum sign up di Bitcointalk dan belum banyak menggunakan layanan image hosting). Semula saya juga menyangka kasusnya lebih kurang seperti itu lagi, ternyata melihat beberapa postingan member luar juga mengalami hal serupa (Invalid image).

Ada banyak link yang semula dari imgur pada postingan saya sebelumnya yang mesti diperbaiki, barusan saya mencoba menggunakan script yang dibuat TryNinja ([Script] Imgur to TalkImg - automatically fix your broken images) dan menggunakan API Key dari Imgbb.

Baru beberapa gambar yang berhasil di edit menggunakan bantuan script tersebut, contoh post ini:
https://bitcointalksearch.org/topic/m.62209273

Tidak berselang lama mendapati error dan berhenti:



Edited
Tadi saya coba telusuri file yang menyebabkan script diatas error, akhirnya ketemu dan script berjalan lagi (sebagian dialihkan ke https://imgbb.com/ sebagian lagi ke https://www.talkimg.com/)






Karena thread ini lebih ke guide bagaimana cara melayout Image terutama untuk keperluan melengkapi postingan, jadi untuk pemilihan image hosting saya kembalikan ke masing-masing nyamannya menggunakan layanan yang mana.
legendary
Activity: 2352
Merit: 2049
UPDATE
Perbaikan link image Thread

Beberapa hari ini saya melihat postingan berupa image yang menggunakan imgur sebagai image hosting-nya sedang mengalami masalah dalam menampilkan gambar di forum Bitcointalk.
Semula saya mengira ini hanya terjadi di PC dan ISP yang saya gunakan saja, namun tadi saya coba lihat pada salah satu thread di Meta (https://bitcointalksearch.org/topic/imgur-images-suddenly-became-invalid-5452415), ternyata semua user yang menggunakan imgur mengalami hal yang sama.
Saya pernah mengalami hal yang sama pada https://postimages.org, tapi ternyata tidak keseluruhan, itu hanya error ketika saya pakai IP Indonesia. Lalu ketika saya gunakan VPN jepang, semua gambar tampil sempurna tanpa error. kalau melihat kasus imgur ini, saya teringat beberapa tahun silam ketika saya belajar upload image di btt. Ternyata imgur ini memang diblocked jika pakai IP indonesia, sehingga kesulitan tersebut membuat saya beralih ke postimages sampai sekarang. Memang imgur ini kadang bisa, kadang enggak, saya pernah nyoba upload pakai aplikasinya langsung di HP, tapi karena aplikasinya agak berat tidak saya lanjutkan.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
UPDATE
Perbaikan link image Thread

Beberapa hari ini saya melihat postingan berupa image yang menggunakan imgur sebagai image hosting-nya sedang mengalami masalah dalam menampilkan gambar di forum Bitcointalk.
Semula saya mengira ini hanya terjadi di PC dan ISP yang saya gunakan saja, namun tadi saya coba lihat pada salah satu thread di Meta (https://bitcointalksearch.org/topic/imgur-images-suddenly-became-invalid-5452415), ternyata semua user yang menggunakan imgur mengalami hal yang sama.

Selama ini saya lebih banyak menggunakan imgur termasuk dalam materi thread ini (karena punya akun disana untuk me-manage gambar yang di upload), sementara di image hosting lain semisal imgbb hanya beberapa saja.

Tertera: Invalid Image, namun ketika link dibuka terpisah sebenarnya gambar masih bisa terlihat.




Diantara prediksi yang menyebabkan hal ini, terutama tampilan menjadi invalid di bitcointalk.org

I think that what it is is that imgur added a new very restrictive per-IP limit on image downloads. So all ip.bitcointalk.org requests are blocked, but even many Tor exit nodes are being blocked, for example. -snip-


Untuk beberapa image tertentu termasuk yang ada di thread ini (selain image yang langsung dari url asli sumbernya) saya biasanya menyimpan backup di PC sehingga sewaktu-waktu dibutuhkan bisa di upload ulang untuk perbaikan, termasuk pada kasus imgur kali ini yang saya re-upload menggunakan layanan TalkImg.com - Image hosting for BitcoinTalk yang diinisiasi joker_josue.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
Tergantung gan, harusnya dicoba dulu, klik tombol Preview sebelah post. kalau dikira kebesaran width dibikin separuh (width=500)
-snip-
Untuk pencantuman gambar secara sederhana, tombol preview sangat membantu dalam melihat layout sementara; namun pada kasus tertentu, apa yang ditampilkan pada preview terkadang tidak sesuai hasilnya pada saat di posting terutama ketika mencantumkan image yang banyak pada posisi ke samping/horisontal.

-snip-
Makasih banyak buat arahannya, sudah jadi ini threadnya
-snip-
Sedikit menambahkan, agan bisa memberikan deskripsi pada masing-masing dari bagian gambar tersebut yang muncul ketika kursor diarahkan pada gambar, seperti contoh berikut:



*tambahkan bbcode: acronym

member
Activity: 247
Merit: 17
Ya kan saya kasih tips jika sampean mau bikin layout dalam satu baris atau kolom (menyamping)  Grin, jadi ndak puyeng kalau pake mau nyusun semisal 10 images dalam satu baris, kalau pakai pasti kusut mata nya ngeliat sederet url.

Kalau sampean hanya ingin membuat layout model row begitu ndak perlu pake Table, langsung aja enter di bawahnya
Oalah pantas sadja xD
Tak coba memang lebih mudah sih make tabel kalau bikin gambar yang meyamping  Grin

Makasih banyak buat arahannya, sudah jadi ini threadnya
>> https://bitcointalksearch.org/topic/ann-coinex-the-global-digital-coin-exchange-5239667
Silahkan mampir kalau berkenan, kali aja ada masukan  Roll Eyes



Pada dasarnya, kalau dibuat table akan ada border di dalamnya, hanya saja warna border tersebut transparan. Untuk memisahkan 2 gambar (atas & bawah) yang harus dilakukan cukup dengan menggunakan baris baru (enter) seperti kita ingin membuat jarak pada teks.
Code:
kode image -> tekan enter -> kode image
dengan cara ini harusnya sudah tidak ada jarak antar gambar, kecuali memang pada gambar ada space transparan yang membuat jarak tersebut.
Iya, setelah tablenya tak hapus, garis penghalang dari image 1 dan image 2 sudah menghilang, kini mereka bisa bersatu  Grin


legendary
Activity: 2198
Merit: 1592
hmph..
Jadinya malah kesamping ya imagenya, coba tak ganti jadi tr code nya bisa kebawah tapi gabisa menyatu kaya gini, ada jarak kecil diantara gambar


Pada dasarnya, kalau dibuat table akan ada border di dalamnya, hanya saja warna border tersebut transparan. Untuk memisahkan 2 gambar (atas & bawah) yang harus dilakukan cukup dengan menggunakan baris baru (enter) seperti kita ingin membuat jarak pada teks.

Code:
kode image -> tekan enter -> kode image
dengan cara ini harusnya sudah tidak ada jarak antar gambar, kecuali memang pada gambar ada space transparan yang membuat jarak tersebut.
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
Jadinya malah kesamping ya imagenya, coba tak ganti jadi tr code nya bisa kebawah tapi gabisa menyatu kaya gini, ada jarak kecil diantara gambar
https://i.imgur.com/oxNE73p.png
Nampak garis putih ditengah tengah gambar
Ya kan saya kasih tips jika sampean mau bikin layout dalam satu baris atau kolom (menyamping)  Grin, jadi ndak puyeng kalau pake mau nyusun semisal 10 images dalam satu baris, kalau pakai pasti kusut mata nya ngeliat sederet url.

Kalau sampean hanya ingin membuat layout model row begitu ndak perlu pake Table, langsung aja enter di bawahnya
member
Activity: 247
Merit: 17
Saya ndak pernah menggunakan dimensi di atas 1000px, untuk mempermudah melihat berapa dimensi yang sesuai dengan keinginan tadi sudah saya sarankan untuk menggunkan exension "page rules"
Oke, dah bisa sekarang  Grin
Make 900px jadinya


Table nya yang lengkap om
Code:
[table][tr]

[td]image[/td]
[td]image1[/td]
[td]image2[/td]
[td]image3[/td]

[/tr][/table]
Kalau terjadi eror ada salah satu gambar yang ukurannya berubah mengecil atau tidak presisi, coba tambahkan lagi kolomnya
Code:
[td][/td]
Jadinya malah kesamping ya imagenya, coba tak ganti jadi tr code nya bisa kebawah tapi gabisa menyatu kaya gini, ada jarak kecil diantara gambar

Nampak garis putih ditengah tengah gambar


By the way, harusnya ente baca thread dari awal, di situ sudah jelas diterangkan oleh mas Husna
Udah tak baca kok gan sebelum nanya, disitu nda dijelaskan biar gambarnya bisa full width dan presisi kaya thread yang saya contohkan. Tak kira ada trik khusus biar auto, ternyata harus setting manual kaya yang dibilang om joni dan dijelaskan oleh om roycilik  Smiley
legendary
Activity: 2352
Merit: 2049
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
Kalau untuk bitcointalk sendiri biasanya make width berapa? biar pas kaya contoh thread diatas
Contoh thread di atas sebenarnya itu ndak pas, itu dimensinya 2839x2282 (original dari source image)
lihat di bagian bawah thread terdapat scroll, artinya iu gambar terlalu besar dimensinya jadi ndak terlihat fit to screen
preview saya dari chrome:


Saya ndak pernah menggunakan dimensi di atas 1000px, untuk mempermudah melihat berapa dimensi yang sesuai dengan keinginan tadi sudah saya sarankan untuk menggunkan exension "page rules"


Disitu akan terlihar berapa widht dan height nya


Dan untuk penggunaan table nya kaya gini kah?
Table nya yang lengkap om
Code:
[table][tr]

[td]image[/td]
[td]image1[/td]
[td]image2[/td]
[td]image3[/td]

[/tr][/table]
Kalau terjadi eror ada salah satu gambar yang ukurannya berubah mengecil atau tidak presisi, coba tambahkan lagi kolomnya
Code:
[td][/td]
member
Activity: 247
Merit: 17
Max size yang bisa di upload tidak lebih dari 2,5mb
Aman  Grin

Kalau bisa jangan lebih dari 1000px untuk width nya, biasanya kalau lebih dari itu bakal ada scroll di bagian bawah thread dan gambar tidak akan terdisplay secara keseluruhan, dan satu lagi gunakan salah satu perintah saja (width/height) untuk melakukan resize supaya gambar presisi, gunakan "page rules" extension sebagai alat bantu menentukan width/height.
kalau mau nyusun gambar ber baris gunakan Table, kalau gambar langsung di susun tanpa table biasanya akan terjadi eror/tidak presisi pada saat di posting.
Kalau untuk bitcointalk sendiri biasanya make width berapa? biar pas kaya contoh thread diatas
Dan untuk penggunaan table nya kaya gini kah?
Code:
[table]Ini gambar 1[/table]
[table]Ini gambar 2[/table]
[table]dan seterusnya[/table]
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
Waduh ribet juga ternyata, ini udah ada desainnya sih dengan resolusi besar, tinggal ngepost
Max size yang bisa di upload tidak lebih dari 2,5mb

Tinggal nyari width yang pas ya berarti biar rapi
Kalau bisa jangan lebih dari 1000px untuk width nya, biasanya kalau lebih dari itu bakal ada scroll di bagian bawah thread dan gambar tidak akan terdisplay secara keseluruhan, dan satu lagi gunakan salah satu perintah saja (width/height) untuk melakukan resize supaya gambar presisi, gunakan "page rules" extension sebagai alat bantu menentukan width/height.
kalau mau nyusun gambar ber baris gunakan Table, kalau gambar langsung di susun tanpa table biasanya akan terjadi eror/tidak presisi pada saat di posting.
member
Activity: 247
Merit: 17
Untuk nyelipin gambarnya udah ada di post awal kalau agan perlu pake bbcode semacam
Code:
[img]alamat image[/img]

Tag img itu sendiri punya beberapa argumen seperti width, dst. Desain thread seperti itu menggunakan beberapa bbcode mulai dari pengaturan center, kejelian ukuran image, dst. Intinya, butuh tahu bbcode dan kreativitas gan, ga ada trik khusus. Kalau mau spesifik desain ANN bisa nanyain @roycilik yang punya servis juga.
Waduh ribet juga ternyata, ini udah ada desainnya sih dengan resolusi besar, tinggal ngepost
Tinggal nyari width yang pas ya berarti biar rapi


Setau saya seperti ini om,silahkan dicoba
Code:
[url=isi linknya][img] link gambarnya[/img][/url]
Setelah insert image, lalu blok lalu klik Insert hyperlink
Tak coba dulu gan  Grin
full member
Activity: 308
Merit: 171
jalannya dipotong sama orang
Dan cara nyelipin link juga digambarnya, gimana itu?
Mohon bantuannya gan  Grin

Setau saya seperti ini om,silahkan dicoba

Code:
[url=isi linknya][img] link gambarnya[/img][/url]

Setelah insert image, lalu blok lalu klik Insert hyperlink

legendary
Activity: 2170
Merit: 1789
Untuk nyelipin gambarnya udah ada di post awal kalau agan perlu pake bbcode semacam
Code:
[img]alamat image[/img]

Tag img itu sendiri punya beberapa argumen seperti width, dst. Desain thread seperti itu menggunakan beberapa bbcode mulai dari pengaturan center, kejelian ukuran image, dst. Intinya, butuh tahu bbcode dan kreativitas gan, ga ada trik khusus. Kalau mau spesifik desain ANN bisa nanyain @roycilik yang punya servis juga.
member
Activity: 247
Merit: 17
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
Saya penasaran dengan avatar berbentuk gif karena setiap saya upload selalu saja gagal.
Namun ada yang bisa berhasil , adakah yang tau cara membuat avatar gif* agar bisa terupload di profile ?

*Note = Saya ingin membuat sendiri , bukan hasil dari orang lain
Kalau boleh tau om pakai tools apa sebelum nya? karena kalau pakai photoshop terus langsung di upload maka tidak akan langsung bisa di pakai untuk avatar, harus di convert terlebih dahulu, jika tidak di convert maka efek gambar gerak hanya akan terlihat kalau kita posting gambar tersebut pada thread



Saya menggunakan converter https://ezgif.com/gif-to-apng
cara nya file gif yang sudah om buat convert terlebih dahulu ke APNG




Di bawah ini adalah contoh yang saya buat animated dengan format APNG/PNG, gambar yang kiri masih asli tanpa convert sedangkan yang kanan sudah saya convert ke APNG(bisa di gunakan untuk Avatar di profile kita)
...Original GIF...
full member
Activity: 484
Merit: 124
Saya penasaran dengan avatar berbentuk gif karena setiap saya upload selalu saja gagal.
Namun ada yang bisa berhasil , adakah yang tau cara membuat avatar gif* agar bisa terupload di profile ?

*Note = Saya ingin membuat sendiri , bukan hasil dari orang lain
member
Activity: 309
Merit: 11

Merubah ukuran (resize) Gambar

a. Cara pertama (sedikit ribet, saya sarankan cara kedua)

Edit gambar menggunakan aplikasi pengolah gambar (Photoshop, GIMP, atau yang semisalnya).
Ubah ukuran gambar (diperbesar / diperkecil).
Setelah itu upload seperti cara yang telah saya sebutkan diatas.
Cara ini saya katakan sedikit ribet, karena jika sewaktu-waktu anda ingin merubah ukuran gambar, anda mesti upload kembali file hasil editnya.

b. Cara kedua (lebih simpel, karena hanya merubah di BBCode nya saja)

Tambahkan kode width= … pada BBCode image (titik-titik diisi dengan ukuran dalam pixel yang kita inginkan).
Untuk height otomatis menyesuaikan secara proporsional.

Contoh:
Code:
[img width=200]https://i.imgur.com/6NqgTHr.png[/img]


Anda bisa bereksperimen dengan menambahkan height=... pada BBCode

Note :
Tidak dianjurkan menggunakan gambar yang tidak proporsional (antara width dan height) apalagi terkait dengan logo.

Berikut ini hanyalah sekedar contoh bagaimana cara mengubah ukuran melalui BBCode saja.

Contoh:
Code:
[img width=200 height=50]https://i.imgur.com/6NqgTHr.png[/img]


Code:
[img width=200 height=105]https://i.imgur.com/6NqgTHr.png[/img]


~snip~
sangat terbantu dengan postingan agan, awalnya sempet bingung mau ngecilin ukuran gambar dan sempet edit manual di photoshop, jadinya ribet dan makan waktu, tapi sekarang saya udah dapet ilmu baru, makasih gan  
newbie
Activity: 266
Merit: 0
maaf nanya dong kalau kita mau reply dari kolom thread dari postingan tersebut dengan menyertai gambar apakah kita di haruskan mencantumkan sumber gambar nya. terima kasih yang telah menjawab
mungkin kalo gambar berisi konten informasi penting hasil karya orang lain, harus disertain gan biar nggak disangka copas hak cipta orang..
kalo cuman gambar meme ato screencapture informasi/tutor versi sendiri (misal ente buat simulasi daftar wallet dsb), mungkin ga perlu. Cheesy
maksud ane gini om misalnya saya ikut bounty terus saya mau bikin postingan di kolom thread bounty tersebut, nah di kolom thread tersebut kan ada gambar yang mereka buat lalu ane nyertain gambar di klom thread mereka untuk membuat postingan baru apakah sumbernya di sertai kan mengenai bounty tersebut dan di kolom bounty tersebut, ane menyertai gambar di postingan ane tujuan supaya penguat postingan aj.

nah yang jadi pertanyaannya adalah apakah menyertai sumbernya gambar untuk memposting di thread mereka sendiri
sr. member
Activity: 910
Merit: 351
Apa penempatan BBCode itu berpengaruh sama tata letak gambar gan?
Waktu itu ane pernah nyoba masukin beberapa gambar dengan sejajar, tapi kok hasilnya kayak berantakan gitu
Apa ada masalah sama BBCode-nya ya?
Mohon penjelasannya ...

Mungkin bisa dikasih SS buat mempermudah memahami apa yang dimaksud dengan berantakan gan. Sesuai penjelasan bang husna yang agan quote, bahwa penempatan BBCode, salah satunya dengan spasi bisa mempengaruhi tempat gambar berada. Seharusnya kalau posisi kodenya sejajar, maka gambar juga letakknya akan sejajar kecuali ukurannya terlalu besar ditampung layar sehingga bergeser ke bawah.
member
Activity: 336
Merit: 20
Cara ke-1
Menempatkan langsung beberapa BBCode image dalam satu baris code (saya hanya menambahkan spasi pada setiap Tag image agar ada jarak diantara gambar).
Perhatikan pada code, saya hanya menggunakan width saja untuk mengubah ukuran gambar.

Code:
[img width=200]https://i.imgur.com/6NqgTHr.png[/img]  [img width=200]https://i.imgur.com/sQiU9NV.jpg[/img]  [img width=200]https://i.imgur.com/Lk0Okla.jpg[/img]
   
Apa penempatan BBCode itu berpengaruh sama tata letak gambar gan?
Waktu itu ane pernah nyoba masukin beberapa gambar dengan sejajar, tapi kok hasilnya kayak berantakan gitu
Apa ada masalah sama BBCode-nya ya?
Mohon penjelasannya ...
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
...
Terimakasih buat agan
Dengan adanya tutorial seperti ini jadi saya tau untuk memberikan gambar di post saya, karena dari kemarin mencoba post tp gambar tidak muncul malah tulisan proxy apa itu. 😆

Maaf postingannya saya delete.
Tidak perlu quote semua isi dari OP hanya sekedar untuk berterima kasih.
Silahkan bertanya jika masih ada penyampaian materi yang belum dipahami.

...
dari kemarin mencoba post tp gambar tidak muncul malah tulisan proxy apa itu. 😆
Mungkin maksud anda yang muncul pesan seperti berikut ini:

bitcointalk.org image proxy:
Invalid image


Ada beberapa kemungkinan terjadi seperi demikian:
- server image hosting yang anda gunakan sudah tidak aktif/berubah domain.
- server image hosting di blokir oleh pihak yang berwenang (pemerintah).
- salah meng-input BBCode
- format gambar yang digunakan tidak/belum disupport oleh forum berbasis smf (bitcointalk.org)
newbie
Activity: 12
Merit: 0
maaf nanya dong kalau kita mau reply dari kolom thread dari postingan tersebut dengan menyertai gambar apakah kita di haruskan mencantumkan sumber gambar nya. terima kasih yang telah menjawab
mungkin kalo gambar berisi konten informasi penting hasil karya orang lain, harus disertain gan biar nggak disangka copas hak cipta orang..
kalo cuman gambar meme ato screencapture informasi/tutor versi sendiri (misal ente buat simulasi daftar wallet dsb), mungkin ga perlu. Cheesy
newbie
Activity: 266
Merit: 0
maaf nanya dong kalau kita mau reply dari kolom thread dari postingan tersebut dengan menyertai gambar apakah kita di haruskan mencantumkan sumber gambar nya. terima kasih yang telah menjawab
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
... untuk gambar animasi apakah sama tekniknya kaya gitu gan? ...
Untuk gambar animasi anda bisa menggunakan file GIF.
Cara upload dan penggunaan BBCode nya pun sama seperti pada gambar diam (still image).
Contoh kode:
Code:
[img]File animasi.gif[/img]
...

...

Selain file berformat gif, sebenarnya untuk gambar animasi masih ada Insert Flash (default forum berbasis smf).
Contoh kode:
Code:
[flash=200,200]File animasi flash.swf[/flash]

Namun untuk forum bitcointalk.org fungsi tersebut dinonaktifkan (mungkin untuk alasan sekuritas).

Quote
Additional Security Tips to Protect Your Users
- Do not allow guests to upload files -- guests could upload things you do not want on your forum.
- Do not allow Flash files to be uploaded or displayed -- you do not want users to upload malware and persuade other users to download and open/execute it.
https://wiki.simplemachines.org/smf/Security_Tips




newbie
Activity: 26
Merit: 1
wihhh,,, perlu saya coba dulu gan.. ya masih perlu banyak berlatih.. maklum anak baru gan  Smiley Smiley Smiley.. untuk gambar animasi apakah sama tekniknya kaya gitu gan?.. soalnya pernah liat post yang ada animasinya gitu
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
Agan mau tanya, kalau sudah aplit pict ternyata beberapa waktu pictnya hilang di Imgur, itu disebabkan apa ya? Saya sudah browsing gak nemu alasannya
Bisa jadi picture yang anda upload melanggar hak cipta atau karena alasan lain.
Dan ada pihak yang mengajukan ke imgur untuk menghapus database picture/gambar yang sudah di-upload tersebut.

Saya pernah mengajukan penghapusan file gambar yang terlanjur di-upload dengan mencantumkan alasan yang valid untuk menghapus file di imgur tersebut, dan disetujui oleh pihak imgur (sebelumnya saya sering upload di-imgur tanpa login menggunakan akun).
Contohnya bisa anda lihat pada post saya berikut:
https://bitcointalksearch.org/topic/m.38463037
(sekarang hasil gambarnya sudah tidak bisa dilihat, meskipun saya tidak bisa menghapus linknya karena thread sudah terkunci).

Saran:
Buat akun di imgur (free) agar setiap gambar yang diupload menjadi mudah untuk di-manage atau di-edit ulang dikemudian hari.

Lalu juga saya sekarang sedang mencoba pake https://imgbb.com sementara bisa tapi kalau saya login,tidak bisa upload pict. Apa jg termasuk yang diblokir di Indo ya?
Dan saya juga sudah mencoba postimage.org dan hasilnya juga tidak bisa dan terblokir juga
Mungkin ada aplikasi semisal firewall yang mem-block untuk bisa mengaksesnya.
Atau anda bisa juga mengikuti cara yang diberikan om Roycilik berikut ini:
https://bitcointalksearch.org/topic/m.35917652



Untuk 2 post berikut ini saya hapus karena terindikasi PLAGIARISM:

Terimakasih infonya gan ini sangat menbatu saya ,, sebelumnya sanya bingung dan mencari info di gogle, Ijin bookmark gan. Semoga bermanfaat buat teman-teman semua yang suka buat thread terutama yang ANN.
http://archive.is/3CuyJ#selection-3741.103-3741.204

Proof:
Ijin bookmark gan, ini yang selama ini saya cari. Pernah ikutin tutorial yang berbahasa inggris tapi malah gagal terus masukin gambar. Semoga bermanfaat buat teman-teman semua yang suka buat thread terutama yang ANN Grin

Sip gan ini sangat membantu saya,, bagus banget thread nya tata letak dan tutorial nya jelas. Bisa diterapkan untuk yang mau bikin thread baru karena gambar menurut ane sendiri memberi kesan tersendiri disuatu thread agar menarik untuk dibaca. Semoga bermanfaat buat teman-teman semua yang suka buat thread terutama yang ANN
http://archive.is/3CuyJ#selection-3915.35-3915.324

Proof:
bagus banget thread nya tata letak dan tutorial nya jelas, tutorial nya simpel tapi jelas. Bisa diterapkan untuk yang mau bikin thread baru karena gambar menurut ane sendiri memberi kesan tersendiri disuatu thread agar menarik untuk dibaca.
Ijin bookmark gan, ini yang selama ini saya cari. Pernah ikutin tutorial yang berbahasa inggris tapi malah gagal terus masukin gambar. Semoga bermanfaat buat teman-teman semua yang suka buat thread terutama yang ANN Grin
member
Activity: 518
Merit: 16
Agan mau tanya, kalau sudah aplit pict ternyata beberapa waktu pictnya hilang di Imgur, itu disebabkan apa ya? Saya sudah browsing gak nemu alasannya lalu juga saya sekarang sedang mencoba pake https://imgbb.com sementara bisa tapi kalau saya login,tidak bisa upload pict. Apa jg termasuk yang diblokir di Indo ya?

Dan saya juga sudah mencoba postimage.org dan hasilnya juga tidak bisa dan terblokir juga
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
~snip~
Namun code yang agan berikan masih kurang dan akhirnya "www.imgur.com" tidak dapat dibuka. Dengan menambahkan kode dibawah ini maka www.imgur.com juga akan bisa diakses
Code:
151.101.48.193 www.imgur.com

IP nya saya tau dari situs pembaca IP yang agan berikan Grin

Sebagai tambahan karena kemarin-kemarin saya tidak bisa mengakses imgur akhirnya saya memakai opsi lain dengan mengupload di situs ini https://postimages.org
Tidak sekalian https://www.imgur.com  Tongue
berarti agan ini cukup kreatif tidak menelan mentah-mentah informasi yang diberikan :v
kalau saya sendiri tidak pernah menggunakan ctr+enter, jika nanti ada kendala terblokir lagi coba cek aja IP nya di infobyip, takut nya ada perubahan IP
btw terima kasih sudah melengkapi Wink
member
Activity: 130
Merit: 10
ngeselin ya gan imgur di blokir Cheesy
akibat dari program pemerintah internet sehat hahahaa
kalau mau membuka blokir tersebut coba ikuti langkah berikut

Edit file Hosts pada windows
  • Masuk Notepad dengan "run as administrator"
  • Klik File terus Open
  • Masukan key word "C:\Windows\System32\drivers\etc\hosts" di file name lalu Enter
  • Tambahkan code di bawah ini setelah itu SAVE
Code:
151.101.56.193 imgur.com
151.101.48.193 api.imgur.com
151.101.48.193 s.imgur.com
151.101.48.193 store.imgur.com
151.101.48.193 i.imgur.com
151.101.48.193 m.imgur.com



SELAMAT ANDA SUDAH BISA MENGAKSES IMGUR
referensi : hardware.rusak.

-snip-

Tadinya saya juga ingin menanyakan ini gan. Tapi untung sudah ada yang menjawab
Saya rasa masih ada yang kurang. mungkin saya akan menambahkan sedikit Grin

Terkadang jika ingin cepat membuka situs biasanya di tab pencarian pada browser hanya di tulis "imgur" kemudian dengan menekan "ctrl+enter" dengan otomatis akan menambahkan www & com dan akhirnya otomatis yang akan terbuka seperti ini "www.imgur.com"

Namun code yang agan berikan masih kurang dan akhirnya "www.imgur.com" tidak dapat dibuka. Dengan menambahkan kode dibawah ini maka www.imgur.com juga akan bisa diakses
Code:
151.101.48.193 www.imgur.com

IP nya saya tau dari situs pembaca IP yang agan berikan Grin

Sebagai tambahan karena kemarin-kemarin saya tidak bisa mengakses imgur akhirnya saya memakai opsi lain dengan mengupload di situs ini https://postimages.org
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
Tutorialnya keren banget gan, pasti banyak yang bingung jika menemukan masalah serupa, dengan adanya thread yang agan buat sangat membantu dalam menyelesaikan tersebut, sebenernya saya mau coba sekalian tutorialnya, sayangnya saya masih JR  Embarrassed
Maaf postingan anda saya hapus ya, anda tidak memperhatikan isi Thread OP.

NOTE:
  • Berlaku untuk Jr. Member keatas
  • Untuk Level Newbie (normal) belum bisa menggunakan fitur ini.
    Kecuali jika mendaftar menjadi Copper Member untuk menghilangkan batasan tersebut.
    https://bitcointalksearch.org/topic/m.24371150
  • Pastikan untuk menyertakan sumber gambar, jika anda hendak menggunakan gambar milik orang lain/dari website lain.

-snip-
Benar dengan adanya tutorialnya lebih mudah untuk dipahami dan mudah untuk dipraktekkan langsung. Tolong dong tutorial yang lengkap, sebelumnya saya ucapkan terimakasih.
Terimakasih kembali. Maaf postingannya saya hapus ya.
Sedikit atau selengkap apapun materi, tanpa dipelajari/dipraktekkan akan percuma.
Post diatas (maaf) saya kategorikan Common Sense.

Tes dulu ya gan,
-snip-
Silahkan dimanfaatkan ilmunya untuk menjadi nilai tambah dalam menjelaskan sesuatu yang terkadang sulit untuk dituliskan dengan kata/kalimat.

Saya sudah coba menelusuri postingan anda sebelumnya, dan menemukan post berikut ini:
https://bitcointalksearch.org/topic/m.21692650

Hello Everyone..

I just got a profit from my trading of 3 BTC and I intend to share some of my BTC is 0.2 BTC for my friends here who may be in need of additional BTC ...
-snip-
THANK YOU


Gambar yang anda cantumkan tidak nampak di Laptop saya, prediksi saya ada dua kemungkinan:
Kemungkinan pertama, server image hosting sudah tidak aktif/berubah domain.
Kemungkinan kedua, server image hosting di blokir oleh pihak yang berwenang.
full member
Activity: 510
Merit: 100
Tes dulu ya gan,


mantap,berhasil gan.

dari kemarin saya nyoba ngepost pengen memakai image tapi gagal terus,jadi akhirnya saya urungkan niat saya untuk posting.
akhirnya ada yang berbaik hati untuk memberikan informasi tentang cara posting menggunakan gambar yang baik dan benar.
semoga bisa menjadi ilmu yang bermanfaat.
salam sukses.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
Mau nanya dong gan, kalo mau insert link yang tampilannya tulisan di thread itu caranya gimana gan? Mohon bantuannya gan, ane masih newbie disini soalnya. Nuhun
[Sambil saya tunjukkan langsung juga caranya pada jawaban di reply ini].

Silahkan pelajari thread saya sebelumnya (waktu itu saya buat saat masih newbie).
Perhatikan pada poin no.7 pada thread berikut:

Link: https://bitcointalksearch.org/topic/guide-cara-me-layout-thread-topik-post-reply-3120591
Teks: [GUIDE] Cara Me-Layout Thread (Topik) & Post Reply

Link+Teks: [GUIDE] Cara Me-Layout Thread (Topik) & Post Reply

Code:
[url=https://bitcointalksearch.org/topic/guide-cara-me-layout-thread-topik-post-reply-3120591][GUIDE] Cara Me-Layout Thread (Topik) & Post Reply[/url]
Code:
[url=Link yang akan diinsert]Teks yang akan ditampilkan[/url]

Kenapa waktu saya masih newbie ko bisa tahu caranya, coba anda perhatikan pada kalimat:

Kok saya bisa tahu cara-cara penempatan kode diatas?
Hmm... Ini rahasianya ...

Silahkan dipelajari kelanjutan dari kalimat tersebut.  Smiley
copper member
Activity: 294
Merit: 0
A Cryptocurrency Encyclopedia
Mau nanya dong gan, kalo mau insert link yang tampilannya tulisan di thread itu caranya gimana gan? Mohon bantuannya gan, ane masih newbie disini soalnya. Nuhun
copper member
Activity: 1218
Merit: 1007
Post your ann & bounty just contact me
keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan,
contoh ini sangat tidak dianjurkan karena tidak presisi,
usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW


untuk presisi bisa gunakan table seperti tutorial agan husna yg menggunakan fungsi table untuk image
member
Activity: 364
Merit: 10
~
  • Jangan mengupload gambar dengan file size yang terlalu besar. (Usahakan masih dibawah 1 mb.)
    Karena jika file size terlalu besar, tentu akan membuat loading/download gambar tersebut menjadi lebih lama.
    Gunakan aplikasi pengolah gambar untuk me-resize file nya (Photoshop, GIMP, dan sejenisnya).
~
Jadi bisa dikatakan gambar yang ditampilkan di forum ini nantinya ukurannya sama besar dengan yang ada di "imgur" ya, misalnya. Dulu saya mengira gambar yang tayang di forum ini cuma sebatas preview, dan ternyata bukan. Jadi akan lebih baik kalo misal kita nyomot gambar dari web orang, yang ukuran gambarnya gede, kita download dulu lalu di resize. Trus diaplod sendiri lewat 'imgur'. Tapi tetep dengan nyantumin referensi.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
-snip-
Oh iya, sekalian mau nanya gan, apakah disini ada batasan minimal/maksimal ukuran pixel yang dapat dimasukkan kedalam sebuah post, atau hanya batasan RANK saja gan?
Sejauh ini saya belum menemukan adanya peraturan forum mengenai batasan minimal/maksimal ukuran pixel dalam mencantumkan gambar.
Saran saya jangan mencantumkan gambar yang terlalu besar ataupun terlalu kecil, keep proportional.

Simak penjelasan saya di thread yang lainnya pada link berikut ini:
[GUIDE] Cara Me-Layout Thread (Topik) & Post Reply
Pada poin: 4. Penempatan gambar yang proporsional (tidak terlalu besar, ataupun terlalu kecil).

Note:
Bila anda menggunakan file dengan resolusi yang lebih besar maka size file dari gambar pun lebih besar juga.
Saat user/orang lain mengakses thread atau post tersebut, maka halaman website tersebut akan lambat/lama saat di-akses .
Berbeda ketika kita mencantumkan gambar yang resolusi filenya kecil, maka saat mengaksesnya pun akan lebih ringan (tidak lemot loading nya).
newbie
Activity: 37
Merit: 0
Ijin masukin ke list bookmark ya gan, buat belajar sambil proses naikin RANK ke Jr. Member, biar nggak kebingungan cari tutorial waktu udah bisa post gambar.  Kiss

Oh iya, sekalian mau nanya gan, apakah disini ada batasan minimal/maksimal ukuran pixel yang dapat dimasukkan kedalam sebuah post, atau hanya batasan RANK saja gan?
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
Thread sudah lengkap disini ane cuma pengen nambahin untuk upload gambar sendiri saran ane menggunakan imgbb.com, soalnya lebih friendly untuk di buka dengan provider simcard Indonesia. ane belum riset lebih jauh (jika ada yang berkenan nambah riset monggo), pengalaman pribadi ane saja, terkadang ane ga bisa buka imgur dengan menggunakan provider simcard (non wifi).
~
Ya, terima kasih sudah menambahkan saran.
Sebelumnya saya juga sudah mencantumkan kalimat berikut ini di thread:

~
Ada banyak website yang menyediakan layanan untuk upload gambar secara gratis,
beberapa diantaranya anda bisa temukan disini : http://bfy.tw/HlGX

Yang biasa saya gunakan adalah https://imgur.com/
~
Image hosting https://imgbb.com/ tidak terlalu banyak perbedaan fiturnya dengan https://imgur.com/ tinggal dipilih saja mana yang nyaman dan bisa anda gunakan.
Untuk ukuran penuh, sedang, atau thumbnail tidak terlalu signifikan karena masih bisa di atur di BBCode,
seperti pada gambar yang saya upload di https://imgbb.com/ berikut:


Dan sampai saat ini saya masih bisa membuka website https://imgur.com/ tanpa mengedit file host.
Mungkin untuk yang belum bisa akses bisa mengikuti saran dari om Roycilik:
https://bitcointalksearch.org/topic/m.35917652
legendary
Activity: 2394
Merit: 1971
1% Skill 99% Luck :v
Thread sudah lengkap disini ane cuma pengen nambahin untuk upload gambar sendiri saran ane menggunakan imgbb.com, soalnya lebih friendly untuk di buka dengan provider simcard Indonesia. ane belum riset lebih jauh (jika ada yang berkenan nambah riset monggo), pengalaman pribadi ane saja, terkadang ane ga bisa buka imgur dengan menggunakan provider simcard (non wifi).
ngeselin ya gan imgur di blokir Cheesy
akibat dari program pemerintah internet sehat hahahaa
kalau mau membuka blokir tersebut coba ikuti langkah berikut

Edit file Hosts pada windows
  • Masuk Notepad dengan "run as administrator"
  • Klik File terus Open
  • Masukan key word "C:\Windows\System32\drivers\etc\hosts" di file name lalu Enter
  • Tambahkan code di bawah ini setelah itu SAVE
Code:
151.101.56.193 imgur.com
151.101.48.193 api.imgur.com
151.101.48.193 s.imgur.com
151.101.48.193 store.imgur.com
151.101.48.193 i.imgur.com
151.101.48.193 m.imgur.com



SELAMAT ANDA SUDAH BISA MENGAKSES IMGUR
referensi : hardware.rusak.


Jika nanti cara di atas tidak bisa di gunakan kemungkinan IP nya berubah. untuk mengetahui IP yang terbaru bisa cek dengan IP lookup
infobyip
Code:
imgur.com
api.imgur.com
s.imgur.com
store.imgur.com
i.imgur.com
m.imgur.com

referensi :



Trima kasih om Husna QA sudah mau berbagi ilmu tentang Layout Image, maaf kalau jadi nyepam disini :v
legendary
Activity: 2198
Merit: 1592
hmph..
Thread sudah lengkap disini ane cuma pengen nambahin untuk upload gambar sendiri saran ane menggunakan imgbb.com, soalnya lebih friendly untuk di buka dengan provider simcard Indonesia. ane belum riset lebih jauh (jika ada yang berkenan nambah riset monggo), pengalaman pribadi ane saja, terkadang ane ga bisa buka imgur dengan menggunakan provider simcard (non wifi).

Screenshot saat membuka Imgur dengan menggunakan jaringan simcard


Selain itu, imgbb juga menawarkan beberapa model gambar yang dapat Anda pilih sesuai ukuran masing-masing

Contoh Ukuran Penuh


Contoh Ukuran Sedang


Contoh Ukuran Tumbnail
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
tambahan dari ana gan, sebaiknya kalau mau bikin thread yang berkualitas terutama banyak menggunakan gambar seperti thread2 ANN dan Bounty banyak banyakin belajar dasar2 Photoshop gan, karena Photoshop ini sangat berfungsi sekali dalam dunia Editing Photo, Photoshop sangat dibutuhkan didunia Digital terutama dalam membuat thread berkualitas dan mengolah gambar dengan photoshop.
Kalo membahas masalah editing gambar memang photoshop aplikasi yang bisa dibilang mudah di pelajari secara autodidak. Berguna banget buat sekelas penerjemah dan para pemain bounty blog. Dan bisa lebih luas lagi btw thread ini berguna buat yang belum tau cara upload gambar di forum, soalnya banyak juga anggota baru yang selalu salah memberikan gambar pada postnya


Judul Thread saya edit dengan menggunakan Adobe Photoshop
https://www.adobe.com/sea/products/photoshop/free-trial-download.html



Dan jika om speedforce dan om Bonenx14 berkenan mampir ke thread saya sebelumnya disini:
https://bitcointalksearch.org/topic/infographic-tips-mencari-menyusun-ide-dalam-membuat-thread-3161607

Pada layout & editingnya, saya menggunakan Adobe Illustrator.
https://www.adobe.com/sea/products/illustrator/free-trial-download.html


Sebelumnya saya sudah mencantumkan kalimat berikut ini pada tutorial tersebut diatas (silahkan di cek):

~
Gunakan aplikasi pengolah gambar untuk me-resize file nya (Photoshop, GIMP, dan sejenisnya).
~

Pada Referensi pun sudah saya cantumkan sebagian contoh penggunaan Photoshop:
Cara edit gambar GIF dengan Photoshop [Gambar bergerak]

Disini saya tidak membahas detail penggunaan Photoshop.

sr. member
Activity: 1033
Merit: 250
Leading Crypto Sports Betting & Casino Platform
tambahan dari ana gan, sebaiknya kalau mau bikin thread yang berkualitas terutama banyak menggunakan gambar seperti thread2 ANN dan Bounty banyak banyakin belajar dasar2 Photoshop gan, karena Photoshop ini sangat berfungsi sekali dalam dunia Editing Photo, Photoshop sangat dibutuhkan didunia Digital terutama dalam membuat thread berkualitas dan mengolah gambar dengan photoshop.
Kalo membahas masalah editing gambar memang photoshop aplikasi yang bisa dibilang mudah di pelajari secara autodidak. Berguna banget buat sekelas penerjemah dan para pemain bounty blog. Dan bisa lebih luas lagi btw thread ini berguna buat yang belum tau cara upload gambar di forum, soalnya banyak juga anggota baru yang selalu salah memberikan gambar pada postnya
full member
Activity: 758
Merit: 104
tambahan dari ana gan, sebaiknya kalau mau bikin thread yang berkualitas terutama banyak menggunakan gambar seperti thread2 ANN dan Bounty banyak banyakin belajar dasar2 Photoshop gan, karena Photoshop ini sangat berfungsi sekali dalam dunia Editing Photo, Photoshop sangat dibutuhkan didunia Digital terutama dalam membuat thread berkualitas dan mengolah gambar dengan photoshop.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan,
contoh ini sangat tidak dianjurkan karena tidak presisi,
usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW

Terima kasih, saya setuju dengan om creativeeditors.
Lebih tepatnya: Proporsional dalam ukuran gambar antara Width dan Height.
Dan kalau om creativeeditors lihat, bukan hanya yang dikutip om saja yang tidak proporsional, tapi ini juga:




Sebelumnya saya sudah memberikan contoh yang ukurannya proporsional

~
b. Cara kedua (lebih simpel, karena hanya merubah di BBCode nya saja)

Tambahkan kode width= … pada BBCode image (titik-titik diisi dengan ukuran dalam pixel yang kita inginkan).
Untuk height otomatis menyesuaikan secara proporsional.

Contoh:
Code:
[img width=200]https://talkimg.com/images/2023/05/17/blob6576189ff1945f39.png[/img]

~


Pada tutorial ini saya hanya mencontohkan jika ingin bereksperimen dengan height nya,
Sengaja Width nya tidak saya rubah, agar terlihat perbedaannya setelah ada penambahan/pengurangan dengan menggunakan height.
Kalau mau proporsional gambarnya tinggal mengikuti contoh yang pertama saja, tidak perlu menambahkan height.


~
Anda bisa bereksperimen dengan menambahkan height=... pada BBCode
~

Contoh:
Code:
[img width=200 height=50]https://talkimg.com/images/2023/05/17/blob6576189ff1945f39.png[/img]


Code:
[img width=200 height=105]https://talkimg.com/images/2023/05/17/blob6576189ff1945f39.png[/img]


~

Tadi sudah saya tambahkan note pada tutorial, bahwa tidak dianjurkan menggunakan gambar yang tidak proporsional (antara width dan height) apalagi terkait dengan logo.
Pada tutorial tersebut lebih menekankan kepada contoh bagaimana mengubah ukuran tampilan gambar melalui BBCode tanpa harus mengeditnya lagi diaplikasi pengolah gambar.


hero member
Activity: 980
Merit: 501
keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan,
contoh ini sangat tidak dianjurkan karena tidak presisi,
usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW

member
Activity: 490
Merit: 28
~
Yang ane ingin tanyakan disini, bagaimana apabila kita sudah mengcopy link gambar dari website tertentu dan sudah memberikan code untuk ditempatkan pada thread yang akan kita buat, dikemudian hari artikel pada website tersebut dihapus, Apa tidak berpengaruh dengan link gambar yang sudah ditempatkan pada thread yang sudah dibuat? kalau berpengaruh, apa tidak sebaiknya mengupload di imgur seperti yang agan sudah biasa lakukan?

Ya, pasti berpengaruh, itulah salah satu kelemahan apabila kita langsung mengambil link dari website lain.
Namanya juga link, jadi kalau misalkan link sumbernya di rubah atau dihapus gambarnya, maka gambar yang kita link ke sumber tersebut pun akan turut berubah atau terhapus (missing link).

Pada tutorial ini, saya mencontohkan bagaimana mengupload gambar sendiri, dan bagaimana menggunakan link gambar yang sudah ada di website lain sebagai opsi/cara lain.

Contoh:
- Menggunakan original link:
https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg

Code:
[img]https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg[/img]



- Menggunakan file hasil download dari link sumber (https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg),
kemudian saya upload kembali ke website https://imgur.com/ setelah sebelumnya saya save as ke format png
https://i.imgur.com/6NqgTHr.png

Code:
[img]https://i.imgur.com/6NqgTHr.png[/img]



Lebih baik upload gambar sendiri ya gan untuk mencegah missing link. Sebelum ane baca tutorial agan, beberapa kali ane coba copy link image di imgur tapi kodenya salah terus, agak ribet. Terimakasih gan atas tutorialnya.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited
~
Yang ane ingin tanyakan disini, bagaimana apabila kita sudah mengcopy link gambar dari website tertentu dan sudah memberikan code untuk ditempatkan pada thread yang akan kita buat, dikemudian hari artikel pada website tersebut dihapus, Apa tidak berpengaruh dengan link gambar yang sudah ditempatkan pada thread yang sudah dibuat? kalau berpengaruh, apa tidak sebaiknya mengupload di imgur seperti yang agan sudah biasa lakukan?

Ya, pasti berpengaruh, itulah salah satu kelemahan apabila kita langsung mengambil link dari website lain.
Namanya juga link, jadi kalau misalkan link sumbernya di rubah atau dihapus gambarnya, maka gambar yang kita link ke sumber tersebut pun akan turut berubah atau terhapus (missing link).

Pada tutorial ini, saya mencontohkan bagaimana mengupload gambar sendiri, dan bagaimana menggunakan link gambar yang sudah ada di website lain sebagai opsi/cara lain.

Contoh:
- Menggunakan original link:
https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg

Code:
[img]https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg[/img]



- Menggunakan file hasil download dari link sumber (https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg),
kemudian saya upload kembali ke website https://imgur.com/ setelah sebelumnya saya save as ke format png
https://talkimg.com/images/2023/05/17/blob92735e4402c0b439.png

Code:
[img]https://talkimg.com/images/2023/05/17/blob92735e4402c0b439.png[/img]



Thanks gan nambah wawasan tentang nambah direct videonya, kalo gambar ane udah agak paham. Tapi kalo boleh nyaranin, boleh dong tambahin tentang nambah gambar gif ke post, soalnya ane gapernah liat orang nambahin gambar gif ke post nya.
Pada tutorial diatas, saya sudah tambahkan contoh gambar gif nya.
Bagaimana cara membuat/edit file gif?, silahkan lihat pada referensi yang saya cantumkan.
(Itu hanya salah satu contoh saja, ada banyak cara lain).
Upload file GIF nya di https://imgur.com, kemudian copy link BBCode yang didapat,
link tersebutlah yang kita gunakan untuk dicantumkan di BBCode thread atau reply post kita, sama halnya dengan contoh format png atau jpg.

Info tambahan :
Link untuk membuat Video to GIF: https://imgur.com/vidgif

member
Activity: 490
Merit: 28
Note:
Untuk gambar yang kita dapat dari link website lain, caranya lebih mudah (jadi kita tidak perlu upload lagi).
Tinggal di Copy saja link website nya pada Tags Image.

Contoh link dari website lain: https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg
Maka penempatan kode nya seperti berikut:

Code:
[img]https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg[/img]
Yang ane ingin tanyakan disini, bagaimana apabila kita sudah mengcopy link gambar dari website tertentu dan sudah memberikan code untuk ditempatkan pada thread yang akan kita buat, dikemudian hari artikel pada website tersebut dihapus, Apa tidak berpengaruh dengan link gambar yang sudah ditempatkan pada thread yang sudah dibuat? kalau berpengaruh, apa tidak sebaiknya mengupload di imgur seperti yang agan sudah biasa lakukan?
newbie
Activity: 112
Merit: 0
Thanks gan nambah wawasan tentang nambah direct videonya, kalo gambar ane udah agak paham. Tapi kalo boleh nyaranin, boleh dong tambahin tentang nambah gambar gif ke post, soalnya ane gapernah liat orang nambahin gambar gif ke post nya.
member
Activity: 266
Merit: 10
Ijin bookmark gan, ini yang selama ini saya cari. Pernah ikutin tutorial yang berbahasa inggris tapi malah gagal terus masukin gambar. Semoga bermanfaat buat teman-teman semua yang suka buat thread terutama yang ANN  Grin
sr. member
Activity: 630
Merit: 254
bagus banget thread nya tata letak dan tutorial nya jelas, tutorial nya simpel tapi jelas. Bisa diterapkan untuk yang mau bikin thread baru karena gambar menurut ane sendiri memberi kesan tersendiri disuatu thread agar menarik untuk dibaca.
legendary
Activity: 2254
Merit: 2852
#SWGT CERTIK Audited

Edit:
Beberapa link image saat ini saya re-link ke image hosting lain (www.talkimg.com), dikarenakan link awal yang menggunakan imgur menjadi invalid image.
Langkah-langkah penerapan untuk keperluan posting di Bitcointalk tidak begitu berbeda, tinggal menyesuaikan saja dengan masing-masing fitur yang disediakan oleh image hosting yang teman-teman pergunakan.


Beberapa waktu lalu saat mereview di thread bantuan, beberapa kali saya mendapati pada thread atau post sebagian member yang notabene levelnya diatas Jr. Member, gambar yang dicantumkan tidak terlihat dan bahkan ada yang ekstension filenya tidak ada.
Seharusnya setelah posting tentu akan terlihat ada kejanggalan dalam thread/Reply nya.
Jelas informasi yang dicantumkan pun tentu tidak sampai ke pembacanya.
Dan beberapa kali itu juga saya coba mengarahkan untuk diperbaiki.

Contoh diantaranya:



Mudah-mudahan tutorial ini bisa sedikit banyak memberikan gambaran bagi yang belum mengetahui bagaimana cara menampilkan gambar pada thread/post di forum ini (dan juga cara memodifikasi settingan lainnya).

NOTE:
  • Berlaku untuk Jr. Member keatas
  • Untuk Level Newbie (normal) belum bisa menggunakan fitur ini.
    Kecuali jika mendaftar menjadi Copper Member untuk menghilangkan batasan tersebut.
    https://bitcointalksearch.org/topic/m.24371150
  • Pastikan untuk menyertakan sumber gambar, jika anda hendak menggunakan gambar milik orang lain/dari website lain.

Upload Gambar

Lewati langkah ini (upload), jika anda mencantumkan gambar menggunakan link dari website lain.

Sebelum upload gambar, perhatikan poin-poin berikut:
  • Gunakan format gambar ber-extension *.png atau *.jpg/jpeg (Color mode: RGB).
    Saya lebih menyarankan format *.png, karena berdasarkan percobaan saya sebelumnya,
    untuk format *.jpg/jpeg gambar yang dihasilkan sedikit blur meskipun file size tidak terpaut jauh dengan gambar yang sama namun menggunakan format *.png
  • Jangan mengupload gambar dengan file size yang terlalu besar. (Usahakan masih dibawah 1 mb.)
    Karena jika file size terlalu besar, tentu akan membuat loading/download gambar tersebut menjadi lebih lama.
    Gunakan aplikasi pengolah gambar untuk me-resize file nya (Photoshop, GIMP, dan sejenisnya).

Ada banyak website yang menyediakan layanan untuk upload gambar secara gratis,
beberapa diantaranya anda bisa temukan disini : http://bfy.tw/HlGX
Yang biasa saya gunakan adalah https://imgur.com/

Mari kita mulai.

- Siapkan gambar yang akan di-upload

Saya mencontohkan dengan gambar berikut :

Sumber : https://en.bitcoinwiki.org/wiki/BitcoinTalk

Format asli ber-extension jpg,
namun dalam contoh kali ini saya rubah menjadi png.
File size (png): 97 kb
Image size (original): 617 pixels x 289 pixels

- Buka Website https://imgur.com

Klik tombol New post (Anda masih bisa post tanpa sign in ke websitenya).
Klik Browse atau drag file gambar yang akan di upload
Tunggu upload selesai 100%, (anda bisa menambahkan file yang lainnya dengan klik + Add another image)

Cara Mendapatkan BBCode Link Gambar

a. Cara singkat:

Klik kanan pada gambar yang sudah diupload tadi kemudian Copy Image Adress
Pada contoh gambar diatas hasil link nya (bila di paste) seperti ini : https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png

Link tersebut lah yang nantinya kita paste diantara Tags Image

Code:
[img]https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png[/img]
Hasilnya seperti ini:



b. Cara lebih detail:

Arahkan kursor pada gambar, di sudut kanan atas akan muncul tombol dropdown, pilih Get share links



Akan muncul windows Share Option, pilih Copy pada BBCode (Forums)



Note:
Untuk gambar yang kita dapat dari link website lain, caranya lebih mudah (jadi kita tidak perlu upload lagi).
Tinggal di Copy saja link website nya pada Tags Image.

Contoh link dari website lain: https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg
Maka penempatan kode nya seperti berikut:

Code:
[img]https://en.bitcoinwiki.org/upload/en/images/f/fc/Bicointalk-log.jpg[/img]


Merubah ukuran (resize) Gambar

a. Cara pertama (sedikit ribet, saya sarankan cara kedua)

Edit gambar menggunakan aplikasi pengolah gambar (Photoshop, GIMP, atau yang semisalnya).
Ubah ukuran gambar (diperbesar / diperkecil).
Setelah itu upload seperti cara yang telah saya sebutkan diatas.
Cara ini saya katakan sedikit ribet, karena jika sewaktu-waktu anda ingin merubah ukuran gambar, anda mesti upload kembali file hasil editnya.

b. Cara kedua (lebih simpel, karena hanya merubah di BBCode nya saja)

Tambahkan kode width= … pada BBCode image (titik-titik diisi dengan ukuran dalam pixel yang kita inginkan).
Untuk height otomatis menyesuaikan secara proporsional.

Contoh:
Code:
[img width=200]https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png[/img]


Anda bisa bereksperimen dengan menambahkan height=... pada BBCode

Note :
Tidak dianjurkan menggunakan gambar yang tidak proporsional (antara width dan height) apalagi terkait dengan logo.

Berikut ini hanyalah sekedar contoh bagaimana cara mengubah ukuran melalui BBCode saja.

Contoh:
Code:
[img width=200 height=50]https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png[/img]


Code:
[img width=200 height=105]https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png[/img]



Menyusun Beberapa Gambar dalam 1 Baris


Cara ke-1
Menempatkan langsung beberapa BBCode image dalam satu baris code (saya hanya menambahkan spasi pada setiap Tag image agar ada jarak diantara gambar).
Perhatikan pada code, saya hanya menggunakan width saja untuk mengubah ukuran gambar.

Code:
[abbr=https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png][img width=200]https://www.talkimg.com/images/2023/05/12/6NqgTHr75558443f26af3a5.png[/img][/abbr]  [abbr=https://talkimg.com/images/2023/05/17/blob75668982b44d79c9.jpeg][img width=200]https://www.talkimg.com/images/2023/05/12/bitcoin-segwit-value-prediction-header-image-1-1024x702-696x477f9e02557ea50140d.jpeg[/img][/abbr]  [abbr=https://talkimg.com/images/2023/05/17/blobd2a38346731a8b74.jpeg][img width=200]https://www.talkimg.com/images/2023/05/12/Lk0Oklaad98b890921f578b.jpeg[/img][/abbr]

   

Cara ke-2
Menggunakan BBCode Tabel.
Perhatikan pada code, saya hanya menggunakan height saja untuk mengubah ukuran gambar.

Code:
[table]
[tr]
[td][/td][td][/td][td][img height=150]https://talkimg.com/images/2023/05/17/blob4cfe93ba3e043f18.png[/img][/td]
[td][/td][td][/td][td][img height=150]https://talkimg.com/images/2023/05/17/blob75668982b44d79c9.jpeg[/img][/td]
[td][/td][td][/td][td][img height=150]https://talkimg.com/images/2023/05/17/blobd2a38346731a8b74.jpeg[/img][/td]
[/tr]
[tr]
[td][/td][td][/td][td][center]Gambar 1[/center][/td]
[td][/td][td][/td][td][center]Gambar 2[/center][/td]
[td][/td][td][/td][td][center]Gambar 3[/center][/td]
[/tr]
[/table]

Gambar 1
Jump to:
© 2020, Bitcointalksearch.org