Cara Membuat Read More Otomatis pada blogger

selamat sore sobat blogger !!(waktu saya mosting pas sore hehe!!) pada kesempatan kali ini saya akan membahas tentang Cara Membuat Read More Otomatis pada blogger. ilmu ini di dapat dari pelajaran-blog

sebelum saya posting tutorial ini, blog ini masih menggunakan read more fitur blogger, menurut saya lebih keren dengan Auto Read More, selain lebih keren kita tidak perlu menambahkan script seperti ini



saya tau kalau sebenarnya saya ganteng
<span class="fullpost">
saya ganteng
</span>

jadi tidak usah repot!!

Langsung Ke Tutorialnya Ya!!!

1. login ke Blogger

2. masuk ke dashboard >> rancangan >> edit html.

3. centang Expand Template Widget

4. cari kode </head> biar cepet klik ctrl+f

    kopikan script beriku tepat dibawah kode </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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> atau <p><data:post.body/></p> dengan ctrl+f

kata pelajaran-blog ada 2 cara yaitu =

• Auto ReadMore dengan Gambar
• Auto ReadMore dengan Text

@ Auto ReadMore dengan Gambar

6.1  ganti kode no 5 dengan kode dibawah 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'><img alt='Read More..' src='http://urlgambar-readmore-anda.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://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

Ganti  http://urlgambar-readmore-anda.jpg dengan url gambar ReadMore anda!!

 @ Auto ReadMore dengan Text

6.2 ganti kode no. 5 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://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

ganti Read More.. dengan kata2 anda

sudah selesai postingan saya kali ini moga bisa bermanfaat gan!
akhir kata assalammualaikum wr wb !