Cara Memasang Readmore Otomatis Di Blog

 

Berikut Langkah-langkah Memasang Readmore Otomatis Di Blog:
1.Login account Blogger anda
2.Rancangan>>Edit HTMl>>Dan centang"Expand Template Widget"
3.Selanjutnya cari kode  

</head>

Dan letakan code berikut diatas Code diatas

<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 src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

4.Kemudian cari  kode <data:post.body/> atau <p><data:post.body/></p>

Read More Button Otomatis menggunakan gambar 
hapus kode <data:post.body/> atau <p><data:post.body/></p>
dan gantilah dengan kode berikut:

<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'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
(Text berwarna merah adalah Button Readmore yang anda gunakan,anda bisa mengantinya   
>>.http://photobucket.com/ <<<Icon Readmore anda bisa mencarinya disini)


Read More Button Otomatis hanya berupa text 
hapus kode <data:post.body/> atau <p><data:post.body/></p>
dan gantilah dengan kode berikut:

<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'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>

(READ MORE: Anda bisa menganti nya dengan keinginan anda, misalnya:baca selengkapnya,More, DLL)

6. Lalu simpan templates dan lihat hasilnya.

Untuk yang telah menggunakan read more secara manual ,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Com-HF | All About Computer - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger