Powered by Blogger.

Cara lengkap membuat read more otomatis pada postingan blog

Tiada yang mustahil jika kita terus mencoba...hehehe penulis memberikan sedikit pepatah...
nah sama juga dengan yang satu ini..cara membuat read more otomatis pada postingan blog...untuk lebih lengkapnya lagi ikuti cara pembuatannya dibawah ini..

1. login ke akun blog sobat
2. pilih template - edit HTML
3. tekan contrl + F kemudian cari kode </head> 
4. kemudian letakan kode berikut tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; 
//]]>
</script>

5. jangan dulu di simpan template 
6. langkah selanjutnya cari kode <data:post.body/>
7. setelah ketemu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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:left'><b>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

8. klik pratinjau template dan lihat hasilnya,kalau hasilnya sudah mantap sekarang anda simpan templatenya....


Hehehe,,mudahkan....semoga artikel ini berguna buat anda
Comments
0 Comments
Facebook Comments by ABT

0 comments

Post a Comment

Silahkan Masukan Komentar Sobat..Dengan syarat jangan sampai ada unsur sara dan pornografi..Atas pengertian sobat saya ucapkan banyak Terima Kasih.