Buat Post Summary Automatik Untuk Blogspot

Post summary ialah antara penyelesaian bagi post yang panjang di muka depan blog/website yang akan memanjangkan muka depan blog/website. Secara manual, blogspot ada menyediakan option untuk memasukkan 'Jump Break' di post editor. Bagaimanapun, terdapat cara untuk membuat 'Jump Break' secara automatik, dan memerlukan sedikit pengubahsuaian pada html template.

Automatik Summary Aimanayie


DEMO

Download dan back up html asal blog anda, in case terjadi sebarang masalah.

1) Pergi ke "Design" dan pilih "Edit HTML"

2) Tekan pilihan "Edit Template"

3) Tekan secara ctrl + F, dan kemudian cari code 
Paste code di bawah, di atas code di atas.

var thumbnail_mode = "float" ;
summary_noimg = 530;
summary_img = 440;
img_thumb_height = 120;
img_thumb_width = 100;

http://caprio.googlecode.com/files/post%20summary.js

* Mungkin ada yang akan terjumpa dengan tiga(3) , gantikan ke semua  mengikut step empat(4)

summary_noimg ialah variable untuk bilangan character di summary yang tiada gambar.

summary_img , ialah variable untuk bilangan character di summary ber gambar

img_thumb_height ialah tinggi thumbnail gambar untuk summary 

img_thumb_width ialah lebar thumbnail gambar untuk summary 

Ubah Read More kepada perkataan yang kamu inginkan.

Goodluck!

Comments

  1. fungsi readmore ni memang bagus kalau nak traffic banyak.. ^^

    ReplyDelete
  2. hik, tapi saya buat nak bagi banyak post untuk homepage je :D

    ReplyDelete
  3. nice tutorial, boleh jimatkan page haha

    ReplyDelete
  4. glad it helped you zuan :D

    ReplyDelete

Post a Comment

Popular posts from this blog

apa itu Diploma Sains Kuantitatif ?

Beli Rohypnol atau GHB di Malaysia ?

Tanah dan Relung