Membuat Read More Otomatis
Anda sudah tahu dengan read more? Yah... pasti teman-teman blogger semuanya dah pada tahu apa itu read more. Untuk membuat read more atau menampilkan perintah agar artikel kita tidak ditampilkan semuanya (berat2in ja he2) tetapi hanya sebagian teksnya saja akan tetapi jika pengunjung berminat dapat membaca secara keseluruhan dengan cara klik "baca selengkapnya" atau "readmore). Langkah-langkahnya sebagai berikut :
1. Login ke blogger
2. Klik daftar entri, lalu klik Template
3. Klik tombol Edit HTML
4. Cari kode </head>
5. Lalu ketikkan script di bawah ini diatas kode </head>
<script type='text/javascript'>
1. Login ke blogger
2. Klik daftar entri, lalu klik Template
3. Klik tombol Edit HTML
4. Cari kode </head>
5. Lalu ketikkan script di bawah ini diatas kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
6. Selanjutnya cari kode <data:post.body/>
7. Lalu Copikan script dibawah ini untuk mengganti data:post.body/
<b:if
cond='data:blog.pageType != "item"'>
<div expr:id='"summary" +
data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
8. Lalu klik tombol simpan template
9. Dan Traa lalalala.... Coba deh lihat blog anda
0 Response to "Membuat Read More Otomatis"
Post a Comment