Cara Membuat Redmore di Blog Secara Otomatis

Cara Membuat Redmore Otomatis di Blog. yang Fungsi dan keguna'anya Untuk Lebih Mempersingkat tampilan Posting yang ada di Blog.
jika kita memnggunakan Template Bawa'an Blogspot, maka harus menambahkan Redmore Otomatis sendiri,namun jika kita menggunakan Template hasil Donload ataupun beli template dari jasa pembuatan template blog, kebanyakan Redmor otomatis sudah ada, dan tidak perlu di tambahkan lagi.
selain mempersingkat tampilan posting Blog atau blog Kita lebih simple, Redmore Otomatis Juga membantu untuk Mempermudah Para Pengunjung Blog untuk Menemukan Artikel - artikel yang mereka cari.

Jika Anda Menggunakan Template Bawa'an Blogspot, dan ingin Menerapkanya di Blog Anda, Silahkan Ikuti Langkah - langkah berikut Ini :

1. Silahkan Buka Blog Anda.

2. Klik Template / Tema.

4. Klik HTML.

5. Lalu silahkan Cari Kode </head> ( Untuk mempermudah pencarian Gunakan Tombol ctrl + f ).

6. Letak'kan Kode scrips di bawah ini tepat di bawah kode </head>


<script type='text/javascript'>
var thumbnail_mode = "yes";
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 :

summary_noimg = 430; Jumlah huruf tanpa gambar
summary_img = 340; Jumlah huruf dengan gambar
img_thumb_height = 150; Tinggi Gambar
img_thumb_width = 150; Lebar Gambar

7. Cari Kode <data:post.body/> ( Kemungkinan ada 3, silahkan ganti semua ).

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div style='text-align:justify;' expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'><font color='#1780dd'>Baca Selengkapnya >>></font></a>
</b:if>
</b:if>


Keterangan :

Kode <font color='#1780dd'>Baca Selengkapnya >>></font></a> .
BACA SELENGKAPNYA ( diganti dengan kata yang kamu inginkan ) ,
Kode <font color='#1780dd'> kode warnanya, bisa diganti dengan warna yang Anda Suka. Kode [ >>> ] ini adalah kode tanda >>> setelah tulisan BACA SELENGKAPNYA ( Silahkan Sesuaikan dengan yang Anda Suka ).

8. Simpan dan silahkan Lihat Hasilnya.

itulah Artikel Cara Membuat Redmore di Blog Secara Otomatis.
Mudah - mudahan Artikel ini Dapat membantu Anda Semua.

Selanjutnya silahkan Kunjungi : Widged Yang di Rekomendasikan Agar Blog Seo.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.

irinmedia

Cara Membuat Redmore di Blog Secara Otomatis

More posts

Comments