Pages:
Author

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

legendary
Activity: 2296
Merit: 2892
#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: 2366
Merit: 2054
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: 2296
Merit: 2892
#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: 2296
Merit: 2892
#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: 2324
Merit: 1604
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: 2618
Merit: 1990
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: 2366
Merit: 2054
legendary
Activity: 2618
Merit: 1990
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: 2618
Merit: 1990
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: 2618
Merit: 1990
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
Pages:
Jump to:
© 2020, Bitcointalksearch.org