Tutorial : Lindungi Gambar Daripada Kena Download

WRITTEN BY : ARRIF TIME : 6:17 PM TOTAL COMMENTS : 0


Assalamualaikum dan salam sejahtera semua..

Hari ni aku nak ajar satu trik awesome untuk korang. Trik yang aku maksudkan tu ialah nak macamana nak buat biar semua gambar dalam blog kita tak boleh di Right-Click dan tak boleh di download oleh orang lain. Benda ni penting jugak bagi kauorang yang nak protect kauorang punya gambar daripada kena curi ni. haha.
Ada 2 trik yang aku ajar ni. Boleh buat salah 1, ataupun nak buat dua dua pun boleh. 


Jadi kita mulakan.

A. TRIK GAMBAR TAK BOLEH DI DOWNLOAD

1. Pergi 'Dashboard'
2. Buka ruangan 'Template'
-Lagi baik 'Backup Template' blog kauorang dulu. Kalau tak tahu caranya. Tengok Tutorial : Cara Backup/Restore Template Blog
3. Klik 'Edit HTML'
4. Tekan Ctrl+F  dekat keyboard kauorang [serentak]
5. Cari kod dekat bawah ni :

</head>

6. Copy kod dekat bawah ni pula :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<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>
<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>

7. Paste kod yang di copy tu dekat atas atau sebelum kod </head>
8. Klik 'Preview Template'
9. Kalau tiada error, klik 'Save


B. TRIK DISABLE IMAGE RIGHT-CLICK

1. Pergi 'Dashboard'
2. Buka ruangan 'Template'
-Lagi baik 'Backup Template' blog kauorang dulu. Kalau tak tahu caranya. Tengok Tutorial : Cara Backup/Restore Template Blog
3. Klik 'Edit HTML'
4. Tekan Ctrl+F  dekat keyboard kauorang [serentak]
5. Cari kod dekat bawah ni :

<body>

6. Ganti kod <body> dengan kod dekat bawah ni :

<body onmousedown='return false' oncontexmenu='return false' onselectstart='return false'>

7. Klik 'Preview Template'
8. Kalau tiada error, klik 'Save'

Sila bagitahu kalau menjadi dan bagitahu juga kalau tak menjadi. ;)







Related Posts Plugin for WordPress, Blogger...

No comments:

Post a Comment

Dah baca kan? Komen lah sikit. Sikit pun jadilah.
Fikir sebelum menaip. ;)