Sabtu, 30 Mei 2009

Script Expandable Message Untuk Blog


Kadangkala isi artikel yang diposting ke Blog terlalu panjang karena banyak gambar maupun text, akibatnya menampilkan halaman Blog membutuhkan waktu lama, agar artikel yang diposting bisa tampil sebagian, kita tambahkan script expandable pada template Blog.

Caranya:
Masuk / login ke Blog dashboard http://www.blogger.com/start
 1

 Kemudian click link Layout  2




Click Edit HTML
 3
Click kotak Expand Widget Templates
 4
Di bawah section Head tambahkan script

<!--Script Read More-->
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<!--End Script Read More—>

 5


Tambahkan dibawah tag <data:post.body/>
 <!-- Begin Read More script -->
<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>
<a expr:href='data:post.url'><p align='right'><font color='#ffff00'>Read more!</font></p></a>
</b:if>
<!-- End Read More script –>


6

Simpan template ini click tombol Save Template


7
Hasilnya artikel dibagi 2 oleh page break Read More! seperti ini:
 d

Tidak ada komentar: