Read More Otomatis ini saya dapatkan dari blog beberapa kawan yang nun jauh di
Cara nya adalah sebagai berikut :
Log In ke blogger >> Klik tata letak >> Edit HTML >> Chek Expand Wiget Template
(Jangan lupa Back Up Template sebelum melanjutkan)
Lalu Copy-paste kode javascript berikut tepat di atas kode </head>
______________________________________________________________________
<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>
_____________________________________________________________________
Lalu lakukan langkah berikutnya
___________________________________________________________________
<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>
______________________________________________________________________
Kemudian SAVE template dan selesai.
Oh ya Kita dapat mengatur nilai value kode berikut sesuai dengan kebutuhan
summary noimg= 430 – tinggi artikel terpenggal tanpa image
summary img=340 – tinggi artikel terpenggal dengan image
Bila kawan inginkan tulisan Redmore menjadi gambar kaya punya saya silahkan ikuti langkah berikut
10 komentar temen:
Mantabs infonya, jadi lebih praktis nich.
Salam sukses ya... :D
sip makasih juga digital baca........linknya udah aq pasang jd bisa sering maen ke digital baca deh....
cara itu udh banya dicoba bos tpi kok masih ga keluar readmorenya kadang malah kode yg dicari tdk ada.apa ada solusi bos...?
tank's
thanx ya buat panduannya.....
BERHASIIIIIIIIIIIIILLL!!! :D
THX A LOT!!!
hehe
nanti saya ulik2 lagi deh.......
hihiiii senangya :)
eh,,,tapi tumbnail foto yg d artikelny jd ada yg melar,heu heu...
*ngga ngerti
sama-sama mbakkkk.......hehehe
waaah mantep ni bisa buat artikel yang panjuang
mas aditya makasih nih atas step2 nya.....salam kenal....
mantep bro infonya. tp kok setelah di readmore kenapa postingannye jadi dobel ya? apa ada kesalahan ya?
Kirim Komentar » Blogger Comment Form