Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

X

Profit setiap hari

Membuat Read More otomatis

Malam ini saya akan mempostingkan bagaimana membuat read more lebih interaktif, memang fasilitas ini telah ditambahkan oleh Blogger untuk akun baru namun tidak pada akun lama atau template buatan sendiri, untuk itu saya akan memberikan caranya untuk anda yang cukup sederhana.
1. Login ke Blogger
2. Buka laman rancangan >> edit HTML
3. Lakukan backup terlebih dahulu pada template anda untuk antisipasi lalu beri tanda centang
4. Cari kode berikut :
<div class='post-body entry-content'>
                                                      <p>
5. kemudian masukan kode berikut tepat dibawah kode tadi
Model 1
<div class='post-body entry-content'>
      <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:left'><a expr:href='data:post.url'>READ MORE &#187;  <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Model 2

<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 class='readmore' expr:href='data:post.url'>Read more &#187;</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>

 6. setelah itu cari kode
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

lalu masukan kode berikut setelah kode tadi
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
      </div>
    </b:if>
berlaku untuk kode model 1 dan model 2, ganti kata Read more sesuai  kehendak anda
Berikut hasilnya :
 model 1

  model 2

cukup mudah bukan ??selamat berbloger ria....

1 komentar untuk "Membuat Read More otomatis"

INCOME BLOGGER
Profit Blogger