Membuat readmore (baca selengkapnya)

Wednesday, January 20, 2010 0 komentar
Mungkin bagi blogger yang suka blogwalking sering melihat artiel di blog orang lain yang ada tulisan "baca selengkapnya","readmore" dll. ya kalau saya bilang read more ini penting juga untuk blog kita. karena readmore ini memudahkan para pembaca untuk mengetahui inti dari artikel kita. coba bayangkan kalau kita berkunjung ke tempat blogger lain, di blognya banyak artikel yang panjang-panjang, tapi tidak menggunakan readmore atau baca selanjutnya ini. pasti kita akan pusing dan malas membacanya. iya gak? nah saya akan memberikan cara untuk membuat readmore secara mudah.
pertama,

login dulu kedalam blog kita, kemudian pilih edit html, kemudian klik kotak yang ada disamping tulisan "Expand Widget Template" sampai ada tanda ceklist nya.

kemudian cari kode <!-- head --> dan taruh scrip ini persis dibawahnya

<script type="text/javascript"> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src="http://rizqi.moehamed.googlepages.com/read-moreotomatis.js" type="text/javascript">

kedua, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan:

<b:if cond="'data:blog.pageType"><br /><div id="'&quot;summary&quot;"><data:post.body/></div><br /><script type="'text/javascript'">createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br /></script>
<span class="rmlink" style="float: right; padding-top: 20px;">
<a href="data:post.url">»»**READMORE...</a></span>
<b:if cond="data:blog.pageType == &quot;item&quot;"><data:post.body></data:post.body></b:if>

selanjutnya save template dan bisa lansung digunakan.

catatan:
1.untuk mempermudah pencarian kode kita dapat mencarinya dengan menekan tombol (Ctrl+f) secara bersamaan
2. kata "»»**READMORE..." dapat kita rubah menjadi baca selanjutnya atau apapun lah terserah anda :)

keterangan:
warna Merah adalah script awal dari template
warna Biru adalah script tambahan untuk membuat readmore.
Label:

0 komentar:

Post a Comment

Berkomentarlah dengan sopan...
Anda sopan, kami segan...
Dan maaf, dimohon untuk tidak menaruh link hidup pada komentar. Jika terdapat, mohon maaf akan saya hapus. trimakasih :)

Member