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

ngeselin ya gan imgur di blokir
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

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

referensi :

---

---

Trima kasih om Husna QA sudah mau berbagi ilmu tentang Layout Image, maaf kalau jadi nyepam disini :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).

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

---

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


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.

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

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.

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

---

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.

---

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.

---

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

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.

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




- 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

---

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

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?

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.

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  

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.

---

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:

• https://bitcointalksearch.org/topic/m.34506974
  https://bitcointalksearch.org/topic/m.34501753
• https://bitcointalksearch.org/topic/m.34979381
• https://bitcointalksearch.org/topic/m.35168727
  http://archive.is/qQ4D2

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

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:

---

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:


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:

---

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.


   

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

		Gambar 1 Pages: « 1 2 3 » Bitcoin Forum>Local>Bahasa Indonesia (Indonesian) Jump to: Please select a destination: Bitcoin => Bitcoin Discussion ===> Legal ===> Press ===> Meetups ===> Important Announcements => Development & Technical Discussion ===> Wallet software =====> Electrum =====> Bitcoin Wallet for Android =====> BitcoinJ =====> Armory =====> Mycelium =====> Hardware wallets => Bitcoin Technical Support => Project Development => Mining ===> Mining support ===> Pools ===> Mining software (miners) ===> Hardware =====> Group buys ===> Mining speculation Economy => Economics ===> Speculation => Marketplace ===> Currency exchange ===> Gambling =====> Games and rounds =====> Investor-based games =====> Gambling discussion ===> Lending =====> Long-term offers ===> Securities ===> Auctions ===> Service Announcements =====> Micro Earnings ===> Service Discussion =====> Web Wallets =====> Exchanges ===> Goods =====> Computer hardware =====> Digital goods =======> Invites & Accounts =====> Collectibles ===> Services => Trading Discussion ===> Scam Accusations ===> Reputation Other => Meta ===> New forum software ===> Bitcoin Wiki => Beginners & Help => Off-topic => Serious discussion ===> Ivory Tower => Archival ===> Chinese students ===> Obsolete (buying) ===> Obsolete (selling) ===> MultiBit ===> CPU/GPU Bitcoin mining hardware ===> Корзина => Politics & Society Alternate cryptocurrencies => Altcoin Discussion => Announcements (Altcoins) ===> Tokens (Altcoins) => Mining (Altcoins) ===> Pools (Altcoins) => Marketplace (Altcoins) ===> Service Announcements (Altcoins) ===> Service Discussion (Altcoins) ===> Bounties (Altcoins) => Speculation (Altcoins) Local => العربية (Arabic) ===> العملات البديلة (Altcoins) =====> النقاشات ===> إستفسارات و أسئلة المبتدئين ===> التعدين ===> النقاشات الأخرى ===> منصات التبادل => Bahasa Indonesia (Indonesian) ===> Mining (Bahasa Indonesia) ===> Altcoins (Bahasa Indonesia) ===> Trading dan Spekulasi ===> Ekonomi, Politik, dan Budaya ===> Topik Lainnya ===> Marketplace (Bahasa Indonesia) => 中文 (Chinese) ===> 跳蚤市场 ===> 山寨币 ===> 媒体 ===> 挖矿 ===> 离题万里 => Hrvatski (Croatian) ===> Trgovina ===> Altcoins (Hrvatski) =====> Announcements (Hrvatski) ===> Off-topic (Hrvatski) => Français ===> Vos sites et projets ===> Hors-sujet ===> Actualité et News ===> Débutants ===> Discussions générales et utilisation du Bitcoin ===> Mining et Hardware ===> Économie et spéculation ===> Place de marché =====> Produits et services =====> Petites annonces =====> Échanges ===> Le Bitcoin et la loi ===> Wiki, documentation et traduction ===> Développement et technique ===> Altcoins (Français) =====> Annonces => India ===> Mining (India) ===> Marketplace (India) ===> Regional Languages (India) ===> Press & News from India ===> Alt Coins (India) ===> Buyer/ Seller Reputations (India) ===> Off-Topic (India) => Italiano (Italian) ===> Guide (Italiano) ===> Progetti ===> Discussioni avanzate e sviluppo ===> Trading, analisi e speculazione ===> Mercato =====> Mercato valute =====> Beni =====> Servizi =====> Esercizi commerciali =====> Hardware/Mining (Italiano) =====> Gambling (Italiano) ===> Accuse scam/truffe ===> Mining (Italiano) ===> Alt-Currencies (Italiano) =====> Annunci ===> Raduni/Meeting (Italiano) ===> Crittografia e decentralizzazione ===> Off-Topic (Italiano) => Nederlands (Dutch) ===> Markt ===> Gokken/lotterijen ===> Mining (Nederlands) ===> Beurzen ===> Alt Coins (Nederlands) ===> Off-topic (Nederlands) ===> Meetings (Nederlands) => 한국어 (Korean) ===> 대체코인 Alt Coins (한국어) => Русский (Russian) ===> Новички ===> Бизнес =====> Барахолка =====> Обменники ===> Идеи ===> Кодеры ===> Майнеры ===> Политика ===> Трейдеры ===> Альтернативные криптовалюты =====> Токены =====> Бayнти и aиpдpoпы ===> Хайпы ===> Работа ===> Разное ===> Oбcyждeниe Bitcoin =====> Новости =====> Юристы => Română (Romanian) ===> Anunturi importante ===> Presa ===> Offtopic ===> Market =====> Discutii Servicii ===> Minerit ===> Tutoriale ===> Bine ai venit! ===> Altcoins (Monede Alternative) =====> Anunturi Monede Alternative => Skandinavisk => Türkçe (Turkish) ===> Bitcoin Haberleri ===> Ekonomi ===> Servisler =====> Fonlar ===> Alternatif Kripto-Paralar =====> Madencilik (Alternatif Kripto-Paralar) =====> Duyurular (Alternatif Kripto-Paralar) ===> Pazar Alanı ===> Madencilik ===> Proje Geliştirme ===> Konu Dışı ===> Yeni Başlayanlar & Yardım ===> Buluşmalar => Português (Portuguese) ===> Primeiros Passos (Iniciantes) ===> Economia & Mercado ===> Criptomoedas Alternativas ===> Brasil ===> Portugal ===> Mineração em Geral ===> Desenvolvimento & Discussões Técnicas => עברית (Hebrew) => Pilipinas ===> Altcoins (Pilipinas) =====> Altcoin Announcements (Pilipinas) ===> Pamilihan ===> Others (Pilipinas) => 日本語 (Japanese) ===> アルトコイン => Español (Spanish) ===> Mercado y Economía =====> Servicios =====> Trading y especulación ===> Hardware y Minería ===> Esquina Libre ===> Mercadillo =====> Mexico =====> Argentina =====> Centroamerica y Caribe =====> España ===> Primeros pasos y ayuda ===> Altcoins (criptomonedas alternativas) =====> Servicios =====> Minería de altcoins =====> Tokens (Español) => Deutsch (German) ===> Mining (Deutsch) ===> Trading und Spekulation ===> Projektentwicklung ===> Off-Topic (Deutsch) ===> Treffen ===> Presse ===> Altcoins (Deutsch) =====> Announcements (Deutsch) ===> Marktplatz =====> Auktionen =====> Suche =====> Biete ===> Anfänger und Hilfe => Ελληνικά (Greek) ===> Αγορά ===> Mining Discussion (Ελληνικά) ===> Altcoins (Ελληνικά) =====> Altcoin Announcements (Ελληνικά) =====> Altcoin Mining (Ελληνικά) => Other languages/locations => Polski ===> Tablica ogłoszeń ===> Alternatywne kryptowaluty =====> Nowe kryptowaluty i tokeny =====> Tablica ogłoszeń (altcoiny) => Nigeria (Naija) ===> Politics and society (Naija) ===> Off-topic (Naija) go