Cara membuat Readmore otomatis pada blog

Berikut sedikit tips untuk membuat Readmore secara otomatis pada setiap postingan di blog, ikuti dan cernati langkah-langkahnya, sebagai berikut :

·  Login/masuk di akun blogspot anda

·  Jika sekarang anda telah masuk di akun blog anda, maka akan terlihat tampilan baru dashboard blogspot.

·  Lalu pilih pengaturan-pilih template-pilih edit HTML

·  Centang dulu Expand Template Widget

·  Cari kode </head> untukmempermudah pencarian ketik Ctrl+F , kemudian ketik/copy-paste kode </head>

·  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'/>

Catatan :

summary_noimg = 430; ~> adalah tinggi potongan artikel tanpa gambar

summary_img = 340; ~>adalah tinggi potongan artikel dengan gambar

img_thumb_height = 100; ~>adalah ukuran tinggi thumbnail

img_thumb_width = 120; ~>adalah ukuran lebar thumbnail

·  Setelah itu cari lagi 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'>&#187;&#187;&#160;&#160;Readmore…</a></span>

</b:if>

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

·  Tulisan yang berwarna merah pada kode, bias anda ganti sesuai keinginan anda, missal: Baca terus, selengkapnya dll.

·  Lalu simpan, bila masih ragu pilih pratinjau untuk melihat previewnya.

·  Selesai, naah ini screenshot hasilnya !

Sedikit tips ini semoga bisa bermanfaat untuk anda JBerikut sedikit tips untuk membuat Readmore secara otomatis pada setiap postingan di blog, ikuti dan cernati langkah-langkahnya, sebagai berikut :

·  Login/masuk di akun blogspot anda

·  Jika sekarang anda telah masuk di akun blog anda, maka akan terlihat tampilan baru dashboard blogspot.

·  Lalu pilih pengaturan-pilih template-pilih edit HTML

·  Centang dulu Expand Template Widget

·  Cari kode </head> untukmempermudah pencarian ketik Ctrl+F , kemudian ketik/copy-paste kode </head>

·  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'/>

Catatan :

summary_noimg = 430; ~> adalah tinggi potongan artikel tanpa gambar

summary_img = 340; ~>adalah tinggi potongan artikel dengan gambar

img_thumb_height = 100; ~>adalah ukuran tinggi thumbnail

img_thumb_width = 120; ~>adalah ukuran lebar thumbnail

·  Setelah itu cari lagi 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'>&#187;&#187;&#160;&#160;Readmore…</a></span>

</b:if>

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

·  Tulisan yang berwarna merah pada kode, bias anda ganti sesuai keinginan anda, missal: Baca terus, selengkapnya dll.

·  Lalu simpan, bila masih ragu pilih pratinjau untuk melihat previewnya.

·  Selesai, naah ini screenshot hasilnya !

Sedikit tips ini semoga bisa bermanfaat untuk anda J