Kamis, 12 November 2009

Read More Otomatis

Ada banyak teknik "Read More" yang bisa diterapkan pada blogspot, sebelumnya sy sudah menulis tentang membuat read more pada halaman utama dan ini sy buat lanjutannya tentang membuat read more juga... tetapi secara otomatis. Untuk membuat read more otomatis ini tidaklah sulit, berikut caranya :

Masuk ke dasboar >>> tata letak >>> edit HTML >>> cari kode :
</head>
setelah ketemu letakkan di atasnya kode ini :
<SCRIPT type='text/javascript'>var thumbnail_mode = &quot;no-float&quot;;summary_noimg = 500;summary_img = 400;img_thumb_height = 100; img_thumb_width = 200;</SCRIPT><SCRIPT src='http://techieblogger.com/wp-content/uploads/2009/08/readmore.js' type='text/javascript'/>
kemudian cari lagi kode ini :
<data:post.body/>
(ingat...kalau untuk mencari kode yg di atas, kamu harus mencentang Expand Template Widget )
setelah ketemu masukkan di bawahnya kode ini :
<SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT><div style='clear:both;'/><div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><small><b>[sh0w details,,]</b></small></a></span></div>
Setelah itu simpan. Lihat hasilnya. Untuk ilustrasinya lihat gambar dibawah ini.

tapi untuk mencari <data:post.body/> harus dicentang tanda pada box expand nya.

Selamat mencoba.

Tidak ada komentar:

Posting Komentar

kAmU bisa gunakan <a href="#">#</a> <b>#</b> <i>#</i> di kotak komentar...
Percaya gak, kalau Blog ini bisa dapat PR 10 dari mbah google...??? hehehe....