Disable Right Click Only Images For Blogger

<script type="text/javascript">
 $(document).ready(function(){
          // this part disables the right click
  $('img').on('contextmenu', function(e) {
   return false;
  }); 
         //this part disables dragging of image
  $('img').on('dragstart', function(e) {
   return false;
  }); 

 });
</script>

Add Read More Button in Blogger

Template >> Edit HTML >> and search for the <data:post.body/>. After finding the tag just below it paste the following piece of coding.


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Past Below Code/Above </head>

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400;  /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 200; /*Image Height*/
img_thumb_width = 200; /*Image Width*/
</script>
<script type='text/javascript' src='http://netoopscodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>