Cara Membuat Read More di Blogger

Yang Blognya Padet banget, pastinya memerlukan widget ini, fungsinya adalah membuat post pada blog lebih simple untuk ditampilkan, Sekarang, akan ku Ajarin gimana caranya membuat Read More OTOMATIS.

Begini Caranya. 

  1. Login ke Blogger
  2. Pergi ke Rancangan --> edit HTML
  3. Centang Expand Widget
  4. Backup dulu Template Teman.!!, kalo salah kan tinggal upload aja..!
  5. Nah, kita mulai cari-cari nih, Cari tulisan di bawah ini
<data:post.body> atau <p><data:post.body></p> ataupun sejenisnya (tidak jauh dari data:post.body)

Catatan:
kalo di templatenya ada 2 <data:post.body>, pilih yang PERTAMA..!! (di bawahnya tulisan " <div class='entry'> " )

Kemudian, Replace tulisan tersebut dengan tulisan di bawah ini..!



<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<div class='readmorecontent'>
<a border='0' class='readmore' expr:href='data:post.url'>


<br/><br/>


Read More...!


<br/><br/>


 </a>
</div>
</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></p>
Keterangan:
Ganti tulisan yang Berwarna MERAH dengan kata-kata Teman sendiri..!

Simpan template dan Selesai...!!

o iy, kalo teman ingin mengubah tulisan "Read More..." dengan Gambar, tinggal mengganti tulisan tersebut dengan kode berikut ini.:

<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>

Keterangan:
Ganti tulisan berwarna Biru, dengan Alamat gambar Teman..!

contohnya seperti ini:

jadinya seperti ini..!


<p>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<div class='readmorecontent'>
<a border='0' class='readmore' expr:href='data:post.url'>


<br/><br/>


<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>


<br/><br/>


 </a>
</div>
</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></p>


Jangan Lupa Komentarnya...!!! and keep Smile..!


EmoticonEmoticon