Home » » read more otomatis

read more otomatis



..udah lama nih aku gak mosting. hehehe...

ehm. mungkin, nie bukan hal baru buad temen2. tapi ya.. sapa tau nie berguna buad yg lagi nyari.




langsung ke TKP aja ya?

dulu, biasanya kita buad read more di blogspot dengan cara:
masukin kode ini di bagian CSS:
 
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

truz masukin kode di bawah setelah <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>



"dan seterusnya"


..iya nggak? iya nggak? iya nggak?

kalo sekarang, gak usah susah2 lagi. kan ada yg otomatis. hehe..
pengen tau cara buatnya?

1. masuk ke edit HTML (centang Expand Widget Templates)

2. masukin kode di bawah sebelum </head> :

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; 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>

3. cari kode <data:post.body/> atau <p><data:post.body/></ p>
truz hapus kode tersebut lalu ganti dengan yg 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:right'><a expr:href='data:post.url'><br/><b>Read More...</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

keterangan:

kata Read More bisa di ganti sesuai ke inginan.
truz untuk summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120 bisa di ubah sesuai keinginan juggah. hii
# satu lagi, kata Read More juga bisa di ganti dengan gambar.
caranya: ganti tulisan Read More itu dengan <img src="URL-GAMBAR"/>

..udah dech. jadi. :)
Share this article :

+ komentar + 43 komentar

Tuesday, December 08, 2009 9:30:00 PM

kalo untuk classic kayak blog ku bisa gak

Tuesday, December 08, 2009 9:38:00 PM

:c: coba aja maz. mungkin bisa..

Tuesday, December 08, 2009 9:58:00 PM

Maksudnya otomatis itu gimana bro..??

Tuesday, December 08, 2009 10:01:00 PM

jadi lebih mantep dong sob klw pake itu :f:

Tuesday, December 08, 2009 10:02:00 PM

kalau untuk blogku kira kira cocok nggak ya???

Tuesday, December 08, 2009 11:11:00 PM

tambah sip ae tips2 nya nih bro! btw untung templatku dah auto readmore

Wednesday, December 09, 2009 12:36:00 AM

mantap sob......tetap semangat...

Wednesday, December 09, 2009 8:25:00 AM

aaahhh akhirnya.... posting jg hihihihi...
makasih yah tutornya....

Wednesday, December 09, 2009 11:36:00 AM

wah mantab kawan tutornya aq dh pakai sob.... nice blog.....

Wednesday, December 09, 2009 3:16:00 PM

@ semuanya, mksih uda ngoment. :j:

Anonymous
Wednesday, December 09, 2009 3:19:00 PM

Q pake template versi klasik....
kayaknya sulit bgt dibikin Read More....

Terpaksa dech klo mo ngirit halaman kudu pake Spoiler...

But,makasii yah tutorialnya....
Bole dicoba tu (:

Wednesday, December 09, 2009 4:51:00 PM

dulu pernah ngatur2 gini, tpi skrg dah pake template auto read more :c:

Wednesday, December 09, 2009 5:27:00 PM

ribet ya.. kalo di wordpress cuma kasih !--more-- aja...

Wednesday, December 09, 2009 5:58:00 PM

wah tips bagus mas, tetap semangat! ;)

Wednesday, December 09, 2009 6:28:00 PM

Wah2.. nice info...

lanjutkan tutorial yang lain ....
hihihih.....

Thursday, December 10, 2009 3:22:00 PM

sip dech .. semoga bermanfaat

Thursday, December 10, 2009 4:10:00 PM

mksih..

Friday, December 11, 2009 10:55:00 AM

salam sobat
trims ilmunya
saya dari dulu pingin buat read more otomatis seperti ini,,

Friday, December 11, 2009 1:00:00 PM

mantap dan ok bro..

Friday, December 11, 2009 1:02:00 PM

kalo punya saya sudah pake read more otomatis, memang praktis mas.

Friday, December 11, 2009 3:58:00 PM

Wah oke nih..!!!

Friday, December 11, 2009 4:05:00 PM

wow! mantep...!

Friday, December 11, 2009 4:28:00 PM

kren-kren2 sekeren blog ini...

btw. gimana sih buat slide show seperti di blog ini..

Friday, December 11, 2009 4:32:00 PM

blog yang keren...

itu untuk blogger ya...aku
kebetulan aku pake WP

salam kenal ya..main dung ketempat

Friday, December 11, 2009 8:35:00 PM

siip infonya sobat, kalo kami pake 2, manual dan otomatis, maklum masih pemula takut salah satu ada yang error

Saturday, December 12, 2009 11:42:00 PM

apa read more otomastis itu contohnya kayak yg dipake di blog ini yah..?

Sunday, December 13, 2009 9:56:00 AM

aha! siip............................

Monday, December 14, 2009 11:05:00 PM

Posting berguna nih. Salam

Tuesday, December 15, 2009 7:46:00 PM

yahaii..
wa'alaikum salam. :h:

Wednesday, December 16, 2009 6:16:00 PM

mKAsih soB......kEreN inFonya salam sUkses

Friday, December 18, 2009 1:59:00 PM

iyaa.. thankz blik ya gan! :h:

Saturday, December 19, 2009 3:42:00 PM

wah mantab sob tutornya... lanjutkan

Saturday, December 19, 2009 4:16:00 PM

iyaaa..:m:

Saturday, December 19, 2009 5:31:00 PM

rumit juga ya rumusnya.. biar gampang kayaknya mesti copas aja nih ah.. :D

Thursday, December 24, 2009 8:33:00 PM

hehe.. yapz! :h:

Sunday, December 27, 2009 1:01:00 PM

Kalau di wordpress, tinggal klik aja mas...

Thursday, January 14, 2010 3:37:00 PM

Wah, ada yg baru ya... saya kira fitur readmore udah disediain ama blogspot....

Thursday, January 14, 2010 4:07:00 PM

dulu nggak di sediain maz.
tapi kalo sekarang, udah kayak wordpress.
(tinggal klik insert jump break [semacam 'more'])
:h:

Friday, January 29, 2010 3:56:00 PM

Thanks dik...Mb pake saran di sini untuk read more...tinggal nyari artikel terkait

Wednesday, February 10, 2010 8:54:00 AM

thxs infonya gan....

Sunday, March 28, 2010 8:00:00 PM

dicoba awas gak bisa,
hahaha

Friday, April 23, 2010 10:38:00 AM

Makasih ya infonya gw butuh

Post a Comment

Silahkan berkomentar dengan baik, sopan, bijak dan membangun demi kepentingan bersama.

 
Support : My personal blog - Yusron Krista
Copyright © 2011. Leciku - Portal Berita Anak Muda - All Rights Reserved
Proudly powered by Blogger