Cara Cepat Memasang Witged Readmore Otomatis Di Blogspot

cara membuat read more otomatis

Untuk memasang widget read more ini pun tidak terlalu sulit. Seperti biasa, sobat harus melakukan Login di Blogger,kemudian pilih menu Template. 

Selanjutnya pilih Edit HTML dan selanjutnya karna tampilan blogger sekarang terupdate jadinya gak ada expand widget langsung saja sahabat Cari kode script </head>. Untuk mempermudahkan pencarian, gunakan selalu Control+F atau tombol F3. 
Setelah ketemu, ganti kode tersebut dengan kode script di bawah : 
 
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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>  
 </head>


Langkah selanjutnya adalah cari kode <data:post.body/>, lalu ganti kode tersebut dengan kode yang ada di bawah ini. Perhatikan, kode script <data:post.body/> dalam sebuah template, mungkin terdapat dua atau tiga buah kode script yang seperti ini. Sobat bisa mencoba untuk mengganti secara satu persatu. Dan pada template blog yang ini, kode scrip <data:post.body/> yang saya gantikan adalah yang kedua. 

<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:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Setelah selesai, sobat bisa mencoba mengklik Pratinjau untuk melihat hasil editannya.

Komentar

  1. Kurus atau Gendut adalah pilihan, tapi makan enak adalah kebutuhan.
    Yuks mari makan >> Aneka Resep makanan, minuman dan camilan praktis,
    cocok untuk sehari hari dan jualan. Berbagai resep untuk pola hidup sehat.
    Monggo mampir

    BalasHapus
  2. Take professional expert help for Xplan software Report and many more. Best Assignment services in Australia, globally trusted, instant Support, Plag free solution, 100% safe, order now!

    BalasHapus
  3. Take professional expert help for Geotechnical Minerals Numerical and many more. Best Assignment services in Australia, globally trusted, instant Support, Plag free solution, 100% safe, order now!

    BalasHapus
  4. Take professional expert help for Analysis of a drug bound to a G protein-coupled receptor and many more. Best Assignment services in Australia, globally trusted, instant Support, Plag free solution, 100% safe, order now!

    BalasHapus
  5. I am glad i got to find your THIS site. I have been examining out a few of your articles and its pretty stuff to read. Visit Our Website Tel U

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Harga Dan Spesifikasi Sepeda Motor Terbaru Di Indonesia