Title: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 22, 2018, 06:04:03 AM https://www.talkimg.com/images/2023/05/12/abstract-app-social-web-service-object_520-copy-copy861f9befddaa1f1d.png (https://www.talkimg.com/image/nCjf) 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://www.talkimg.com/images/2023/05/12/nhzhvXz290d0e48e65743a8.png
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:
Upload Gambar Lewati langkah ini (upload), jika anda mencantumkan gambar menggunakan link dari website lain. Sebelum upload gambar, perhatikan poin-poin berikut:
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 : https://www.talkimg.com/images/2023/05/12/6NqgTHr75558443f26af3a5.png 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] https://www.talkimg.com/images/2023/05/12/6NqgTHr75558443f26af3a5.png b. Cara lebih detail: Arahkan kursor pada gambar, di sudut kanan atas akan muncul tombol dropdown, pilih Get share links https://www.talkimg.com/images/2023/05/12/Screen-Shot-2018-04-21-at-1.07.52-PM905c1afea35b7e66.png Akan muncul windows Share Option, pilih Copy pada BBCode (Forums) https://www.talkimg.com/images/2023/05/12/ISTbFd52aebc1e7f887b742.png 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] https://www.talkimg.com/images/2023/05/12/6NqgTHr75558443f26af3a5.png https://www.talkimg.com/images/2023/05/12/bitcoin-segwit-value-prediction-header-image-1-1024x702-696x477f9e02557ea50140d.jpeg https://www.talkimg.com/images/2023/05/12/Lk0Oklaad98b890921f578b.jpeg Cara ke-2 Menggunakan BBCode Tabel. Perhatikan pada code, saya hanya menggunakan height saja untuk mengubah ukuran gambar. Code: [table] Menambahkan Link Pada Gambar Pada tutorial saya sebelumnya: Video Tutorial PGP/GPG (https://bitcointalk.org/index.php?topic=3221263.msg34348109#msg34348109) Disana saya mencantumkan gambar dengan menambahkan link ke Video Tutorial di Channel Youtube saya. (Karena Forum Bitcointalk.org masih menggunakan SMF 1.1.19 dan belum bisa menampilkan video youtube secara langsung, maka saya me-redirect gambar tersebut ke link youtube). Caranya:
Berikut ini contohnya BBCode nya: Code: [url=https://www.youtube.com/watch?v=ZhsYoR5Tkgc&t][img width=400]https://talkimg.com/images/2023/05/17/blobdd1693803da04c22.png[/img][/url] Seperti ini hasilnya (Silahkan di klik pada gambar untuk melihat direct link nya): https://www.talkimg.com/images/2023/05/12/ZiXVHKL39bf30a6f260b659.png (https://www.youtube.com/watch?v=ZhsYoR5Tkgc&t) Contoh lain, link gambar saya ambil langsung dari website resminya/Link Original. (Jadi saya tidak melakukan proses upload gambar) : Code: [url=https://image.shutterstock.com/image-vector/conceptual-vector-illustration-global-problems-600w-442116157.jpg][img height=200]https://image.shutterstock.com/image-vector/conceptual-vector-illustration-global-problems-600w-442116157.jpg[/img][/url] [url=https://www.freepik.com/premium-photo/block-spam-text-on-keyboard-button_1337039.htm#term=spam&page=1&position=9][img height=200]https://image.freepik.com/free-photo/block-spam-text-on-keyboard-button_2227-380.jpg[/img][/url] [url=https://imgur.com/gallery/tBr0G84][img height=200]https://www.talkimg.com/images/2023/05/12/tBr0G848f2fa915c1b75cdb.gif[/img][/url] Referensi bermanfaat : [LEARN] BBCode Lessons & Tutorials [+tutorial videos!] (https://bitcointalk.org/index.php?topic=1727100.0) Thread Started by roslinpl (https://bitcointalk.org/index.php?action=profile;u=158505) TUTORIAL Sederhana “BBCode” (https://bitcointalk.org/index.php?topic=3307884.0) Thread Started by manji (https://bitcointalk.org/index.php?action=profile;u=1310981) Cara edit gambar GIF dengan Photoshop [Gambar bergerak] (http://hellwin6661.blogspot.com/2017/11/Cara.edit.gambar.GIF.dengan.Photoshop.html) by ilham nurkarim (https://plus.google.com/103033963968278159631) Referensi Gambar : https://www.freepik.com/free-photo/abstract-app-social-web-service-object_1238820.htm https://en.bitcoinwiki.org/wiki/BitcoinTalk https://www.cryptocynews.com/blockchain-network-security-korea-telecom/ https://news.bitcoin.com/blockchain-info-to-support-bitcoin-cash/ https://www.shutterstock.com/image-vector/conceptual-vector-illustration-global-problems-humanity-442116157 https://www.freepik.com/premium-photo/block-spam-text-on-keyboard-button_1337039.htm#term=spam&page=1&position=9 https://imgur.com/gallery/tBr0G84
Terima kasih. Semoga bermanfaat. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: kepzio on April 22, 2018, 03:01:40 PM 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.
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Arwinkim on April 22, 2018, 11: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 ;D
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: jukimay on April 25, 2018, 03:02:57 AM 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.
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: wawanlindu on April 25, 2018, 03:15:09 AM Note: 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?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] Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 25, 2018, 04:25:09 AM ~ 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 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: wawanlindu on April 29, 2018, 02:11:07 AM ~ 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: creativeeditors on April 29, 2018, 02:34:33 AM keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan,
contoh https://i.imgur.com/6NqgTHr.png ini sangat tidak dianjurkan karena tidak presisi, usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 29, 2018, 03:22:55 AM keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan, Terima kasih, saya setuju dengan om creativeeditors (https://bitcointalk.org/index.php?action=profile;u=714716).contoh https://talkimg.com/images/2023/05/17/blob6576189ff1945f39.png ini sangat tidak dianjurkan karena tidak presisi, usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW Lebih tepatnya: Proporsional dalam ukuran gambar antara Width dan Height. Dan kalau om creativeeditors (https://bitcointalk.org/index.php?action=profile;u=714716) lihat, bukan hanya yang dikutip om saja yang tidak proporsional, tapi ini juga: https://talkimg.com/images/2023/05/17/blob6576189ff1945f39.png 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: speedforce on April 29, 2018, 09:18:33 AM 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.
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Bonenx14 on April 29, 2018, 09:33:10 AM 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 postnyaTitle: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 29, 2018, 09:58:54 AM 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 https://talkimg.com/images/2023/05/17/blobc806d84f522e28ff.png Dan jika om speedforce (https://bitcointalk.org/index.php?action=profile;u=994966) dan om Bonenx14 (https://bitcointalk.org/index.php?action=profile;u=978651) berkenan mampir ke thread saya sebelumnya disini: https://bitcointalk.org/index.php?topic=3161607.0 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] (http://hellwin6661.blogspot.com/2017/11/Cara.edit.gambar.GIF.dengan.Photoshop.html) Disini saya tidak membahas detail penggunaan Photoshop. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: masulum on April 29, 2018, 01:27:11 PM 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 https://preview.ibb.co/j0eQ6x/image.png (https://ibb.co/bPQbDc) Selain itu, imgbb juga menawarkan beberapa model gambar yang dapat Anda pilih sesuai ukuran masing-masing Contoh Ukuran Penuh https://image.ibb.co/dx09Yc/image.png Contoh Ukuran Sedang https://preview.ibb.co/j0eQ6x/image.png (https://ibb.co/bPQbDc) Contoh Ukuran Tumbnail https://thumb.ibb.co/bPQbDc/image.png (https://ibb.co/bPQbDc) Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on April 30, 2018, 12:49:17 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). ngeselin ya gan imgur di blokir :Dakibat dari program pemerintah internet sehat hahahaa kalau mau membuka blokir tersebut coba ikuti langkah berikut Edit file Hosts pada windows
Code: 151.101.56.193 imgur.com https://image.ibb.co/chbyBx/imgur_unlock55.png https://image.ibb.co/izXMWx/imgur_unlock1.png SELAMAT ANDA SUDAH BISA MENGAKSES IMGUR (https://imgur.com/) referensi : hardware.rusak. (https://www.kaskus.co.id/show_post/556b6fda118b461c668b456a/1/membuka-blokir-reddit-amp-imgur-dengan-mengedit-file-hosts-100-work)Jika nanti cara di atas tidak bisa di gunakan kemungkinan IP nya berubah. untuk mengetahui IP yang terbaru bisa cek dengan IP lookup infobyip (https://www.infobyip.com/ipbulklookup.php) Code: imgur.com referensi : https://image.ibb.co/dAJBWx/IP_lockup.png (https://www.youtube.com/watch?time_continue=157&v=S710sqT9XSg) Trima kasih om Husna QA (https://bitcointalk.org/index.php?action=profile;u=1827294) sudah mau berbagi ilmu tentang Layout Image, maaf kalau jadi nyepam disini :v Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 30, 2018, 04:37:47 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: ~ Image hosting https://imgbb.com/ tidak terlalu banyak perbedaan fiturnya dengan https://imgur.com/ tinggal dipilih saja mana yang nyaman dan bisa anda gunakan.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/ ~ 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: https://image.ibb.co/kQ33Tc/Screen_Shot_2018_04_30_at_11_59_26_AM.png 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://bitcointalk.org/index.php?action=profile;u=1051955): https://bitcointalk.org/index.php?topic=3368299.msg35917652#msg35917652 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: karetgelang on May 19, 2018, 03:33:24 AM 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. :-*
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? Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on May 19, 2018, 06:22:16 AM -snip- Sejauh ini saya belum menemukan adanya peraturan forum mengenai batasan minimal/maksimal ukuran pixel dalam mencantumkan gambar.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? 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 (https://bitcointalk.org/index.php?topic=3120591.0) 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). Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: gelaskopi on May 22, 2018, 07:30:32 AM ~ 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.
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: trinaldao on May 22, 2018, 12:48:29 PM keren nih thread tutorialnya, tapi ada beberapa experiment gambar yang tidak presisi gan, untuk presisi bisa gunakan table seperti tutorial agan husna yg menggunakan fungsi table untuk imagecontoh https://i.imgur.com/6NqgTHr.png ini sangat tidak dianjurkan karena tidak presisi, usahakan membuat / mengatur gambar harus presisi penempatannya, atas bawah rata kanan rata kiri. CMIIW Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Medipedia on June 20, 2018, 04:31:42 AM 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
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on June 21, 2018, 03:41:50 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://bitcointalk.org/index.php?topic=3120591.0 Teks: [GUIDE] Cara Me-Layout Thread (Topik) & Post Reply Link+Teks: [GUIDE] Cara Me-Layout Thread (Topik) & Post Reply (https://bitcointalk.org/index.php?topic=3120591.0) Code: [url=https://bitcointalk.org/index.php?topic=3120591.0][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. :) Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Powerman001 on June 29, 2018, 05:49:26 AM Tes dulu ya gan,
https://i.imgur.com/1prwGi4.png 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on June 30, 2018, 12:26:27 AM 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 :-[ Maaf postingan anda saya hapus ya, anda tidak memperhatikan isi Thread OP.NOTE:
-snip- Terimakasih kembali. Maaf postingannya saya hapus ya.Benar dengan adanya tutorialnya lebih mudah untuk dipahami dan mudah untuk dipraktekkan langsung. Tolong dong tutorial yang lengkap, sebelumnya saya ucapkan terimakasih. Sedikit atau selengkap apapun materi, tanpa dipelajari/dipraktekkan akan percuma. Post diatas (maaf) saya kategorikan Common Sense. Tes dulu ya gan, Silahkan dimanfaatkan ilmunya untuk menjadi nilai tambah dalam menjelaskan sesuatu yang terkadang sulit untuk dituliskan dengan kata/kalimat.-snip- Saya sudah coba menelusuri postingan anda sebelumnya, dan menemukan post berikut ini: https://bitcointalk.org/index.php?topic=2165660.msg21692650#msg21692650 Hello Everyone.. Gambar yang anda cantumkan tidak nampak di Laptop saya, prediksi saya ada dua kemungkinan: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 https://s26.postimg.org/tnooq9jrt/gift_3.jpg Kemungkinan pertama, server image hosting sudah tidak aktif/berubah domain. Kemungkinan kedua, server image hosting di blokir oleh pihak yang berwenang. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: hund on July 21, 2018, 04:17:51 PM ngeselin ya gan imgur di blokir :D akibat dari program pemerintah internet sehat hahahaa kalau mau membuka blokir tersebut coba ikuti langkah berikut Edit file Hosts pada windows
Code: 151.101.56.193 imgur.com https://image.ibb.co/chbyBx/imgur_unlock55.png https://image.ibb.co/izXMWx/imgur_unlock1.png SELAMAT ANDA SUDAH BISA MENGAKSES IMGUR (https://imgur.com/) referensi : hardware.rusak. (https://www.kaskus.co.id/show_post/556b6fda118b461c668b456a/1/membuka-blokir-reddit-amp-imgur-dengan-mengedit-file-hosts-100-work)-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 ;D 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 ;D Sebagai tambahan karena kemarin-kemarin saya tidak bisa mengakses imgur akhirnya saya memakai opsi lain dengan mengupload di situs ini https://postimages.org Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on July 21, 2018, 10:49:20 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 diaksesCode: 151.101.48.193 www.imgur.com IP nya saya tau dari situs pembaca IP yang agan berikan ;D Sebagai tambahan karena kemarin-kemarin saya tidak bisa mengakses imgur akhirnya saya memakai opsi lain dengan mengupload di situs ini https://postimages.org 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 (https://www.infobyip.com/ipbulklookup.php), takut nya ada perubahan IP btw terima kasih sudah melengkapi ;) Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: faza13 on August 31, 2018, 08: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 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 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on September 01, 2018, 05:21:03 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://bitcointalk.org/index.php?topic=4240438.msg38463037#msg38463037 (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? Mungkin ada aplikasi semisal firewall yang mem-block untuk bisa mengaksesnya.Dan saya juga sudah mencoba postimage.org dan hasilnya juga tidak bisa dan terblokir juga Atau anda bisa juga mengikuti cara yang diberikan om Roycilik berikut ini: https://bitcointalk.org/index.php?topic=3368299.msg35917652#msg35917652 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.204Proof: 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 ;D 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.324Proof: 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 ;D Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: iamcryp on September 15, 2018, 07:34:27 PM 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
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on September 16, 2018, 02:23:09 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] 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 https://wiki.simplemachines.org/smf/Security_Tips- 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: pintudepan on September 28, 2018, 12:50:38 AM 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
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: mr captcha on September 28, 2018, 07:32:38 AM 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. :D Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on September 29, 2018, 06:13:41 AM ... 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 (http://archive.is/DCTJ1#selection-6319.0-6321.174) saya delete. Tidak perlu quote semua isi dari OP hanya sekedar untuk berterima kasih. Silahkan bertanya jika masih ada penyampaian materi yang belum dipahami. ... Mungkin maksud anda yang muncul pesan seperti berikut ini:dari kemarin mencoba post tp gambar tidak muncul malah tulisan proxy apa itu. 😆 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) Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: badakjawa on September 29, 2018, 09:51:17 AM Cara ke-1 Apa penempatan BBCode itu berpengaruh sama tata letak gambar gan? 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] 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 ... Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: elda34b on September 29, 2018, 10:17:21 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: pintudepan on October 01, 2018, 06:09:41 AM 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. :D nah yang jadi pertanyaannya adalah apakah menyertai sumbernya gambar untuk memposting di thread mereka sendiri Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: terrong on December 25, 2018, 09:52:26 PM 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~ Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: detector on December 26, 2018, 05: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 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on December 26, 2018, 05:28:06 PM Saya penasaran dengan avatar berbentuk gif karena setiap saya upload selalu saja gagal. 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 threadNamun 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 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)
Silahkan di coba dan semoga berhasil ;) Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: chatedha on April 11, 2020, 06:49:21 AM Gan, kalau ngepost gambar modelnya kaya gini caranya gimana ya?
Contoh : https://bitcointalk.org/index.php?topic=5235573.0 https://bitcointalk.org/index.php?topic=5224340.0 Dan cara nyelipin link juga digambarnya, gimana itu? Mohon bantuannya gan ;D Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: joniboini on April 11, 2020, 07: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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Ifra24 on April 11, 2020, 07:25:11 AM Dan cara nyelipin link juga digambarnya, gimana itu? Mohon bantuannya gan ;D 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 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: chatedha on April 11, 2020, 08:36:39 AM Untuk nyelipin gambarnya udah ada di post awal kalau agan perlu pake bbcode semacam Waduh ribet juga ternyata, ini udah ada desainnya sih dengan resolusi besar, tinggal ngepost 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. Tinggal nyari width yang pas ya berarti biar rapi Setau saya seperti ini om,silahkan dicoba Tak coba dulu gan ;DCode: [url=isi linknya][img] link gambarnya[/img][/url] Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on April 11, 2020, 08:59:33 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,5mbTinggal 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. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: chatedha on April 11, 2020, 09:20:18 AM Max size yang bisa di upload tidak lebih dari 2,5mb Aman ;DKalau 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 untuk bitcointalk sendiri biasanya make width berapa? biar pas kaya contoh thread diataskalau mau nyusun gambar ber baris gunakan Table, kalau gambar langsung di susun tanpa table biasanya akan terjadi eror/tidak presisi pada saat di posting. Dan untuk penggunaan table nya kaya gini kah? Code: [table]Ini gambar 1[/table] Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on April 11, 2020, 11:07:06 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: https://i.ibb.co/bLydHDX/123213121231.png 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" https://i.ibb.co/R0xQvXs/126.png Disitu akan terlihar berapa widht dan height nya Dan untuk penggunaan table nya kaya gini kah? Table nya yang lengkap omCode: [table][tr] Code: [td][/td] Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Chikito on April 11, 2020, 11:09:02 AM Kalau untuk bitcointalk sendiri biasanya make width berapa? biar pas kaya contoh thread diatas Tergantung gan, harusnya dicoba dulu, klik tombol Preview sebelah post. kalau dikira kebesaran width dibikin separuh (width=500)Quote Dan untuk penggunaan table nya kaya gini kah? tidak pakai table juga gpp, kalau tidak ada notenya, ini contohnya: (di quote buat melihat)https://i.postimg.cc/1X3Qwbrc/1.png https://i.postimg.cc/8P3SfKJM/2.png https://i.postimg.cc/ydV4C2t4/3.png Contoh gambar nyomot di google By the way, harusnya ente baca thread dari awal, di situ sudah jelas diterangkan oleh mas Husna 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: [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] Cara ke-2 Menggunakan BBCode Tabel. Perhatikan pada code, saya hanya menggunakan height saja untuk mengubah ukuran gambar. Code: [table]
Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: chatedha on April 11, 2020, 12:05:21 PM 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 ;DMake 900px jadinya Table nya yang lengkap om Jadinya malah kesamping ya imagenya, coba tak ganti jadi tr code nya bisa kebawah tapi gabisa menyatu kaya gini, ada jarak kecil diantara gambarCode: [table][tr] Code: [td][/td] https://i.imgur.com/oxNE73p.png 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 :)Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: roycilik on April 11, 2020, 12:58:16 PM Jadinya malah kesamping ya imagenya, coba tak ganti jadi tr code nya bisa kebawah tapi gabisa menyatu kaya gini, ada jarak kecil diantara gambar Ya kan saya kasih tips jika sampean mau bikin layout dalam satu baris atau kolom (menyamping) ;D, jadi ndak puyeng kalau pake mau nyusun semisal 10 images dalam satu baris, kalau pakai <space> pasti kusut mata nya ngeliat sederet url.https://i.imgur.com/oxNE73p.png Nampak garis putih ditengah tengah gambar Kalau sampean hanya ingin membuat layout model row begitu ndak perlu pake Table, langsung aja enter di bawahnya Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: masulum on April 11, 2020, 01:00:45 PM 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 Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: chatedha on April 11, 2020, 02:47:38 PM Ya kan saya kasih tips jika sampean mau bikin layout dalam satu baris atau kolom (menyamping) ;D, jadi ndak puyeng kalau pake mau nyusun semisal 10 images dalam satu baris, kalau pakai <space> pasti kusut mata nya ngeliat sederet url. Oalah pantas sadja xDKalau sampean hanya ingin membuat layout model row begitu ndak perlu pake Table, langsung aja enter di bawahnya Tak coba memang lebih mudah sih make tabel kalau bikin gambar yang meyamping ;D Makasih banyak buat arahannya, sudah jadi ini threadnya >> https://bitcointalk.org/index.php?topic=5239667 Silahkan mampir kalau berkenan, kali aja ada masukan ::) 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. Iya, setelah tablenya tak hapus, garis penghalang dari image 1 dan image 2 sudah menghilang, kini mereka bisa bersatu ;DCode: kode image -> tekan enter -> kode image Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on April 11, 2020, 11:33:48 PM Tergantung gan, harusnya dicoba dulu, klik tombol Preview sebelah post. kalau dikira kebesaran width dibikin separuh (width=500) 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- -snip- Sedikit menambahkan, agan bisa memberikan deskripsi pada masing-masing dari bagian gambar tersebut yang muncul ketika kursor diarahkan pada gambar, seperti contoh berikut:Makasih banyak buat arahannya, sudah jadi ini threadnya -snip- https://talkimg.com/images/2023/05/17/blobff52857484e531d6.png (https://www.youtube.com/watch?v=ZhsYoR5Tkgc&t) *tambahkan bbcode: acronym Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on May 12, 2023, 06: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://bitcointalk.org/index.php?topic=5452415.0), 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. https://www.talkimg.com/images/2023/05/12/Screen-Shot-2023-05-13-at-00.15.3414ede636d3c80fa5.png (https://www.talkimg.com/image/n2D5) 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 (https://bitcointalk.org/index.php?topic=5450546.0) yang diinisiasi joker_josue. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Chikito on May 15, 2023, 01:17:12 AM UPDATE 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.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://bitcointalk.org/index.php?topic=5452415.0), ternyata semua user yang menggunakan imgur mengalami hal yang sama. Title: Re: [TUTORIAL] Cara Layout Image (Insert-Resize-Link) Post by: Husna QA on May 15, 2023, 01:58:14 PM UPDATE 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.Perbaikan link image Thread -snip- 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 (https://bitcointalk.org/index.php?topic=5452662.msg62241631#msg62241631)) dan menggunakan API Key (https://api.imgbb.com/) dari Imgbb. Baru beberapa gambar yang berhasil di edit menggunakan bantuan script tersebut, contoh post ini: https://bitcointalk.org/index.php?topic=5332291.msg62209273#msg62209273 Tidak berselang lama mendapati error dan berhenti: https://i.ibb.co/3CQzTqj/Screen-Shot-2023-05-15-at-20-49-12.png (https://ibb.co/71L4S5Z) 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/) https://www.talkimg.com/images/2023/05/16/Screen-Shot-2023-05-16-at-20.14.48aca5dc2d08bbda1f.png https://www.talkimg.com/images/2023/05/16/Screen-Shot-2023-05-16-at-20.14.1525ca8cd43eb47a5b.png 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. |