Besarkan Tulisan di Blog | Kecilkan Tulisan Di Blog

Playlist Lagu Pink

Tuesday, 29 May 2012

Cara membuat automatik read more button kat setiap post

Saya yakin pembaca sudah tidak asing dengan teknik read more yaitu sebuah teknik untuk menyembunyikan sebagian isi artikel dari halaman depan blog agar tampilan blog terlihat lebih rapi dan profesional.

Untuk jenis read more yang lama, biasanya pemilik blog harus menyelitkan kode pada setiap posting agar teknik read more bekerja. Kelemahan dari cara ini tentu menyebabkan kemalasan menjelma.




Nah bagi anda yang tidak mau susah, anda boleh menggunakan teknik 'auto read more'. Dengan teknik ini anda tidak perlu lagi menambah kode read more dalam setiap posting namun sistem akan secara otomatik menghasilkan link read more untuk posting anda. Dengan cara ini tentu kerja kita akan menjadi lebih ringan.


Nah bagi anda yang ingin menerapkan sistem auto read more pada blog anda ikuti langkah-langkah dibawah ini.


1)cari kod di bawah:-

</b:template-skin>

2) pastekan kod dibawah ini betul2  dibawah kod </b:template-skin>

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 300;

summary_img = 170;

img_thumb_height = 150;

img_thumb_width = 250;

</script>

<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>



so paparan akan jadi begini..

 </b:template-skin>


<script type='text/javascript'>


var thumbnail_mode = &quot;float&quot; ;


summary_noimg = 300;


summary_img = 170;


img_thumb_height = 150;


img_thumb_width = 250;


</script>


<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' 



3) seterusnya cari  <data:post.body/>

pastekan/ gantikan <data:post.body/> dengan kod di bawah

<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>Seterusnya..</b></a></span>

- klik preview untuk melihat hasilnya

- Simpan template / Save

- Selesai.

p/s: boleh ubah perkataan seterusnya dengan perkataan yang anda mahu.. Selamat mencuba

No comments:

Related Posts Plugin for WordPress, Blogger...