Cara Untuk Meringkas Postingan Di Blogger

Meringkas Post ,  adalah cara yang digunakan untuk memotong post atau menampilkan sedikit post di halaman utama blog/website dan akan menampilkan semua tampilan post saat mengklik judul post atau mengklik read more/baca seterusnya/lihat selengkapnya dsb.  Cara ini sering digunakan untuk membuat loading page suatu website lebih ringan.  Seperti halaman utama sebuah koran, masak langsung disajikan secara lengkap yaa gak mungkin dongk.... pastinya halaman utama tsb akan disajikan dengan menarik dengan cara meringkas berita utama dan akan dilanjutkan di halaman berikutnya. 

Berikut cara meringkas post :
First step : masuk ke blog yang mau di ringkas, 
                     masuk ke tata letak/rancangan, 
                     kemudian klik Edit HTML, 
                     lalu expand widget jangan lupa dicentang.

Note : untuk menjaga terjadinya hal-hal yang tidak diinginkan sebaiknya download dulu tempelate-nya, Agar jika kita salah nyettingnya bisa ngunggah template yang sebelumnya kita download tadi. Tapi jangan takut karna cara ini sudah saya test.

Second step : cari kode berikut:
                           
</head>
       
Note : untuk mempercepat pencarian tekan CTRL+F
                           kemudian ganti kode tersebut dengan:


<script type='text/javascript'> 
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>



                            kalau sudah.. kemudian cari kode:



<data:post.body/>



                           ganti dengan:



<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>



                         Kalau sudah simpan template dan lihat hasilnya ....
sekian tips and tricks dari saya. semoga bermanfaat