Senin, 07 November 2011

Browse Manual » Wiring » » Cara Membuat Readmore di Blog

Cara Membuat Readmore 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'/>
Cara Membuat Readmore di Blog
7.Selanjutnya sobat cari kode <data:post.body/> atau <p><data:post.body/></p>
Cara Membuat Readmore di Blog
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. 


Baca Juga >  Cara Mengganti Tulisan Read More / baca selengkapnya Pada Blog Dengan Gambar dan Kumpulan Icon Read More Blog