» » Cara Membuat Readmore Otomatis

14.52.00 3
A+ A-
Memang kalau kita memotong sendiri terkadang tidak akan pernah pas / tidak rata memotongnya, di tambah nih ya cara membuat readmore ini kalau memotong dia ada titik titiknya di ujung potongan, gimana sekarang tinggal pilih aja deh nih saya kasih tau versi-versinya [ Membuat Readmore Versi Blogger ] atau [ Cara Membuat Read More ( biasa saja ) ] oke lah langsung aja kita ke tahap pembuatannya...

* Login di blogger
* Tata Letak
* Edit HTML
Kemudian cari kode seperti ini <body>

copy paste kode ini da taruh tepat di atas kode tersebut

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
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>

* jika sudah simpan dulu template anda

* kemudian centang expand template widget
* cari lagi kode seperti ini <data:post.body/>
jika sudah ketemu hapus kode tersebut dan ganti sama kode yang ini

<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("summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Readmore</a></span>


</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

kemudian anda save template anda dan lihat hasilnya

penjelasan yang berwarna biru di atas :
summary_noimg = 500;

<--(artike di potong tanpa menampilkan gambar)
summary_img = 500;
<--(artikel di potong dengan menampilkan gambar)

img_thumb_height = 200;
<--(tinggi gambar)

img_thumb_width = 200;<--(lebar gambar)

semoga bermanfaat...

Share to:

Posting Komentar

  1. kampung onlineSabtu, 02 Oktober, 2010

    Saya cari cara buat scroll widget otomatis, apa ada??

    BalasHapus
  2. Agri SatrioKamis, 25 November, 2010

    Thanks a lot gan

    BalasHapus
  3. Rizky LazuardiSabtu, 22 Januari, 2011

    ya udah di coba. . .
    jadi sih jadi . .
    tapi di laman berikutnya kalo di klik readmore nya ga berfungsi. .

    Gmn dong. .?

    BalasHapus

Langganan: Posting Komentar (Atom)
 
Top