Add special read more with thumb in your blogger blog easily. 0

Hi friends now add this special read more trick in your blogger blog with thumb style easily.

Follow simple and easy step to adding this trick in your blogger blog ---->>>

* First go to your blogger Dashboard .

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Find this code </head> by CTRL+F key by your browser.

* Now copy below code and paste before </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 100;
summary_img = 200;
img_thumb_height =300;
img_thumb_width = 200;
</script>
<script src='http://yourjavascript.com/12167124312/autoreadmorestyle.js' type='text/javascript'/>
</head>

* Now again find this code <data:post.body/> by CTRL+F key.

* Now remove <data:post.body/>  by Below code -->>>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

Note :- You can change Read More>> with your read more image easily . for this step remove Read More>>  with below image source--->>>

<img alt="Read More" src="Your_Image_Url _Here" fix="tofix"/>
* Now save your blogger template and you are done enjoy.

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: Add special read more with thumb in your blogger blog easily. ~