cara membuat read more otomatis pada blog

kali ini saya mau posting cara membuat read more otomatis pada blog.oh iya gan apakah agan pernah membuat read more secara manual????,pasti repot harus mengedit posting satu persatu hehehe.dari pada tangannya jadi beku (alias kaku) mending pake read more otomatis

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

1.pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

(1)




(2)




(3)

2.Selanjutnya,cari kode </head> (kalo gak ketemu gunakan tekan ctrl-f lalu masukkan kode </head> tadi pada kolom)setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

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

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

4,1.Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut 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'>
<strong><a href='http://caraandinformasi.blogspot.com/2011/11/cara-membuat-read-more-otomatis-pada.html'>| <em>sumber read more</em> |</a></strong></p></b:if>

4,2.Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut 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'>
<strong><a href='http://caraandinformasi.blogspot.com/2011/11/cara-membuat-read-more-otomatis-pada.html'>| <em>sumber read more</em> |</a></strong></p></b:if>

5.Lalu simpan templates dan lihat hasilnya.

Untuk yang terlanjur 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>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 4,1 maupun cara 4,2.

Semoga artikel ane berguna bagi agan agan semua