expr:class="loading" + data:blog.mobileClass'>

18 Des 2011

Buat 'read more' otomatis

Bagaimana cara membuat readmore / baca selengkap nya secara otomatis di blogspot ??
Bagi para blogger pemula mungkin binggung bagaimana cara mempercantik blog agar para pengujung tidak bosan melihat nya. Ini adalah salah satu cara dari saya untuk membuat "readmore" otomatis. 

  • Yang pastinya kita harus Login di blogspot dulu.
  • Masuk ke Halaman design -> Edit Html. centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Lalu Simpan dan cek blog dg klik "view blog"

note : Script yang berwarna merah dapat anda ganti sesuai dengan selera 
anda masing - masing. 


SELAMAT MENCOBA

Tidak ada komentar:

Posting Komentar