Create auto title of the article plus ReadMore
Versi Indonesia:
With automatic Read More allocate all posts will be the same pieces and look neat.
To his usual tutorial into an account and edit your blogger html do not forget to check the "expand
whdget template" as shown below:
then look for the code ]]></b:skin> and place the code below right
after the code:
< script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 420;
summary_img = 250;
img_thumb_height = 140;
img_thumb_width = 120;
< /script>
< script type='text/javascript'>
//>![CDATA[
/******************************************
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("&dlt")!=-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>
then search for Html code < data:post.body/> atau < p>< data:post.body/>< /p>
replace with the code below:
< b:if cond='data:blog.pageType != "item"'>
< div expr:id='"summary" + data:post.id'>< data:post.body/>< /div>
< script type='text/javascript'>createSummaryAndThumb("summary< data:post.id/>");< /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 == "item"'>< data:post.body/>< /b:if>
notes:
to set pieces you are posting half this change.
== ¤ summary_noimg = 420; high intersection
articles without image
== ¤ summary_img = 250; high intersection article
with image
== ¤ to Read More text can be changed at will
when you finish do not forget to click the save
template.
bloggers now have support for the Read More, if
you want to allocate Read More pasilitas his
bloggers to read the tutorial Click here:==>>
Category: Tutorials blog
0 komentar