Custom Search

Cara Cepat Membuat Auto Readmore pada Blog


Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya ????silahkan baca artikel dibawah ini..

Langkah :
  • Pertama masuk dulu ke akun blogger agan, 
  • Kemudian masuk ke Dashboard Blogger--Template--Edit HTML(JANGAN LUPA mencentang Expand Widget Template)
  • Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus
  • Cari tag </head> dan copy--kan script dibawah ini tepat dibawah tag </head>(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian)
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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(thumbnail_mode == "yes") {
    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>

                                                                                  Keterangan : Script berwarna biru adalah jumlah dan ukuran tampilan.
                                                                                   summary_noimg = Jumlah karakter tanpa gambar
                                                                                   summary_img = Jumlah karakter dengan gambar
                                                                                   img_thumb_height = Tinggi gambar {dalam pixel}
                                                                                   img_thumb_width =Lebar gambar { dalam pixel }

                                                                                  Anda bisa mengubahnya sesuai keinginan anda..............!!!!!!

                                                                                  • Kemudian cari tag <data:post.body/>  dan ganti tag tersebut dengan script di bawah 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'>Read More >></a>
                                                                                  </b:if>
                                                                                  </b:if>


                                                                                  Nah untuk saat ini cuma artikel ini yang bisa saya bagikan kepada agan semua, bila ada kekurangan mohon maaaf, kesempurnaan hanya milik ALLOH SWT.....Semoga bermanfaat !!!

                                                                                  Semoga artikel dari kami Cara Cepat Membuat Auto Readmore pada Blog ini bisa bermanfaat untuk sobat semua, dan jangan lupa dishare ya ? :D ?? Terima kasih. .
                                                                                  Share ke: Facebook Twitter Google+ Linkedin Technorati Digg

                                                                                  PERHATIAN

                                                                                  Anda baru saja membaca artikel "Cara Cepat Membuat Auto Readmore pada Blog", silahkan tinggalkan komentar atau saran yang baik. "DILARANG COPAS".
                                                                                  Karena artikel ini dilindungi oleh : DMCA Protected.
                                                                                  Terima Kasih Atas Pengertiannya. Sukses Selalu !!
                                                                                  auto insurance, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance ratings

                                                                                  ...