How to add Read More on Blogspot ?

Posted: August 24, 2009 in Blog Trick and Wiget

Seringkali kita merasakan posting dalam blog panjang sangat dan kekadang nak buat dia separuh sahaja then click kat read more untuk selanjutnya bukan? . ok so kali ini MR J nak bagi sedikit tutorial mengenai “how to add read more” . Tapi sebelum itu sila lihat Demo kat sini. Dah lihat bukan? adakah itu yang ada maksudkan ? , jika ya jom kita terus buat tutorial ini.

Pertama Click pada HTML anda dan lakukan sedikit back up dengan copy & paste code lama anda yang ada dalam HTML itu ke dalam Notepad , manatahu kot – kot tutorial tak menjadi nanti i pula dipersalahkan .

Ok kita bermula click dahulu “Expand widget template”

Dibahagian HTMLcari <head> dan paste kan kod dibawah ini . cth paste dibawah <head> .

copy dari bawah ini.

<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>

Lepas itu masih dihalaman HTML cari <data:post.body/> dan tukarkan dengan kod dibawah :

<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’>READ MORE – <data:post.title/></a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

Dan preview , jika dah ada keluar ada READ MORE pada setiap posting anda itu bermakna anda berjaya.. yeeeeee…

function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;} html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left; }Share on Facebook

Iklhas ,
Mr.J @ Bungai Pengrindu
Admin
www.pengerindu.com

Don’t forget to Follow / Subscribe Bungai pengrindu

Add to Google Reader or HomepageSubscribe in NewsGator OnlineAdd to My AOLAdd to netvibesSubscribe in BloglinesAdd to The Free DictionaryAdd to PlusmoSubscribe in NewsAlloyAdd to Excite MIXAdd to netomat HubAdd to fwickiAdd to WebwagAdd to Pageflakes

Dapatkan Artikel terbaru dan 10 ebook Percuma daripada http://www.Pengerindu.com serta artikel terbaru terus ke email anda. Sila masukkan email anda dibawah:

Penghantaran ditaja oleh FeedBurner

Program SMS Prepaid Terunggul Dari MYeCASH

adv_username = “jacky_romeo”;
adv_gid = “jacky_romeo_default”;
adtype = “468×60”;

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s