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.
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
Read more >>
* 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!
fungsi readmore ni memang bagus kalau nak traffic banyak.. ^^
ReplyDeletehik, tapi saya buat nak bagi banyak post untuk homepage je :D
ReplyDeletenice tutorial, boleh jimatkan page haha
ReplyDeleteyeee :D
ReplyDeletenice bro.. lama carik function ni
ReplyDeleteglad it helped you zuan :D
ReplyDelete