Memasang "expand post"

Berikut ini adalah cara untuk menunjukkan ataupun menyembunyikan full post anda dari halaman utama blog. Cara ini berbeda dengan read more. Jika dengan metode read more, akan ada link read more di bawah post. Jika anda click link tersebut, maka browser anda akan membuka page baru untuk artikel anda. Tapi dengan metode ini, jika anda click link-nya, maka akan terlihat full post di page yang sama, dan tidak perlu load page lagi. Jadi cuma memperluas post anda

1. Login blogger layout-->Template-->edit HTML

2. Klik "Download full template" untuk Back-up data

3. Centang "expand widget template" checkbox

4. Salin kode di bawah ini di atas kode </head>

    <script src='http://www.fileden.com/files/2009/6/7/2468759/expand-post.txt' type='text/javascript'/>

5. Temukan kode <div class='post-header-line-1'/>

6. Jika anda menemukannya, anda akan melihat kode seperti ini

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

atau

<div class='post body'>

7. Langkah selanjutnya adalah mengganti kodenya (hanya kode yang ditunjukkan di no 6) menjadi seperti ini:

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

atau menjadi seperti ini

<div class='post body' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>

8. di bawahnya anda akan lihat kode seperti ini <p><data:post.body/></p>

9. Letakkan kode ini di bawahnya

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

11. Simpan hasil edit-an anda

12. Ke menu Setting --> Formatting

13. Di halaman bagian bawah, ada "Post Template", copy paste kode di bawah ini ke box

<span id="fullpost"> </span>

14. Simpan setting anda

15. Jika anda hendak menulis artikel, tulis bagian artikel yang akan ditampilkan di atas kode <span id="fullpost"> dan sisanya di  <span id="fullpost">kelanjutan artikel</span>