terkadang kalau kita sedang berselancar di dunia maya sering menemukan blog yang 1halaman isinya panjang sampai ke bawah, dan bikin lelet koneksi kita dengan loading yang lama :# selain itu juga membuat pengunjung menjadi jenuh untuk menunggu lama, kali ini saya akan memberikan tips tentang bagaimana membuat agar postingan kita bisa lebih pendek di Home dan dapat mengirit tempat dengan menggunakan fungsi Readmore ini,
sebenernya ada 2 tehnik dalam memakai tips ini :
1. kita ga usah mengedit template, tetapi setiap kita mau membuat postingan baru kita harus selalu mengedit HTML nya untuk membuat Readmore tersebut, hmmm ribet kan setiap bikin posting harus edit HTML nya juga :r
2. yang sekarang akan saya bagikan cara membuat readmore otomatis, yang harus kita lakukan adalah mengedit Template dalam blog yang kita pakai, jadi sebaiknya kita persiapkan backup template untuk menghindari resiko :D
1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTMLCentang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:
</head>
2). Kemudian tandai dan langsung ganti dengan code dibawah ini :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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>
3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>
4). Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
5). Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya :D
