Pages

  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic
  • Image and video hosting by TinyPic

Minggu, 25 September 2011

Cara Membuat Read More / Baca Selengkapnya secara Otomatis

        Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi.
Membuat Read More atau Baca Selengkapnya pada postingan blog yang muncul secara otomatis tidak membutuhkan langkah yang rumit kok,anda tinggal copy paste kode HTML di bawah ini.

Pertama,anda login ke Blogger lalu klik Rancangan klik Edit HTML centang Expand Widget Template
lalu cari kode </head> letakkan kode HTML di bawah ini tepat 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'/>

Kedua ,cari kode <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>


Keterangan :

- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
- Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

 Ketiga, klik simpan Template...dan lihat hasilnya  
  

0 komentar:

Posting Komentar