Membuat Read More pada Blog gk sulit ko. Read More berfungsi untuk memotong artikel.. oke languns aja gmn cara nya ya..
Lalu Pilih Template kemudian Edit HTML
jangan lupa kasih conteng pada Expand Template Widget
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
Ganti kode " <data:post.body/> " tadi dengan kode di bawah ini
sukses sllu ya.. ^ ^
Lalu Pilih Template kemudian Edit HTML
jangan lupa kasih conteng pada Expand Template Widget
kemudian cari kode "</head>"
Lalu kemudian copy trs letakkan kode berikut tepat di atas " </head> "
Lalu kemudian copy trs letakkan kode berikut tepat di atas " </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>
Ganti kode " <data:post.body/> " tadi dengan kode di bawah 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;padding-top:20px;'>
<a expr:href='data:post.url'>
<b>Read more</b>
»»   </a></span>
</b:if>
<b:if cond='data:blog.pageType ==
"item"'><data:post.body/>
</b:if>
sukses sllu ya.. ^ ^
0 Komentar