Cara Membuat Read More (Part I) di Blog

Admin    11:49:00 AM    Read More , Tutorial , Tutorial Blog   

Sebenarnya banyak blogger yang mempostingkan Tips ini, namun saya menulis ini juga supaya saya tidak lupa.

Langsung saja berikut langkah-langkahnya :

1. Masuk Blogger pilih Template

2. Centang Expand Template Widget

3. Cari kode </head> Supaya cepat klik Ctrl F

4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>

5. cari kode <data:post.body/> dan Ganti 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'>READMORE...&#187;&#187;&#160;&#160;</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :

READ MORE : bisa diganti sesuai selera

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera

summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera

img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera

img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Save Template dan lihat hasilnya.

Selamat Mencoba Semoga bermanfaat.