Minggu, 06 November 2011

MEMBUAT READ MORE SECARA OTOMATIS

Kali ini saya akan membagi artikel saya yang saya temukan waktu menelusuri mbah google
hehe...
artikel ini membahas tentang bagaimana cara membuat read more baca selengkapnya dll
tanpa harus menulis  <span class="fullpost"> di setiap kita menulis posting 
langsung aja deh
langkah:
-login ke blog anda
- ke Dasbor
- pilih rancangan 
 Kemudian pilih edit HTML
Lalu setelah itu ktik ctrl+f dan cari code </head>
paste code tepat di atasnya : 
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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>
setelah itu cari kode :
<data:post.body/>

ganti menjadi :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> Baca Terusannya</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
Setelah itu save dan ok 
^.^

3 komentar:

ShareThis

Pages - Menu

Pengikut

Profile

Translate

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

Tukar link

Retreading Blog

Blogroll

http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf

Blogger news

-6 'Senjata Panas' Siap Manjakan Photografer
-9 Fakta Unik Mengenai dinosaurus
-10 Labirin Rumit dan menakjubkan
-Mengeraskan Suara Pada Dzikir Sesudah Shalat
-Jenis-Jenis Atap Bangunan Sunda
-Video Trik Biliar Yang Mustahil Florian "Venom" Kohler"
-Show Time

Blogger templates