Cara Membuat Auto Readmore di Blog

Cara Membuat Auto Readmore di Blog

Cara Membuat Auto Readmore di Blog - Cara Memasang Auto Readmore di Blog - Readmore Otomatis - Tips kali ini saya akan bahas mengenai Cara Membuat Auto Readmore di blog, caranya cukup mudah sobat tinggal ikuti beberapa langkah yang akan saya berikan, tanpa basa basi langsung aja yu.

Berikut langkah-langkah Cara Membuat Auto Readmore di Blog :

1. Langkah pertama masuk ke dashbord sobat.
2. Lalu Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode </head>, sobat bisa gunakan Ctrl+F atau tekan F3 untuk mempermudah proses pencarian.
4. Masukan script code di bawah tepat di atas kode point no 3 (</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, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

5. Langkah selanjutnya cari kode berikut <data:post.body/> (Gunakan Ctrl+F atau tekan F3 agar proses pencarian cepat
6. Ganti atau hapus kode <data:post.body/> dengan kode dibawah
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>

7. Langkah terahir simpan template

Nb. Sebelum nya alangkah lebih baik jika sobat backup dulu template sobat untuk mengantisipasi hal-hal yang tidak kita inginkan

Selamat Mencoba dan mudah-mudahan tips ini bisa berguna juga bermanfaat.
terimakasih


Mungkin sobat meminati :
Informasi Menarik | Cheat Terbaru | Info Lowongan Pekerjaan | Info Design | Info Gadget Terbaru | Sharing Ilmu Komputer | Tips dan Info terkini | Info Lirik Lagu Terpopuler