Topic: [SHARE] Memotong, Menyusun dan Menyisipkan Link Pada Gambar - page 2. (Read 501 times)

apresiasi buat agan payjoe93 telah memberikan cara lain yang amat kreatif, ane rasa sangat bermanfaat sekali bagi member yang lain, saran lebih baik lagi setakan tutorial video nya maka akan memperjelas lagi cara ini

bagus sekali saya bisa belajar makasih sudah share gan saya juga mau belajar menyisipkan gambar dalam mengikuti proyek bounty, izin copas gan buat referensi

Saran:
Mungkin bisa ditambahkan Fungsi dari Slice / memotong gambar, selain untuk memberikan link pada bagian tertentu.
Bagi yang sudah terbiasa dengan Web Editor tentu sudah tidak asing lagi dengan cara ini.
Manfaat memotong-motong gambar menjadi beberapa bagian (terutama untuk gambar yang ukurannya besar) antara lain adalah agar pada saat gambar dibuka pada web browser menjadi lebih ringan (Cache-nya) dengan adanya pemisahan pada gambar yang notabene ukuran filenya tentu terbagi-bagi menjadi kecil.

---

Kemudian untuk link, sebenarnya lebih tepat pembagian gambarnya menggunakan cara pada post yang pertama.
Jadi kursor berubah menjadi link hanya saat berada pada gambar link tombol yang dimaksud bukan pada area yang lain.
Namun memang perlu kejelian dalam menempatkan code, saya sendiri tadi sempat mencoba di SMF@2017 menggunakan Code Table, antara preview dengan hasil akhir saat di post menjadi berbeda.

---

Koreksi pada Judul:
Menyisipak => Menyisipkan

Terimakasih untuk agan yang sudah mau berbagi ilmu, ini benar2 sangat bermamfaat buat ane sendiri karena sebelumnya ane belum bisa melakukan cara memotong, menyusun dan menyisipkan link pada gambar.
Langkah2 yang sudah agan jelaskan ini benar2 sangat mudah untuk difahami karena menurut ane penjelasan agan sudah sangat detil dan benar2 rapi sekali.

Batul gan. Ane kasih opsi di post ke-2 di karenakan ga sesuai gan. Waktu ane preview sebelum ane post bagus hasilnya sesuai gampar alias rapet2.. pas di post ternyata ada sela2 di setiap potongan.. hehe

memang lebih mudah untuk membuat opsi potongan 5/6 baris secara sejajar. jika gambar satu baris lebih dari dua atau tiga supaya cocok dan tidak terpotong spasi seperti contoh awal harus menggunakan teknik table. jadi, gambar akan sesuai dengan ukuran yang pas.

Opsi lain adalah memotongnya menjadi 6 baris saja seperti langkah ke 5. tanpa mengikuti langkah 6 & 7 :

maka hasilnya akan sama seperti ini :

---

Menurut saya pribadi, saya lebih suka & lebih cepat paham ketika ada suatu penjelasan yang di sertai gambar. Kadang kalo hanya tulisan saya harus baca 3-5 kali baru memahami sepenuhnya.

Kali ini saya akan membagikan sebuah penemuan saya waktu SMA ( sebelum kenal gugel ) dan menerapkannya ke forum ini. Setelah saya coba ternyata berhasil gan. Hehe

Saya terinspirasi dari seorang Bounty Manager Hotachy yang selalu membuat POST bountynya menggunakan gambar & pemahaman untuk peraturan & tugas-tugas yang di berikan lebih mudah di mengerti. https://bitcointalksearch.org/topic/bountypre-icoftec-first-trading-ecosystem-ready-project-3168899

Tujuan saya membagikan ini adalah untuk membagi pengalaman saya yang mungkin bisa bermanfaat buat masyarakat Bitcointalk Khususnya Sub Forum Indonesia & meningkatkan kualitas Sub Forum Indonesi menjadi lebih kreatif & inovatif. Mungkin ada sebagian yang sudah mengetahuinya. Tapi ada baiknya jika ada tambahan mohon di bantu untuk & jika ada kekurangan mohon di koreksi. Terima kasih.


• Laptop / Komputer
• Mouse & Keyboard
• Koneksi Internet
• Adobe Photoshop ( Min. Kemampuan : Pemula / Menegah Kebawah )
• Kopi Segelas


1. Pastikan Laptop anda sudah terisi batrei / Komputer anda sudah tersambung ke sumber listrik lalu hidupkan Laptop / Komputer anda.
2. Buka Adobe Photoshop
3. Anda bisa membuat gambar sendiri, memahami langkah - langkah saya dan melakukannya dengan cara anda sendiri / anda bisa menggunakan gambar yang sudah saya sediakan di bawah ini :

4. Buatlah garis pembatas untuk mempermudah pemotongan gambar nanti.

5. Pilih "Slice Tool" seperti gambar no. 1 untuk mulai memotong bagian-bagian yang sudah di kasih garis pembatas. Untuk langkah awal, potong bagian no. 2 sampai bawah.

6. Setelah terpotong gambarnya, lalu pilih "Slice Tool" lagi kemudian potong gambar yang akan di jadikan LINK nanti seperti no. 2 di gambar.

7. Untuk mempermudah penyusunan gambar nanti saat membuat POST, "Klik Kanan" pada gambar yang akan di jadikan LINK lalu pilih "Edit Slice Option" untuk memberi nama sesuai keinginan anda, supaya beda dengan yang lain. ( Cara ini bertujuan untuk memudahkan kita nanti saat akan menyisipkan LINK )

8. Setelah selesai memotong, simpan gambar dengan memilih "File -> Save for Web and Devices"

9. Setelah masuk ke bagian "Save for Web and Devices" ikuti langkah di gambar berikut.

10. Dan selamat anda telah berhasil MEMOTONG-MOTONG gambar menjadi beberpa bagian. Jika berhasil hasilnya akan menjadi seperti ini.

11. Langkah selanjutnya adalah "Upload Gambar" lalu "Copy - Paste" link gambar ke dalam "Writer" pada Bitcointalk.

12. Lalu urutkan potongan gambar supaya menjadi 1 gambar. Lihat gambar di bawah untuk lebih jelasnya.

Sekedar mengingatkan jika lupa. ini kode buat Gambar + Link :

13. Jika berhasil, maka hasilnya akan seperti ini :

---

Catatan :
• Selalu gunakan format PNG untuk gambar transparant
• Saat menyambung potongan gambar dari kiri ke kanan jangan gunakan SPASI
• Nyalakan rokok sebatang jika anda mulai pusing




Demikianlah pengalaman saya yang bisa saya bagikan dan semoga bermanfaat bagi semua masyarakat Bitcointalk Indonesia.

Saran & Masukan selalu terbuka untuk menjadi yang lebih baik & Koreksi akan sangat membantu untuk memperbaiki kesalahan yang mungkin ada.

---