Senin, 27 Agustus 2012

Cara membuat readmore di postingan blog anda


Silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa (centang kotak di pojok kiri) pada  "Expand Widget Template"
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'/>

 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;
SELANJUTNYA</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Selanjutnya bisa anda ganti dengan
Readmore, atau apa yang mau anda tulis

klik save template seblum itu pratinjau dulu

selesai da membuat scroll bar!!!! SELAMAT MENCOBA !!!!!!

Tidak ada komentar:

Posting Komentar