Dhafiq Sagara adalah orang bodoh yang tidak bisa apa-apa, tapi dia selalu berusaha untuk terus menjadi yang lebih baik. Rasa keingin-tahuannya sangat tinggi, selalu berusaha dan terus berusaha, trial dan error adalah prinsip belajarnya.

23 Jan 2011

Memproteksi Gambar Pada Blog Di Blogspot Menggunakan JQuery

Trik ini digunakan untuk memproteksi gambar-gambar yang kita buat dan kita publikasikan diinternet agar tidak sembarangan diambil oleh orang lain. Agar hak cipta kita tidak sembarangan dipakai oleh orang lain. Bayangkan saja jika kita susah-susah membuat desain gambar kemudian orang lain tinggal download dan memakain gambar yang kita buat itu.

Lebih baik kita proteksi agar tidak sembarangan orang copy-paste gambar-gambar kita yang kita pasang di blog kita yang menggunakan blogger.


Langkah-langkahnya:
  1. Masuk pada Edit HTML di blogger anda.
  2. Cari tag berikut:
    </head>
  3. Kemudian tambahkan syntax berikut dan letakkan di atas tag </head>
  4. Kemudian simpan template/save template.
  5. Setelah setting di Edit HTML selesai, sekarang mengatur cara postingan gambar yang akan kita unggah di blog.
  6. Tambahkan code berikut pada syntax gambar yang akan kita publis di blog:
    class="protect"
    
  7. Misal pada syntax gambar yang akan kita unggah adalah seperti berikut:
    <a href="http://img39.imageshack.us/img39/8184/dhafiqsagara.png"><img src="http://img39.imageshack.us/img39/8184/dhafiqsagara.png"/></a>
  8. Maka ubah syntax tersebut dengan menambahakan code dilangkah 6 sehingga menjadi seperti berikut:
    <a href="http://img39.imageshack.us/img39/8184/dhafiqsagara.png"><img class="protect" src="http://img39.imageshack.us/img39/8184/dhafiqsagara.png"/></a>
  9. Perhatikan pada syntax di atas, telah ditambahkan code class="protect" didalam tag <img ....>


Kemudian silahkan lakukan test untuk melihat gambar yang udah kita proteksi dengan cara:
  1. Drag and drop gambar tersebut pada tab lain. Apa hasilnya? tidak akan menampilkan gambar aslinya, yang ditampilkan adalah gambar redirect yaitu blank.gif.
  2. Lakukan Save Image As, maka yang tersimpan adalah gambar blank.gif (bukan gambar asli).

Silahkan download Contoh_jQuery_Image_Protector


(Resource: http://modification-blog.blogspot.com/)


4 komentar:

  1. hmmm belum berhasil kenapa yah?

    BalasHapus
  2. setelah aku lakukan tahap kok gambarnya tetap bisa si save image as yahh? mohon pencerahan maklum gaptek..he..he..Thx

    BalasHapus
  3. pake blogger jg kan? susah berangan2 ttg ke-error-an itu tnpa melihat langsung gan....

    BalasHapus