Auto Readmore blogger widget html code

Auto Readmore blogger without Javascript



1. Login to blogger and go to template> edit html

2. Find code (ctrl+f) ]]></b:skin> , copy and paste in above that.


.thumbnail-post {
  width:240px;
height:156px;
float:left;
margin:0px 10px 0px 0px;
}


Find code  <data:post.body/> and replace with code in bellow

 

<b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'><img class='thumbnail-post' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
    <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://lh4.googleusercontent.com/-fHGHc3h53Kg/VuDiQ0lcLwI/AAAAAAAAAFU/-tvh_a0Az6c/w600-h450-no/cantik.jpg'/></a>
    </b:if>
    <div class='post-snippet'>
    <data:post.snippet/>
    </div>
    <div class='rm-button-wrap'>
    <a class='button' expr:href='data:post.url'>read more</a>
    </div>
    </b:if>
    </b:if>
    
    <b:if cond='data:blog.pageType == "item"'>
    <data:post.body/>
    </b:if>
    <b:if cond='data:blog.pageType == "static_page"'>
    <data:post.body/>
    </b:if>




and save template