Jumat, 04 November 2011

Tips Membuat "Read more"

Bagi para bloger tentu ingin donk tampilan blognya nampak indah dipandang,sedap buat dilahap,hehe..(Lu Kate Martabak).Ini nih salah satu permasalahan bagi para pemula di dunia perblogeran (maklum penulis juga ngrasain jadi newbie yang serba tak tau).
Oke salah satu masalah yang paling mendasar adalah dalam kondisi default waktu Kita nulis seabreg eh sama Om Bloger ditulis semua,gag di "read more" dulu bahasanya,hehe.. Tentu kurang enak dipandang kan ?Selain nanti efeknya tulisan Kita panjang-panjang,juga membuat loading page-nya lama.
Oke deh tanpa banyak cingcong lagi mari Kita masuk ke tata letak lalu Edit HTML ( expand widget di sebelah kanan atas dicentang ).
Selanjutnya untuk ngamanin template Anda,copy paste semua kode ke dalam notepad,jaga-jaga kalau Sampean pada gagal,hehe.. Eits ! Tapi penulis udah uji kog dan berhasil.
Sekarang langkahnya :
1.Cari kode

</head>

Untuk mencarinya,gunakan ctrl+F
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>
2.Cari kode

<data:post.body/>

Ganti kode tesebut 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>

Dah selesai,pratinjau untuk mengintip yang mukanya baru di edit,hehe..
Oke selalu berbagi dan semoga bermanfaat.

Tidak ada komentar:

Posting Komentar