Cara membuat read more otomatis pada blog

Read more pada blog sangat penting untuk kita tampilkan.

Selain membuat blog kita semakin rapi tetapi juga ringkas.

Jika blog sobat ingin menambahkan read more otomatis,

Di bawah ini caranya:

1. Login Blog

2. Template

3. Centang expand widget

4.  letakkan kode ini, di atas </head>

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

5. Ganti kode <data:post.body/> atau <p><data:post.body/></p>  dengan kode di bawah ini

<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/>

</b:if>

6. Simpan

Apabila read more nya di gantikan dengan gambar,

 di bawah ini caranya:

Kode  yang menggantikan <data:post.body/> atau <p><data:post.body/></p>

<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://images.cooltext.com/2342358.png'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if> 

Kemudian  simpan.



url image di atas demikian gambarnya





Ganti gambar sesuai kenginan.

Semoga tutorial cara membuat read more otomatis pada blog nya bermanfaat.