[TUTORIAL] Cara Layout Image (Insert-Resize-Link)

Husna QA

legendary

Activity: 2254

Merit: 2852

#SWGT CERTIK Audited

Quote from: Chikito on May 14, 2023, 09:17:12 PM

Quote from: Husna QA on May 12, 2023, 02:16:00 PM

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.

Chikito

legendary

Activity: 2352

Merit: 2049

Quote from: Husna QA on May 12, 2023, 02:16:00 PM

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.

Husna QA

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

Quote from: theymos on May 11, 2023, 08:41:48 PM

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.

Husna QA

legendary

Activity: 2254

Merit: 2852

#SWGT CERTIK Audited

Quote from: Chikito on April 11, 2020, 07:09:02 AM

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.

Quote from: chatedha on April 11, 2020, 10:47:38 AM

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

Quote from: Husna QA on April 10, 2018, 02:24:03 AM

*tambahkan bbcode: acronym

chatedha

member

Activity: 247

Merit: 17

Quote from: roycilik on April 11, 2020, 08:58:16 AM

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

Quote from: masulum on April 11, 2020, 09:00:45 AM

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

masulum

legendary

Activity: 2198

Merit: 1592

hmph..

Quote from: chatedha on April 11, 2020, 08:05:21 AM

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.

roycilik

legendary

Activity: 2394

Merit: 1971

1% Skill 99% Luck :v

Quote from: chatedha on April 11, 2020, 08:05:21 AM

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

chatedha

member

Activity: 247

Merit: 17

Quote from: roycilik on April 11, 2020, 07:07:06 AM

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

Quote from: roycilik on April 11, 2020, 07:07:06 AM

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

Quote from: Chikito on April 11, 2020, 07:09:02 AM

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

Chikito

legendary

Activity: 2352

Merit: 2049

roycilik

legendary

Activity: 2394

Merit: 1971

1% Skill 99% Luck :v

Quote from: chatedha on April 11, 2020, 05:20:18 AM

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

Quote from: chatedha on April 11, 2020, 05:20:18 AM

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]

chatedha

member

Activity: 247

Merit: 17

Quote from: roycilik on April 11, 2020, 04:59:33 AM

Max size yang bisa di upload tidak lebih dari 2,5mb

Aman

Quote from: roycilik on April 11, 2020, 04:59:33 AM

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]

roycilik

legendary

Activity: 2394

Merit: 1971

1% Skill 99% Luck :v

Quote from: chatedha on April 11, 2020, 04:36:39 AM

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

Quote from: chatedha on April 11, 2020, 04:36:39 AM

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.

chatedha

member

Activity: 247

Merit: 17

Quote from: joniboini on April 11, 2020, 03:19:10 AM

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

Quote from: Ifra24 on April 11, 2020, 03:25:11 AM

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

Ifra24

full member

Activity: 308

Merit: 171

jalannya dipotong sama orang

Quote from: chatedha on April 11, 2020, 02:49:21 AM

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

joniboini

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.

chatedha

member

Activity: 247

Merit: 17

Gan, kalau ngepost gambar modelnya kaya gini caranya gimana ya?
Contoh :
https://bitcointalksearch.org/topic/annhuobi-thundercore-4000-tps-pos-blockchain-compatible-with-bsc-eth-5235573
https://bitcointalksearch.org/topic/blockburn-bounty-campaign-first-crypto-mobile-gaming-network15000burn-5224340

Dan cara nyelipin link juga digambarnya, gimana itu?

Mohon bantuannya gan Grin

roycilik

legendary

Activity: 2394

Merit: 1971

1% Skill 99% Luck :v

Quote from: detector on December 26, 2018, 01:17:05 PM

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

Buka converter https://ezgif.com/gif-to-apng
Pilih APNG
Pilih GIF to APNG
Choose file
Upload
Convert to APNG
Save

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

detector

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

terrong

member

Activity: 309

Merit: 11

Quote from: Husna QA on April 22, 2018, 02:04:03 AM

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

pintudepan

newbie

Activity: 266

Merit: 0

Quote from: mr captcha on September 28, 2018, 03:32:38 AM

Quote from: pintudepan on September 27, 2018, 08:50:38 PM

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

Pages:

«
1
2
3
»

Bitcoin Forum>Local>Bahasa Indonesia (Indonesian)

Jump to:

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