Cara Membuat Read More Blogspot Terfavorit

Cara Membuat Read More Blogspot Terfavorit
dari beberapa cara membuat read more ternyata ada cara membuat read more yang terfavorit
cara membuat read more ini saya ambil dari situs sang pakar,setelah aku posting ternyata banyak yang makek,dan teman temanku juga bilang kalau read more yang satu ini asyik banget,selain mungil,bagus juga bawaannya ringan banget.
cara langsung lihat dibawah ini ya:
Cara Membuat Read More Blogspot Terfavorit
login,lalu klik edit html.lalu cawang Expand Widget Templates,terus cari <data:post.body/> lalu ganti dengan kode ini:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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></b:if>
lalu cari </head> dan taruh kode dibawah ini dibawahnya:
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
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 simpan deh.
sumber utama: http://www.deluxetemplates.net/1999/04/automatic-thumbnail-and-read-more.html
semoga manfaat ya,dan silahkan bandingkan dengan read more yang lain:

13 komentar:

  1. kereeeeeeeeeen......manteeeeeeeeeefff

    BalasHapus
  2. terima kasih sudah brknjung dan atas komentrnya buat admin dan newbie
    smoga mnfaat yaaa

    BalasHapus
  3. sip coba dulu deh

    BalasHapus
  4. syukron katsiron ilmumya ya

    BalasHapus
  5. makasih mas bro... blogku jadi bagus dech

    BalasHapus
  6. siip tmpltnya. pas banget : ini hslnya dah http://muvids-opix9.blogspot.com/

    BalasHapus
  7. oke sama sama mas bro
    entar aku berkunjung insya allah

    BalasHapus
  8. sukses mas,sekalian izin dicopy nih.makasih ya...

    BalasHapus
  9. sukses gan,sekalian ijin ngopy ya

    BalasHapus