How to add Read More on Blogspot ?

Portal Blog yang mengupas, mengulas dan mengkritik serta berkongsi isu semasa yang Tidak anda ketahui dari Sabah dan Sarawak. Kongsikan pendapat atau apa jua Isu dengan Pembaca disini. ❂ admin@pengerindu.com ❂
Bukan Sekadar Weblog Biasa - Sejak 2009 "Terbaek. Pengetahuan yg luas dan sungguh menghiburkan para pembaca lagipun dgn brita terkini yg tepat dan padat. " - Jesrim Akok ✌ "macam macam ada..utk di kongsi bersama...nang best juak..teruskan usaha murni anda mr J. " - Habsah Mo C D ✌ "1borneo ba..sporting.. " - Dekmon Alan ✌ "macam2 ada..best!! terbaikkk!!! " - Anastasia Julie Lobert
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...




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


2 comments:

Tanpa Nama berkata...

COOL!!!. and its totally easy and workin on my blog!

Diana berkata...

Yes!!! its work too. Thank Mr.J

 SABAHSARAWAK
Bila Mr J Menaip
 ARTIKEL KIRIMAN EMEL PEMBACA ► Sila Hantar ke admin@pengerindu.com
+PENDAPAT  +KOMEN http://pengerindu86.blogspot.my► server ↑ 97%  
Stastitik

PENGERINDU.COM. Dikuasakan oleh Blogger.
 
Copyright © 2009 - 2015 www.pengeRindu.com - Bukan Sekadar Weblog Biasa | Voice of The People Sabah / Sarawak | Rise of DAYAK- All Rights Reserved ©