Monday, April 29, 2013

Melindungi gambar postingan pada blog

protect image blogger
Bagi anda yang berminat untuk memasarkan produk lewat blog, namun gambar produk anda tidak ingin dibajak orang lain, kami rasa optimasi ini akan penting bagi anda.
Maksud dari kata "Melindungi gambar" yaitu, gambar yang anda posting akan dilapisi gambar transparan. Berikut ini adalah trik nya.

Pasang plugin JQuery (jika blog anda sudah memiliki plugin ini, abaikan saja. langsung ke tahap berikutnya).
*) Masuk ke Dashboard blog anda, pilih Template Lalu klik Edit HTML.
*) Copy dan paste dibawah code <head>  atau (Ctrl+F, ketik <head> lalu enter) 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
*) kemudian simpan.
 
*) selanjutnya untuk melindungi gambar di awal posting;
*) Copy dan paste dibawah code </head>  atau (Ctrl+F, ketik <head> lalu enter)
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img:nth-child(1)").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
*) kemudian simpan. selesai dan lihat blog anda.


**) Untuk melindungi gambar pada semua postingan;
**) Copy dan paste dibawah code </head>  atau (Ctrl+F, ketik <head> lalu enter)
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img").after("<img src=\"http:\/\/2.bp.blogspot.com\/-lQW7QlMoz10\/T8yL_5IPF6I\/AAAAAAAAAQU\/5R8ngq17xzw\/s1600\/transparent.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>

**) Melindungi gambar dari tindak pembajakan atau peng-copy-an atau ketika orang lain hendak menyimpan gambar anda, hal ini dimaksudkan, agar gambar yang akan disimpan orang lain bukanlah gambar asli anda, melainkan "transparant.png". Caranya adalah sebagai berikut;
**) Masuk ke Dashboard blog anda, pilih Template Lalu klik Edit HTML. yang anda laukukan adalah cukup dengan mengganti tulisan berwarna hijau pada script di atas dengan script dibawah ini.

<img src="Masukkan URL gambar anda" />
<img border="0" src="http://2.bp.blogspot.com/-lQW7QlMoz10/T8yL_5IPF6I/AAAAAAAAAQU/5R8ngq17xzw/s1600/transparent.png" alt="NetOops protected image" style="left: 0px; opacity: 0; position: relative; top: -216px;" />

**) atau bisa juga dengan menggunakan script berikut ini;
<span style="background-image: url(Place image URL here)"><img src="http://2.bp.blogspot.com/-lQW7QlMoz10/T8yL_5IPF6I/AAAAAAAAAQU/5R8ngq17xzw/s1600/transparent.png" width="200" height="200" border="0" alt="NetOops protected Image."></span>

**) selesai, simpan dan lihat blog anda, coba anda klik kanan pada gambar pada postingan anda, lalu "Save image As..." apa yang terjadi?

selamat bereksperimen, semoga membantu.
Share this article :

Artikel Terkait

1 comments :

Unknown said...

postingan info bagus.

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Post a Comment

Design by Free WordPress Themes | Redesign by Metro Ayuri