Membuat gambar tidak bisa diklik
Jika anda sering upload gambar atau foto ke blog terutama Blogspot, secara default gambar tersebut akan dapat diklik dengan tujuan untuk memperbesar gambar, mengetahui alamat url image tersebut atau lain lainnya. Namun dengan alasan tertentu para webmaster atau blogger lebih memilih gambar tersebut tidak dapat diklik dan biarkan seperti itu saja. Untungnya dalam hal ini terdapat sedikit hack untuk mengatasi masalah ini, berikut caranya:
Setelah upload foto atau gambar ke blog, edit postingan anda ke mode HTML dan cari kode image yang diberikan secara otomatis setiap kali anda meng-upload gambar. Kodenya akan terlihat seperti di bawah ini:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLdfFCaYpBi5qYNEHR4TxE_81neAvkuPjzdwyZIq6DWbIFInYD5ePYzxWdwFe6Mp0QtamrO3MXwy72jVI7P7IdKbakL01U1xT1kc_F2RRWlkj2u_K_h2an_WnhlGGU-WAQ-ChXVZIZjst8/s1600/cara+membuat+gambar+supaya+tidak+bisa+diklik.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLdfFCaYpBi5qYNEHR4TxE_81neAvkuPjzdwyZIq6DWbIFInYD5ePYzxWdwFe6Mp0QtamrO3MXwy72jVI7P7IdKbakL01U1xT1kc_F2RRWlkj2u_K_h2an_WnhlGGU-WAQ-ChXVZIZjst8/s320/cara+membuat+gambar+supaya+tidak+bisa+diklik.JPG" /></a>
Cara nya pun cukup mudah, yaitu anda tinggal menghapus kalimat atau kode-kode yang telah saya tebalkan dan biarkan sisanya tetap di tempat. Setelah itu coba re-publish lagi dan lihat hasilnya, gambar tersebut semestinya sudah tidak bisa diklik lagi. Sebelum menghapus, anda bisa menyimpan atau memback-up dulu seluruh kodenya sehingga jika terjadi kesalahan seperti menghapus salah kode, anda bisa paste kode aslinya lagi dan mengulang langkah langkahnya dari awal.
Singkatnya, anda hanya perlu menghapus attribute �href� beserta </a>, dan menyisahkan <img id...>
Ketika menghapus hati hati karena kelebihan satu kode terhapus saja bisa terjadi error dan gambar anda tidak akan muncul.
Di bawah saya telah menyertakan dua buah gambar contoh untuk tutorial hack ini. Gambar yang diatas adalah gambar yang dapat di klik dan gambar yang paling bawah adalah gambar yang tidak dapat di klik.
Setelah upload foto atau gambar ke blog, edit postingan anda ke mode HTML dan cari kode image yang diberikan secara otomatis setiap kali anda meng-upload gambar. Kodenya akan terlihat seperti di bawah ini:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLdfFCaYpBi5qYNEHR4TxE_81neAvkuPjzdwyZIq6DWbIFInYD5ePYzxWdwFe6Mp0QtamrO3MXwy72jVI7P7IdKbakL01U1xT1kc_F2RRWlkj2u_K_h2an_WnhlGGU-WAQ-ChXVZIZjst8/s1600/cara+membuat+gambar+supaya+tidak+bisa+diklik.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLdfFCaYpBi5qYNEHR4TxE_81neAvkuPjzdwyZIq6DWbIFInYD5ePYzxWdwFe6Mp0QtamrO3MXwy72jVI7P7IdKbakL01U1xT1kc_F2RRWlkj2u_K_h2an_WnhlGGU-WAQ-ChXVZIZjst8/s320/cara+membuat+gambar+supaya+tidak+bisa+diklik.JPG" /></a>
Cara nya pun cukup mudah, yaitu anda tinggal menghapus kalimat atau kode-kode yang telah saya tebalkan dan biarkan sisanya tetap di tempat. Setelah itu coba re-publish lagi dan lihat hasilnya, gambar tersebut semestinya sudah tidak bisa diklik lagi. Sebelum menghapus, anda bisa menyimpan atau memback-up dulu seluruh kodenya sehingga jika terjadi kesalahan seperti menghapus salah kode, anda bisa paste kode aslinya lagi dan mengulang langkah langkahnya dari awal.
Singkatnya, anda hanya perlu menghapus attribute �href� beserta </a>, dan menyisahkan <img id...>
Ketika menghapus hati hati karena kelebihan satu kode terhapus saja bisa terjadi error dan gambar anda tidak akan muncul.
Di bawah saya telah menyertakan dua buah gambar contoh untuk tutorial hack ini. Gambar yang diatas adalah gambar yang dapat di klik dan gambar yang paling bawah adalah gambar yang tidak dapat di klik.
Comments
Post a Comment
-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.