Senin, 11 Maret 2013


Fungsi dari pemasangan Read More :

  • Menghemat Ruang pada tampilan halaman utama sebuah website.
  • Menjadi Lebih Elegant dan Interaktif.
  • Membuat pengunjung membaca artikel tersebut hingga selesai.
  • Menambah pageviews artikel yang dibaca oleh pengunjung.
  • Menambah Link Anchor terhadap keyword judul.

Oke deh lansung saja
caranya ikuti petunjuk dibawah ini :

  1. Cara Membuat Read more Otomatis di Blogger yang lebih berkualitas terhadap SEO :
    1. Login ke Blogger > Template > Edit HTML.
    2. Cari kode </head> , dan letakkan kode dibawah ini diatasnya :
    <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>
     3. Ganti kode  <data:post.body/>, dengan kode di bawah 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(&quot;summary<data:post.id/>&quot;);
    </script>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
    </b:if>
    4. Klik Pratinjau untuk melihat hasilnya. Jika sudah sesuai dan terpasang dengan benar klik Save Template.

    selesai deh....
    Keterangan 
    Read More kode warna biru di atas dapat diganti sesuai keingingan saudara.... misalnya dengan Baca Selengkapnya dan lain-lain.

0 komentar:

Search in here

My Friends

saya

Foto saya
banyuwangi, jawa timur, Indonesia