Auto Read More for belogcepot (BLOGSPOT)

Sory kalau misalnya repost, mudah-mudahan kagak.

ane cuma mau share gimana caranya bikin auto read more di blogspot, coz banyak yang nanyak ini itu baik via PM maupun YM dan kebetulan pas ditanya ane lagi bete, so, ane biasa bilang, gugel ajah.

Nah, kebetulan sekarang lagi mau share. perhatiin baik baik ya.

untuk dapat membuat auto readmoe di blogger, kita tidak perlu yang namanya plugin, seperti di wordpress, yang diperlukan adalah keterampilan edit edit themes/templates.

OK, sekarang login ke blog cepot ente masing masing, masuk ke dasboard, lalu klik design pada blog yang mau lo bikin auto readmore.
setelah itu klik Edit HTML, nah enta muncul kode kode aneh yang gak semua orang suka.
sebelum edit edit biar aman kalian backup dulu template yang ada dengan klik Download Full Template.

Jika udah, sekarang saatnya edit template ente.
centang kotak pada Expand Widget Templates, biar templetnya keluar semua.
cari kode ini

PHP:

<data:post.body/>

ganti ama yang beginian

PHP:

<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>

abies itu cari kode ini

PHP:

</head>

ganti pake ini

PHP:

<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>

lalu save (jangan lupa, wajib save).

setelah itu coba buka blogcepot ente, artikelnya dah otomatis keluar readmore kan..
gampang ko.. gitu aja ko repot..

kalau dirasa thread ini bermanfaat silahkan klik tombol like, kalau gak ada manfaatnya, silahkan enyah dari thread ini

buat sample silahkan liat teguhaditya.com

 

tapi baisa-y Q pakai tambahan code div gitu...

 

Brur, read more (manual) yg sdh terlanjur ada bagaimana? apa tdktumpang tindih (satu artikel ada 2 read more) ?

 

hapus dulu yang lama, baru ganti yang baru.....

 

Kayaknya klo login lewat draft.blogger.com udah muncul secara otomatis read more-nya.

 

waduh, makasih banget loh ini info nya..
cukup berguna kayaknya.. hhe

 

iya..
read more yang dibuat manual di hapus dulu..
script ini akan jalan jika javascript di client aktif..
kalau gak aktif maka artikel yang muncul ya semuanya..

 

lumayan.. dapet ilmu lagii... makasih gan....

 

sama gan... ane juga.......

 

Kayaknya sekrang tinggal nambahin di html tag nya aja dengan kasih tag <!-- more --> maka dia akan muncul terpecah...
Apakah yang di maksud spt yang ane punya di hxxp://toptravelgetaways.blogspot.com ?