Home » Posts filed under Blogger Security
Posted by
Unknown
Here is a most important trick every blogger need. This trick is about how to protect all your images in your blog with a transparent image covered on it. I recently posted an article about
How to protect images? .This article about to protect all images.
Related ArticlesHow to protect images in your blog?Do you want to see demo? Try to save picture in this blog.
----------------------------------------------------------
What's inside this article
Step 1: Add jQuery plugin (if your blog have a jquery plugin,ignore this step)- Go to Template->Edit HTML [A dialog box appears click Proceed]
- Copy and paste the below code <head> and save it
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
- Go to Blogger Account
- Template->Edit HTML [Click Proceed]
- Copy the code above </head>
Protect only First image in every Post
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img:nth-child(1)").after("<img src=\"http:\/\/i.imgur.com\/eYKPf7b.png\" alt=\"fe-blogger protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
Protect all images in every post
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".post-body img").after("<img src=\"http:\/\/i.imgur.com\/eYKPf7b.png\" alt=\"fe-blogger protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
});
//]]>
</script>
I think you liked this article...please like and share..
Posted by
Unknown
This is an awesome trick to protect your images.You can protect your images from copying with this Simple CSS Blogger Tricks.After applying this trick the person who save the image will get a transparent image instead of the original image.
Demo
Protect your image with CSS overlapping
- Go to Blogger Account
- Use the Following trick
<img src="
Place image URL Here" />
<img border="0" src="http://i.imgur.com/eYKPf7b.png" alt="NetOops protected image" width="200" height="200" style="left: 0px; opacity: 0; position: relative; top: -216px;" />
- You can use this code anywhere, if you want to protect an image in your post. Add image and switch to HTML tab and copy the URL of image(eg- http://3.bp.blogspot.com/-xxxxx/xxxxx/s1600/name-of-image.jpg) and paste to that code mentioned above.
- That's it.
Protect your image with SPAN background
<span style="background-image: url(
Place image URL here)"><img src="http://i.imgur.com/eYKPf7b.png" width="200" height="200" border="0" alt="NetOops protected Image."></span>
If you liked this article please share and like....
Posted by
Unknown
Here i'm saying about an important topic that i had posted early "
How to Backup/Restore Blogger Template? ". But i'm going to show you How to Backup/Restore Blogger Template in New Blogger Template . Now a days Blogger default interface is Upgraded New Blogger Interface. Backup/Restore Template is so important,So don't take this as a silly matter.
Read Following see How to backup template in New Blogger Interface..
CHECKOUT OTHER SIMILAR POSTS
How to Backup/Restore Template
- Go to Blogger Account
- Select Template [as shown in fig.]
- Click on the Button Backup/Restore in Left top .
- A box appears [as shown in fig.]
- As shown in the above fig.
- Click on Download Full Template to download Template.Save it
- Click on the Browse to Restore the early downloaded Template.
- That's all ..Enjoy with us...
Check out other Blogger Tricks HERE and Blogger jquery Widget Generators HERE
Posted by
Unknown
Copying blog posts or articles from sites/blogs on internet is a usual thing.Here i am going to share you how to protect your blogger posts/articles form getting Stolen.This is a trick to lock your text and the visitors of your blog can't select the text only they can read the text. If they cracked that method and select the text there is another trick to disable right click menu,so they can't copy text.. Enjoy...
To view Demo click the link below:- Open this link and try to select text..Or do a right click..
View Demo Copy the Following CSS codes to your Blog
- Go to Blogger Dashboard
- Select Template->Edit HTML click Proceed [or Use Alternate Way to copy CSS code]
- Find ]]></b:skin>
- Copy the following code and save
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
user-select:none;
Disable Right Click
- Copy the following code inside <head>
<script src='http://netoopscodes.googlecode.com/svn/branches/Js files/disable right click.js' type='text/javascript'/>
I think this article will surely help you...if you liked this please share...
.jpg)
