Membuat ReadMore (Baca Selengkapnya)

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
1. Login ke blogger, trus pilih menu "Layout --> Edit HTML"
2. Ohya, Jangan lupa di backup dulu template kamu, udah tahu to caranya?
3. Kalo udah di backup trus kasih tanda centang pada kotak "Expand Widget Template"
4. taru script berikut ini diatas kode </head>

<script type='text/javascript' src='http://www.geocities.com/kendhin_x/Readmore.js' />

5. Cari script berikut

<div class='post-body'>

kalo tidak ada coba cari yang ini

<div class='post-body entry-content'>

6. Trus ganti script tadi sehingga menjadi seperti ini

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

7. Nha dibawahnya kan ada script seperti ini;

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

8. Taruh script berikut dibawah script diatas

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

9. Keseluruhan script akan menjadi seperti ini:

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

10. Terus simpan pekerjaanmu.

Langkah berikutnya:

1. Pergi ke menu "Setting --> Formatting"
2. Dibagian bawah ada kota yang bertuliskan "Post Template"
3. Bagi yang belum pernah pake read more maka didalam kotak tersebut akan kosong.
4. Nha kalo yang sekarang ganti/isi kotak tersebut dengan kode berikut:

<span id="fullpost">

</span>

5. Terus Klik Tombol "Save".

Nha Waktu posting pilih Tabs "HTML", JIka pingin Tulisan "Read More" tidak muncul maka hapus script ini:

<span id="fullpost">

</span>

Selesai.mudah kan.??


Sumber :Mas Kendhin

Jangan lupa baca juga yang ini