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

elda34b

sr. member

Activity: 910

Merit: 351

Quote from: badakjawa on September 29, 2018, 04:51:17 AM

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.

badakjawa

member

Activity: 336

Merit: 20

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

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

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: ?? on ??

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

Quote from: ?? on ??

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

mr captcha

newbie

Activity: 12

Merit: 0

Quote from: pintudepan on September 27, 2018, 07: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

pintudepan

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

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: iamcryp on September 15, 2018, 02:34:27 PM

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

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

...

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

iamcryp

newbie

Activity: 26

Merit: 1

wihhh,,, perlu saya coba dulu gan.. ya masih perlu banyak berlatih.. maklum anak baru gan

.. untuk gambar animasi apakah sama tekniknya kaya gitu gan?.. soalnya pernah liat post yang ada animasinya gitu

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: faza13 on August 31, 2018, 03:06:54 AM

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.

Quote from: faza13 on August 31, 2018, 03:06:54 AM

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:

Quote from: ?? on ??

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:

Quote from: Arwinkim on April 22, 2018, 06:32:52 PM

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

Quote from: ?? on ??

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:

Quote from: kepzio on April 22, 2018, 10:01:40 AM

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.

Quote from: Arwinkim on April 22, 2018, 06:32:52 PM

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

faza13

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

roycilik

legendary

Activity: 2590

Merit: 1988

1% Skill 99% Luck :v

Quote from: hund on July 21, 2018, 11:17:51 AM

Quote from: roycilik on April 29, 2018, 07:49:17 PM

~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

hund

member

Activity: 130

Merit: 10

Quote from: roycilik on April 29, 2018, 07:49:17 PM

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

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: ?? on ??

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.

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

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.

Quote from: ?? on ??

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

Quote from: Powerman001 on June 29, 2018, 12:49:26 AM

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

Quote from: Powerman001 on September 10, 2017, 07:29:34 AM

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.

Powerman001

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.

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: Medipedia on June 19, 2018, 11:31:42 PM

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:

Quote from: Husna QA on March 13, 2018, 07:57:17 PM

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

Silahkan dipelajari kelanjutan dari kalimat tersebut.

Medipedia

copper member

Activity: 322

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

trinaldao

copper member

Activity: 1218

Merit: 1007

Post your ann & bounty just contact me

Quote from: creativeeditors on April 28, 2018, 09:34:33 PM

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

gelaskopi

member

Activity: 364

Merit: 10

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

~

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.

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: karetgelang on May 18, 2018, 10:33:24 PM

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

karetgelang

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?

Husna QA

legendary

Activity: 2296

Merit: 2892

#SWGT CERTIK Audited

Quote from: masulum on April 29, 2018, 08:27:11 AM

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:

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

~
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

Topic: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) - page 2. (Read 2718 times)