Cara Membuat Readmore Otomatis di Blog

Cara Membuat Readmore Otomatis di Blog

Read more/baca selengkapnya adalah pemenggal postingan yang tampil di home page.Selain sebagai pemenggal artikel readmore juga dapat mengurangi load page dan sekaligus membuat blog tampak rapi.Untuk membuatnya sangatlah mudah sobat tinggal ikuti langkah-langkah dibawah ini.

1.Login Blogget.com
2.Buka halaman Rancangan --> lalu Klik Edit HTML
3.Download Template Lengkap untuk berjaga-jaga bila terjadi kesalahan edit.
4.Centang kotak Expand Template Widget untuk menampilkan seluruh kode template.
5.Cari kode </head>
6.Taruh kode dibawah ini tepat dibawah kode pada langkah nomor lima

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

7.Selanjutnya sobat cari kode <data:post.body/> atau <p><data:post.body/></p>

Setelah ketemu ganti kode diatas 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>

8.Save template.Sobat lihat hasilnya di home page.

Keterangan
Summary noimg 430=tinggi artikel terpenggal tanpa image
Summar img 430=tinggi artikel terpenggal dengan image
Tulisan Readmore bisa sobat ganti dengan Baca selengkapnya atau apa saja terserah...
Untuk tulisan warna biru itu adalah ukuran image yang ditampilkan pada home page. 

0 Response to " Cara Membuat Readmore Otomatis di Blog "

Populer Hari ini

POPULER MINGGU INI

Diberdayakan oleh Blogger.

Daftar Blog Saya