Unique Script to add auto Readmore with clickable Thumbnail widget

Many blogger don't want to change blogger's default template for some reasons. Well don't ask me for what reason. Even i have no idea LOL! Anyways if you're using blogger's default template and you want to give your blog a profession look. Two simple steps to implement this auto readmore widget.

How to add auto read more with clickable thumbnail:

Many users keep asking for auto read more but clickable thumbnail widget. I thought to share this piece of code to make your blog a bit more user friendly!

Adding clickable auto read more JavaScript code

  1. Go to Dashboard > Template > Edit HTML > Expand Widget Templates.
  2. Now search for line
  3. Add below code above this line
JavaScript
<script type='text/javascript'> //<![CDATA[eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('D F(t,u){L t["\9\2\b\6\7\f\2"](/<.*?>/N,"")["\d\b\6\4\5"](/\s+/)["\d\6\4\f\2"](0,u-1)["\J\r\4\8"]("\3")};D X(I){Z n=P["\a\2\5\H\6\2\g\2\8\5\G\A\11\i"](I),v="",y=n["\a\2\5\H\6\2\g\2\8\5\d\G\A\w\7\a\R\7\g\2"]("\4\g\a");Q(y["\6\2\8\a\5\e"]>=1){v="\j\4\g\a\3\d\5\A\6\2\q\c\p\6\r\7\5\k\3\6\2\p\5\h\3\e\2\4\a\e\5\k\3\K\C\m\b\o\h\3\g\7\9\a\4\8\k\S\b\o\3\m\3\m\h\3\b\7\i\i\4\8\a\T\9\4\a\e\5\k\3\K\C\b\o\h\3\Y\4\i\5\e\k\3\U\C\m\b\o\h\c\3\d\9\f\q\c"+y[0]["\d\9\f"]+"\c\3\E\l"};n["\4\8\8\2\9\M\w\z\O"]="\j\7\3\e\9\2\p\q\c"+x+"\c\l"+v+"\j\E\7\l"+F(n["\4\8\8\2\9\M\w\z\O"],10)+"\B\B\B"+"\j\7\3\e\9\2\p\q\c"+x+"\c\l\3\V\2\7\i\3\z\r\9\2\3\W\j\E\7\l"};D F(t,u){L t["\9\2\b\6\7\f\2"](/<.*?>/N,"")["\d\b\6\4\5"](/\s+/)["\d\6\4\f\2"](0,u-1)["\J\r\4\8"]("\3")};',62,64,'||x65|x20|x69|x74|x6C|x61|x6E|x72|x67|x70|x22|x73|x68|x63|x6D|x3B|x64|x3C|x3A|x3E|x30|_1|x78|x66|x3D|x6F||_2|_0|_4|x54||_3|x4D|x79|x2E|x34|function|x2F|stripTags|x42|x45|_5|x6A|x31|return|x48|ig|x4C|document|if|x4E|x35|x2D|x32|x52|xBB|readmore|x77|var|60|x49'.split('|'),0,{}))//]]></script>
  • Now search and replace this line with above code. Click save!
  • Html
    <b:if cond='data:blog.pageType == &quot;index&quot;'> <span expr:id='&quot;p&quot; + data:post.id'><data:post.body/></span> <script type='text/javascript'>var x=&quot;<data:post.url/>&quot;;;readmore(&quot;p<data:post.id/>&quot;)</script><b:else/></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>