Show or Hide Your Full Post in Blogger

Begini kalau postingan di bawah tadi tentang read more sekarang kita coba modiv read morenya dengan auto hide, caranya mudah,

1. Masuk kehalaman Dasboard yang pasti anda harus login dahulu ke blog anda.
2. Pilih Tab layout dan pilih Edit HTML
3. Ingat jangan lupa membackup dahulu blog anda.
4. Setelah itu cek list Expand Widget Templates.
5. Cari kode </head> dan tambahkan code dibawah ini :

<script src='http://blogoholic.info/files/Readmore.js' type='text/javascript'/>

6. Setelah itu cari kode beriku <div class='post-header-line-1'/> .
7. Jika anda tidak menemukan kode tadi coba cari code berikut :

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

Atau

<div class='post body'>

8. Jika anda sudah menemukan kode di atas maka ganti kodenya dengan code berikut :

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

9. Selanjutnya anda cari kode <p><data:post.body/></p> dan masukan kode dibawah ini pas tepat dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-]Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

10. Simpan Perubahan yang sudah anda lakukan tadi, kalau anda perhatikan jadi code yang kita masukan tadi tampilannya seperti berikut :

<div class='post-header-line-1'/>
<div class='post-body entry-content' 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:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

Adapun Pemakaiannya di dalam postingan kita sebagai berikut:

1. Pilih Tab Setting -> Formating pada bagian Post Template masukan kode berikut :

<span id="fullpost">

</span>

2. Setiap Postingan kita tambahkan kode tadi untuk penambahannya sama seperti penggunaan read more.

Note :

Jika ingin menggunakan trik-tips diatas jangan berbarangan dengan read more yang sudah ada di blog kita, karna dampaknya akan membuat blog kita codenya tabrakan. tampilannya juga jadi aneh. jadi harus pilih salah satu read more atau show hide.
Selamat Mencoba deh semoga terus berjaya oke