RSS2.0

Memasang Read More Otomatis

Rabu, 12 Januari 2011


Memasang "read more" otomatis di blog sangat menguntungkan kita, diantaranya:
1. Postingan Blog akan tertata rapi
2. Bila kita lupa memberi read more saat kita memPUBLISH suatu artikel maka dengan sendirinya read more akan muncul tanpa kita suruh.
Salah satu contohnya bisa di lihat di blog saya yang tampilan postinya selalu tertata dengan rapi.
Nah pengen segera membuatnya? Ikuti tutorial di bawah ini:
1. Login dulu di Blogger
2. Masuk ke Rancangan / Design
3. Pilh Edit HTML
4. Centang Expand Tamplate Widget
5. Cari kode </head>
6. Letakan kode di bawah ini persis di bawah 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


*Anda bisa merubah Summary_noimg untuk tinggi article terpenggal tanpa image dan summary_img untuk tinggi artikel yang terpenggal dengan image


7. Setelah itu cari code
<data:post.body/> atau <p><data:post.body/></p>
8. Ganti code tersebut dengan code 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>


Semoga Berhasil

0 Komentar:

Posting Komentar