Many people asked me about how to use AutoReadMore that can fit the static page.Well, first we must know what is the 'static page'?
Static web page (Static Page) is a web page that is delivered to the user exactly as stored, in contrast to dynamic web pages which are generated by a web application.
After that , i will give you a little trick to do that.
Go to EDIT HTML
Find this code ]]></b:skin> , but it ussually between <head> and </head> code, then search your "AutoReadMore " script!
if you did'nt have an AutoReadmore Script, and place it in the top of this code </head> here is it:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 290;
summary_img = 300;
img_thumb_height = 50;
img_thumb_width = 50;
</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("<")!=-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+'" /></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
After you find the autoreadmore code, please add below code and put it in the top of autoreadmore code.<b:if cond='data:blog.pageType != "static_page"'>
PLACE YOUR AUTO-READMORE CODE HERE
</b:if>
And all for the result will be like this:
<b:if cond='data:blog.pageType != "static_page"'>SAVE TEMPLATE
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 290;
summary_img = 300;
img_thumb_height = 50;
img_thumb_width = 50;
</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("<")!=-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+'" /></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script></b:if>
NOTE : Static page now will automatically compatible with your template.
Finally you made it, ^_^!
Congratulation
12 komentar
jangan lupa mampir ke om canel ya???
yoo wiss gx pa2 lah...
soalnya udah tak pos di penampilan widget tertentu mau post khusus soal ini ndak adawaktu he
offline banyak kerjaan
this nice info..
thanks for sharing..
have u visiting my blog again..:D
gak ngerti asli kalo pake auto read more model kek ginih...sip sip sip
minta tolong mbah google dolo ah =))