Pages

18 Juni 2010

Membuat ringkasan “read more…” otomatis di blogspot

Pada Wordpress membuat summaries artikel sangat mudah kita gunakan, tapi sering terasa lebih ribet jika diterapkan pada blogspot. Tapi sekarang membuat readmore pada blogspot bisa dilakukan secara otomatis, tidak lagi harus menuliskan kode-kode pada setiap artikel yang kita tulis.

tulisan ini aslinya saya dapatkan dari Blogerplugins.

inilah langkah-langkah bagaimana membuat readmore otomatis :

masuk ke pengaturan template lalu edit html template.

cheklist pada Expand Template Widget

cari kode ini

</head>

ganti dengan kode berikut :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

  • angka pada summary_noimg = banyaknya karakter jika tidak ada image pada artikelnya dan
    summary_img = banyaknya karakter jika ada imagenya. bisa diganti sesukamu
  • img_thumb_height dan img_thumb_width = ukuran image pada summary artikel. bisa diganti sesukamu

selanjutnya cari kode

<data:post.body/>

ganti dengan :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

selesai…simpan perubahan. Sekarang tidak harus lagi menambahkan kode untuk redmore pada setiap artikel yang kita tulis. sellamat mencoba.

Blog saya juga menggunakan cara ini.

Tidak ada komentar :

Posting Komentar