Auto Readmore Script on Blogspot

To be able to make auto readmoe in blogger, we need not require a plugin, just like in Wordpress, which is a skill needed edit-edit themes / templates.

OK, now log into your blogspot respectively, into the dashboard, then click on the blog design that you want to make auto readmore.
then click Edit HTML, and will appear strange code that not everyone likes. :D
To be more secure before editing, backup your existing template by clicking Download Full Template.

If you have, it's time to edit your template.
check the box on Expand Widget Templates, templates for out of all.
Find this code

<data:post.body/>

replace with this code

<b:if cond='data:blog.pageType != &quot;item&quot;'> <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> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read more... <data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Then you find this code

</head>

Replace with this script

<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 400; summary_img = 400; img_thumb_height = 120; img_thumb_width = 120; </script> <script type='text/javascript'> //<=!=[=C=D=A=T=A=[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]=]=> </script> </head>

then save (do not forget, shall save).
after that try to open your blogspot, now the article has been automatically logged out readmore.

Blogspot TrickJavascriptMenu Navigations

By Blogger Biasa - October 09, 2010 - Add Comment