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. tapi bagi pake "Read More Versi 1" dulu tulisannya seperti ini :
<span class="fullpost">
</span>
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>
Tidak ada komentar:
Posting Komentar