Saturday, May 8, 2010

Read More Problem

Jika Kamu pernah mengeluh, kenapa sih kalau mau pasang Read More harus mengedit dulu saat posting? kenapa sih kalau potingannya sedikit, read more tetap muncul? Itulah keluhan beberapa blogger yang sering kudengar. Nah, setelah surving ke sana ke sini, akhirnya dapat jawabannya . . . .

Untuk membuat Read More Otomatis, alias tanpa edit-edit dulu waktu posting ,Kamu bisa baca di sini.
Lalu, yang problem kenapa Read More tetap muncul pada postingan yang sedikit, di postingan ini akan kita bahas nareng-bareng . . . .Yuk ! Perhatikan ya

1. Masuk ke blogger, buka Layout => Edit HTML
2. Backup template dulu, nanti mbok ada kesalahan . . .(caranya : baca di sini)
3. Selanjutnya, cetang pada  "Expand Widget Template"
4. Letakkan kode di bawah inidi atas kode (Gunakan Ctrl + F)





<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>


Jika kode tersebut sudah dihapus, maka Read More tidak akan tampil

Selamat Mencoba

No comments:

Post a Comment