Info Xt
Blog Kang Fikri
Selamat Datang Di Blog Info Xt
Terima kasih atas kunjungan Anda di blog Info Xt,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.
Jika Ingin copy paste artikel Info Xt Di harapkan meletakan sumber karena blog di lindungi DMCA Dan Copyscape

Cara Mudah Membuat Read More Otomatis di Blog



Cara Mudah Membuat Read More Otomatis di Blog – hello sobat selamat berkunjung di blog Info Xt padakesempatan sebelumnya saya posting tentang  Cara Membuat Auto Hide Search Engine Di Blog ,nah pada kesempatan ini saya akan posting lagi tentang tutor blog yaitu Cara Mudah Membuat Read More Otomatis di Blog . banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis.
apa sih Read more itu ?
 Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA”, ”LANJUTKAN MEMBACA”, dll.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.untuk lebih detailnya tentang Readmore liat contoh readmore di blog saya disini. ok langsung saja ya caranya ya.
  • Login blogger > Template > Edit
  • cari kode </head>
  • Copy code dibawah ini dan letakan di atas kode </head>
     <script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>  
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, (for blogspot)
    by: http://info-xt.blogspot.com/
    ********************************************/
    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>
  •  Kemudian cari kode dengan kata kunci nya Blog Posts kurang lebih seperti ini :
  • Jika sudah menemukan silahkan klik tanda panah kecil berwarna hitam seperti gambar diatas.
  • maka akan ada tampilan seperti ini :
  •  Cari kode yang ditandai kotak hitam yaitu : POST' VAR='POST
  • jika ketemu klik tanda panah hitam lagi
  • maka akan ada tampilan baru lagi dan cari kode di bawah ini :
 <data:post.body/>

  • jika ketemu hapus kode tersebut dan ganti dengan kode dibawah ini :
     <b:if cond='data:blog.url != data:blog.homepageUrl'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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>

  • Langkah Terakhir , Simpan Template anda
sampai disini dulu postingan saya.. jika ada yang di tanyakan silahkan berkomentar.
Enter your email address to get update from Info Xt.
Print PDF
Next
« Prev Post
Previous
Next Post »

Komentar yang bener aje ye... harus sesuai topic pembahasan, dan juga dilarang spam,sebar situs p*rno, dan terakhir jangan ribut .
jika melanggar komentarnya akan di hapus

Copyright © 2013. Info Extended - All Rights Reserved | Template Design by Kompi Ajaib | Redesign by Info Xt