Search for Archive .. Or Search Article

GOOGLE

Static Page is now Compatible with AutoReadMore


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 = &quot;float&quot; ;
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 != &quot;static_page&quot;'>
PLACE YOUR AUTO-READMORE CODE HERE
</b:if>
And all for the result will be like this:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
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>
SAVE TEMPLATE

NOTE : Static page now will automatically compatible with your template.

Finally you made it, ^_^!
Congratulation
Related Posts
Sponsor

12 comments :

Do not spam,porn,violence and gore!

  1. nice article friend. dari o-om sobat ya ^_^

    ReplyDelete
  2. thanks for share information

    ReplyDelete
  3. waow... pake bahasa keju... kintaro kagak ngarti mah klo gni ;))
    minta tolong mbah google dolo ah =))

    ReplyDelete
  4. saya pake editor lama aja ah ;))
    gak ngerti asli kalo pake auto read more model kek ginih...sip sip sip

    ReplyDelete
  5. hi..friend
    this nice info..
    thanks for sharing..
    have u visiting my blog again..:D

    ReplyDelete
  6. Hmm.. emang terkadang kureang pas ya.. BolEhlah untuk Infonya sob

    ReplyDelete
  7. kemarin bnyak yg tanya cuma ytak jawab langsung deh ilham
    soalnya udah tak pos di penampilan widget tertentu mau post khusus soal ini ndak adawaktu he

    offline banyak kerjaan

    ReplyDelete
  8. Seep dwedh mas.... ^_^
    yoo wiss gx pa2 lah...

    ReplyDelete
  9. hm....dalam bahasa inggris ya. T_T

    ReplyDelete
  10. selamat menunaikan ibadah puasa


    jangan lupa mampir ke om canel ya???

    ReplyDelete