Fungsi dari read more adalah membuat halaman web/blog di load lebih capat dan ringan, karna hanya menampilkan beberapa paragraf dan gambar kecil yang berupa thumbnail dari postingan.
Pada cara ini anda dapat mengatur ukuran posting dan gambar yang akan di tampilkan dengan merubah nilai dalam script read more. Lihat cara membuatnya di bawah ini.
1. Login ke blogger kemudian pilih Rancangan lalu pilih edit html
2. Sebelum mengedit html jangan lupa beri tanda check pada
expand template widget
3. Cari kode </head> kemudian ganti dengan kode di bawah
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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>
</head>
Catatan: Kode yang berwarna hijau disa anda rubah
4. Masih belum selesai, sekarang cari kode <data:post.body/>
Kemudian ganti dengan kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
5. Simpan, selesai
0 komentar:
Posting Komentar