Posts
Melanjutkan posting sebelumnya yakni mengenai membuat READ MORE dengan menggunakan fasilitas Jump Break. Namun Read More yang telah kita buat tak terlihat hasilnya.
Nggak usah kwatir berikut ada triks lanjutan untuk mengatasi problem tersebut. Caranya dengan mengedit HTML.
Berikut langkahnya :
1. Login ke akun blogger Anda.
2. Klik Menu TEMPLATE.
3. Pilih Edit HTML.
4. Carilah kode </head> : ( untuk mempermudah pencarian Gunakan CTRL dan F).
5. Masukkan code di bawah ini tepat di atas </head> :
6. Kemudian sobat cari kode <data:post.body/>ganti 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> Readmore</b>
»»  
<data:post.title/></a> </span>
</b:if>
<b:if cond='data:blog.pageType ==
"item"'><data:post.body/>
</b:if>
Selesai sudah dan semoga bermanfaat..
Continue reading...
Berikut langkahnya :
1. Login ke akun blogger Anda.
2. Klik Menu TEMPLATE.
3. Pilih Edit HTML.
4. Carilah kode </head> : ( untuk mempermudah pencarian Gunakan CTRL dan F).
5. Masukkan code di bawah ini 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>
6. Kemudian sobat cari kode <data:post.body/>
Selesai sudah dan semoga bermanfaat..
