Monday, March 21, 2011
Araya
Jika anda ingin membuat isi postingan blog anda menjadi beberapa postingan dalam satu halaman awal maka jawabannya adalah menggunakan read more. Read more berarti 'baca selengkapnya'. Sebagian bagi yang menggunakan template eksternal mungkin sudah ada 'read more' otomatisnya. Tapi jika belum ada anda dapat membuatnya dengan langkah-langkah dibawah ini.
2. Klik Rancangan>EDIT HTML, centang expand widget
3. Cari kode </head> kemudian tempatkan kode berikut diatasnya
<script type='text/javascript'>var thumbnail_mode =
"no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>
Anda juga bisa mengubah kode tersebut sesuai dengan selera
summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar
img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya
img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya
4. Cari kode <data:post.body/>, bagi yang sudah menggunakan read more secara manual akan ada dua kode yang seperti itu, cari yang pertama, ganti kode diatas dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
5. Simpan template dan lihat hasilnya
Bagi yang sudah menggunakan read more manual kode yang terlihat seperti dibawah ini, tapi tidak semua kode terlihat seperti dibawah, tergantung template anda.
<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Hapus yang dicetak tebal dan gunakan langkah 3 sampai 5.
Selamat mencoba...
