Rabu, 13 Agustus 2014

Panduan Cara Membuat Readmore Otomatis

Panduan Cara Membuat Readmore Otomatis. Berikut ini adalah panduan untuk cara membuat readmore  otomatis untuk blog. Silahkan dibaca dan diterapkan untuk memasang readmore otomatis di blog.
  • Log in ke blog anda
  • KLik Rancangan / Template
  • KLik Edit HtmL
  • Cari Kode </head>
  • Dan Letakan kode di bawah ini Di atas kode </head>
<script type=text/javascript>
var summary_noimg    = 300,
    summary_img      = 300,
    img_thumb_height = 80,
    img_thumb_width  = 90;
</script>
<script type=text/javascript>
//<![CDATA[
/**
 * =======================================================================
 * Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo
 * =======================================================================
 */
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 alt="" src=" + img[0].src.replace(//s(320|400|640|1600)/, "/s" + img_thumb_width) + " 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>

  • Simpan template
  • Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode <data:post.body/>, Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini
<b:if cond=data:blog.pageType == &quot;item&quot;>
<data:post.body/>
<b:else/>
<b:if cond=data:blog.pageType == &quot;static_page&quot;>
<data:post.body/>
<b:else/>
<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>
<a class=more expr:href=data:post.url> READMORE....!! </a>
</b:if>
</b:if>
  • Klik Simpan Template
Sekarang readmore otomatis di blog sudah terpasang. Semoga bermanfaat.

Sumber
http://sin1aja.blogspot.com/2012/05/membuat-readmore-otomatis-part.html

Tidak ada komentar:

Posting Komentar