Saturday, 9 June 2012

Protect all images in your Blog jquery trick

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 Articles
How 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:\/\/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>

Protect all images in every post

<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>
I think you liked this article...please like and share..
 
:) :( ;) :D :-/ :x :P :-* =(( :-O X( :7 B-) #:-S :(( :)) =)) :-B :-c :)] ~X( :-h I-) =D7 @-) :-w 7:P 2):) :!! \m/ :-q :-bd ^#(^
Close [x]

44 comments:

  1. Image protection is much http://bit.ly/KXrI9u easier than other things.

    ReplyDelete
    Replies
    1. Thanks for your information.. :) I-)

      Delete
  2. Please tell me how to create pages like your pages with continue reading,comment etc...

    ReplyDelete
    Replies
    1. Each post has its own page ,When writing the post add to separate page first part shows on main page and when click Continue reading full post page will be displayed... :bd

      Delete
    2. Please tell me how to design background of each post like yours.I simply wan my website to be looked like yours....please help me...

      Delete
  3. Hello! thanks for the sweet comment on my blog! Your blog looks very professional and nice! I really like it! If you do not mind, we can follow each other!

    xx
    Diana
    http://double-ganger.blogspot.com

    ReplyDelete
  4. Why have you stopped posting , plzz continue posting , eagerly waiting :)

    ReplyDelete
    Replies
    1. i'm bsy with my studies ,don't wory i'll post interesting posts soon..
      very very thanks for your valuable response..:) :-bd

      Delete
  5. Your post was simply useful. Protecting our images in our post is important for me. You did a great share. Thank you.


    Shasing | professional seo services

    ReplyDelete
  6. But how can you prevent it if anyone right clicks on image>open link in new tab>right click on image on the new tab>save as image.

    Please reply...

    ReplyDelete
    Replies
    1. while doing this get a transparent image instead of original image..try to save the picture in this post http://netoopsblog.blogspot.com/2012/06/protect-your-images-blogger-image-hack.html

      :)

      Delete
  7. Your template is very nice can i get a template of your's.my email is spiceupblogging@gmail.com and my website is spiceupblogging.blogspot.com

    ReplyDelete
  8. Excellent sharing. Thank you so much for the information.


    Article Submission Service

    ReplyDelete
  9. First of all i just want to say that your blog is so attractive.i really like it.Your template is very nice and your post is really informative.This is really a great source of information.Thanks for sharing your experience with us.
    Learn How to Hack

    ReplyDelete
  10. Thanks for great information you write it very clean. I am very lucky to get this tips from you.

    SEO Milton Keynes

    ReplyDelete
  11. I liked the post very much.It is very helpful but it's not working on my blog.Help me.

    http://rajkikk123.blogspot.com/

    ReplyDelete
  12. I tried this....didn't work. Wonder what I did wrong? I followed the instructions to the letter...??
    Hmmmmm

    ReplyDelete
  13. Damn that is so good and i was waiting to have something like this so that I can prevent all my blogger images. click here for further more

    ReplyDelete
  14. blogger you must very good..
    http://santa-mars.blogspot.com/

    ReplyDelete
  15. Nice Article

    Regards,
    Navneet
    www.techravers.com

    ReplyDelete
  16. Nice Post..
    Keep it up..

    www.MoreBlogTools.com

    More Blog Tools

    ReplyDelete
  17. nice post.. thanks for sharing. http://jqueryexamplecode.blogspot.com/

    ReplyDelete
  18. can u help me...?
    i want related post style like that u see here ( http://i.minus.com/i5fXavlaprLSm.PNG ) ... but i dont know how to do.. pls help me that post..

    ReplyDelete
  19. thanks brother..
    its work at first page but not work at post page..
    why?

    visit : RED SHARE

    ReplyDelete
  20. didn't work :(

    http://anmari-ish.blogspot.com

    ReplyDelete
    Replies
    1. do it as mentioned in this tutorial.

      Delete
  21. Great article! Lots of ideas here guaranteed to make your blog search engine-friendly. In fact, I can’t think of anything else to add, as you’ve covered it all. Looking forward to reading more blog entries!

    I am a beginner, do you have any suggestions for my blog please,!! Commonwealth Life

    Many thank's..

    ReplyDelete
  22. Very good article. It is very good for protect my picture. Thank You very much. Visit me:
    Netfori

    ReplyDelete
  23. Top Most Expensive Cars, Top Most popular and Speed Cars with stylish and Beautiful Pictures.
    worldlatestvehicles.blogspot.com

    ReplyDelete
  24. Top Ten popular Female Singers in the World, Indian Singers, Pakistani Singers and American Singers hot News and Images
    hotentertainnews.blogspot.com

    ReplyDelete
  25. New Aston Martin Rapid, 2013 Hyandai Veloster Turbo Mazda Takeri Concept and Top Companies of Most popular Cars and Vehicles. Total Concept Cars in the World, Latest Strange Vehicles in the World, All Concept Cars and Strange Vehicles Hot pictures and info
    worldlatestvehicles.com

    ReplyDelete
  26. Great post...thanks for the reminder to blog about the everyday things that people want to read. As a real estate agent, I too struggle with what to blog about. Thanks!

    compare webmarketinngexperts.com.au

    ReplyDelete
  27. Hi Friends, Pls Try konstantin after fiverr.com. Its one the Best SEO Service Before I Used. Thank U

    ReplyDelete

Ask your thoughts to us,We are happy to help you.


1.Please don't Spam
2.We strictly recommend to Click on Subscribe to email

dreamhost coupons Ping Yahoo blogger tricks,make money online,seo,seo ranking,increase traffic,netoops,netoopsblog,blogger hack,blogger seo