Cara Membuat Baca Selengkapnya Otomatis di Blogspot

Your ADS

Halo sobat blogger. Kali ini Blogging Campus bakal kasih tip gimana cara pasang baca selengkapnya otomatis di blogspot.
Sobat blogger udah pada tahu belum, buat yang sudah tahu, boleh memberikan komentarnya jika ada kesalaha. Untuk sobat blogger yang belum tahu, silahkan perhatikan dan baca dengan baik cara membuat baca selengkapnya otomatis di blogspot.

Caranya cukup mudah loh sobat, tinggal perhatikan script berikut ini:
<b:if cond='data:blog.pageType != "item"'>

<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'>Baca Selengkapnya/Read more - <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>


Nah, kemudian sobat cari kode <data:post.body/> trus sobat ganti dengan script diatas.
Sampe disini belum selesai sobat blogger, sobat blogger mesti mencari kode </head> kemudian sobat paste code script dibawah ini terpat diatas </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>


Kemudian sobat Simpan Templates deh.

Bagaimana sobat blogger? apa sudah faham?
Oh, iya Blogging Campus Lupa bilang gimane cara pasangnya.
Caranya :

1. Tentunya sobat sudah masuk kedalam Dashboard blogspot sobat ya. 
2. Klik Tab Design >> Edit HTML   
3. Nah, disitu terlihat script pada halaman tersebut, oh iya jangan lupa yah sobat centang Expand Widget Templates
4. Trus sobat cari code <p><data:post.body/></p>

Tinggal sobat ikutin deh langkah cara membuat baca selengkapnya otomatis di blogspot seperti di atas.

Your ADS