Home » » Readmoree Posting Blog

Readmoree Posting Blog

Di Posting Oleh : Admind.msc- The Vamphire 8.03.2011 -4:42 PM


Salam sobat Blogger seluruh dunia.Kali ini saya akan shere tentang Read more pada posting.Baiklah di sini Maksud dari read more adalah Fungsi membaca lebih banyak digunakan untuk memotong posting kita di homepage, posting akan muncul sepenuhnya ketika kita klik baca lebih banyak link. Ini dipotong secara otomatis dan jika kita menyisipkan gambar, muncul thumbnail.Hal ini otomatis membaca fungsi lebih dengan thumbnail. Kita hanya perlu mengatur kode HTML kita.Ikuti langkah-langkah:
1. Login dulu ke Blogger kemudian Pergi ke Rancangan klik Edit HTML"
2. Centang pada "Expand Template Widget"
3. Cari kode ini <data:post.body/>
4. Ganti dengan kode di bawah ini :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

<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:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span>

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

5. Sekarang, cari </ head> dan paste bagian kode berikut segera sebelum:
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
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>

Keterangan :
1. summary_noimg = 430; adalah posting dipotong tinggi tanpa gambar
2. summary_img = 340; adalah posting dipotong tinggi dengan gambar
3. img_thumb_height = 100; adalah tinggi gambar thumbnail
4. img_thumb_width = 120; adalah lebar gambar thumbnail

Share this article :

0 comments:

Post a Comment

Terima kasih telah membaca Readmoree Posting Blog, Jika ada yang Kurang Faham, kalian bisa bertanya melalui komentar, Terima kasih.