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



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 
</head>
Paste code di bawah, di atas code di atas.
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 530;
summary_img = 440;
img_thumb_height = 120;
img_thumb_width = 100;
</script>
<script src='http://caprio.googlecode.com/files/post%20summary.js' type='text/javascript'/>
4) Sekarang, cari pula code
<data:post.body/>
Dan gantikan dengan code dibawah

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<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>Read more >></b></a></span>
</b:if>
</b:if>

* Mungkin ada yang akan terjumpa dengan tiga(3) <data:post.body/>, gantikan ke semua <data:post.body/> 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!

Popular posts from this blog

Apa Itu GLC

Formula Pengiraan Sudut Segitiga [Basic]

Apa Itu Hypothyroidism | Thyroid