Membuat Readmore Otomatis di Blogger

0 komentar


Dengan memasang script (kode) dibawah ini maka secara otomatis ketika antum memposting artikel akan ada "readmore" yang otomatis terpasang. Langkah-langkahnya adalah :

1. Masuk ke account blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template".

2. Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

Intanbih !! : perhatikan tulisan berwarna merah !!

Summary noimg 430 adalah tinggi artikel terpenggal tanpa image
Summar img 430 adalah tinggi artikel terpenggal dengan image

3. Cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

GANTI kode tersebut 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'>&#187;&#187;&#160;&#160; READMORE... </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Intanbih !! : perhatikan tulisan berwarna merah !!

Tulisan READMORE.. bisa diganti dengan yang lainnya seperti BACA SELENGKAPNYA atau BACA LANJUTANNYA dan sebagainya.


Share this article :

Posting Komentar

 
TEMPLATE ASWAJA| Media Pondok Pesantren Al Islami Balikpapan - All Rights Reserved
Supported : Johny dan Mas Themes