Make your blog to automatically show thumbnail, and the link "Read more"

A very useful trick for each blog will show you today.
With the following code to your blog will automatically appear on the Home page thumbnail, and only adds to the "jump link" ie short button "Read more" we all know.



The only thing left to do is to write a post that includes a picture, and the script will do the rest work for you (ie to place the image in the right spot, with the dimensions that you specify, and displays the right of a quote from your post).


 If your post has no picture, then it will show only a portion of the text of the publication.


We suggest you make a backup before you install the script on your blog.

Please login to your blog
Pigenete to "Standard"
Click the "Edit HTML"
Select the checkbox "Expand widget templates"
Find the code </ head>
And replace it with the following code
<script type='text/javascript'>
var thumbnail_mode = "no-float";
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</ Script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js'> </ script>
</ Head>


Replace this code from any of the following variables like

summary_noimg = 430;: Size extract without picture
summary_img = 340;: Size extract image
img_thumb_height = 100;: Image Height publication
img_thumb_width = 120;: Image Width publication

 7. Now search for <data:post.body/> and replace it with the following code

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</ Div>
<script type='text/javascript'>
createSummaryAndThumb ("summary <data:post.id/>");
</ Script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'> <a expr:href='data:post.url'> Read more .. . </ A> </ span>
</ B: if>
</ B: if>

Finally save your template and check if everything was done correctly.

Note 1: In many custom templates, code <data:post.body/> will find it more than once. But what should change varies from model to model. Having a backup try replacing them one by one until you find the right one. It is usually the first choice to be found in the search.

Note 2: If you want to place the text "Read more" to add some custom image, replace "Read more ..." with this code <img href=' ADDRESS OF IMAGE EDO' />