April 12, 2012

How To Protect Your Image Beign Form Copy


ပံုေတြကို တင္တဲ့ အခါ ကူးယူျခင္းမွာ ကာကြယ္နည္းေလးတစ္ခုပါ။ေထြေထြထူးထူး လုပ္စရာမလိုပဲ...CSS ကိုျပင္သံုးတာေလးျဖစ္လို႔
သံုးရတာ အဆင္ေျပမွာပါ။

ဘေလာ့မွာ ပံုကို တင္ရင္ Edit HTML ထဲမွာ ၾကည့္ရင္ ေအာက္က code လိုမ်ဳိးျဖစ္မွာပါ။

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqglKF8WFD1eUnwTLpV8L280rNhRXaBpIOgHO08cQClafu2A-AN2buFthdzjEgjh0MvTP6uWg7vQ4JvCvR-9urE2MO_cLzcQz9Ou7Ht5KZ6wDtc_mIAy99rm9p_zchMYh9d6j17XZLJ6nd/s1600/1.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="320" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqglKF8WFD1eUnwTLpV8L280rNhRXaBpIOgHO08cQClafu2A-AN2buFthdzjEgjh0MvTP6uWg7vQ4JvCvR-9urE2MO_cLzcQz9Ou7Ht5KZ6wDtc_mIAy99rm9p_zchMYh9d6j17XZLJ6nd/s320/1.jpg" /></a></div>

ေအာက္က ပံုေပၚမွာ right click ႏွိပ္ၿပီး ပံုကို save image as နဲ႔ သိမ္းၾကည့္ပါ။


အေပၚက ပံုကိုကူးၿပီး သိမ္းလို႔ရတာကိုေတြ႔မွာပါ။ဒါေၾကာင့္ အေပၚက code ကိုမသံုးပဲ...ေအာက္က code ကိုသံုးၾကည့္ရေအာင္.....
ဘေလာ့မွာ ပံုမွန္အတိုင္းပဲ ပံုကို တင္ၿပီး ပံုရဲ့ link ကို ေအာက္က code ထဲက YOUR IMAGE LINK ေနရာမွာ ထည့္လိုက္ပါ။


<div style="background:url(YOUR IMAGE LINK);
width:400px;
height:400px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio7NeFt2EKnyppSwN_WxZ-M9lGVYsfy3JBKKlQNfdMTtPtITNloZJdOvs8yR9mMR1Nv8z0hzjKxC229snwADIcHH4WBMLrI1r72LqQFG92DtpkOCJAZznZDIM9ar5GsJZ573brbBGMcB8n/s1600/2.png"
width="400" 
height="400"/>
<span style="
float:left;color:white;
margin-top:-200px;"> © Your_Blog</span></div>

ခု ေအာက္က ပံုမွာ right click ႏွိပ္ၿပီး save image as နဲ႔ သိမ္းၾကည့္ပါ။



© w2pro

အေရးႀကီးတာက ပံုႏွစ္ခုလံုးရဲ့ width နဲ႔ height က တူရမွာျဖစ္ပါတယ္။
ေနာက္ၿပီး copy right အတြက္စာေနရာျဖစ္တဲ့ margin-top ကိုလည္းသင့္ေတာ္ သလိုေျပာင္းေပးရမွာပါ။

ေနာက္နည္းတစ္ခုကေတာ့ JavaScript encryption ကိုလည္းသံုးႏိုင္ပါတယ္။

http://www.iwebtool.com/html_encrypter

တကယ္လို႔ သင့္ဘေလာ့က ပံုေတြကို search engine ေတြမွာ မေပၚေစခ်င္ဘူးဆိုရင္ ေအာက္က code ကို <head> ရဲ့ေအာက္မွာထည့္ေပးလိုက္ပါ။

<meta name="robots" content="noimageindex"></meta>


မွတ္ခ်က္မရွိေသးပါ...

 
©2013 by Way To Professional | Blogger Help