Readmore versi baru

Mungkin sudah banyak sekali blog-blog yang membuat artikel tentang cara membuat read more, tapi sekedar merefresh ulang saya pun ikut-ikutan membuatnya.

di blogger memang tidak diadakannya readmore, dan jalan satu satunya untuk membuat red more yaitu dengan membuatnya sendiri, berikut langkah-langkahnya.

1. tentunya masuk ke http://www.blogger.com >> login >> di menu dashboard klik pilihan layouts >> di menu layouts klik tab-edit HTML >> di menu html jangan lupa back up dulu templates kita untuk mencegah sesuatu hal yang tidak kita inginkan trjadi dan jangan lupa pula untuk mencentang EXPAND WIDGET >> lalu tambahkan kode kode berikut

cari </head> kalau sudah ketemu simpan kode di bawah ini tepat di atas kode </head> ini

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

setelah itu tambahkan kode-kode dibawah ini, yang berwarna merah adalah warna yang harus di tambahkan, saran saya coba anda copy dari yang saya beri warna biru, soalnya kebanyakan gagal kalau tidak di copy dari yang saya beri tanda warna biru. untuk yang saya beri warna hijau adalah kode yang kita bisa rubah, sebagai contoh saya gunakan [+/-] selengkapnya ... dan [+/-] ringkasan saja ... kode itu bisa di ganti dengan Readmore dan summary only.
Atau bisa juga dengan cara memblok kode html seperti contoh gambar di bawah ini,

dan setelah di blok maka selanjutnya copy kode di bawah ini dan paste tepat di tempat yang sudah sobat blok tadi (di timpa)


<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<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:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>

2. klik SIMPAN TEMPLATE

lagkah selanjutnya

>> klik menu PENGATURAN >> klik tab-FORMAT

>> copy kode berikut lalu letakan tepat di kolom TEMPLATE POSTING


<span id="fullpost">


</span>


>> klik SIMPAN SETTING

>> dan selesai


Cara posting artikel

letakan artikel yang mau di readmore disini <span id="fullpost">
dan artikel yang akan di summary only simpan di sini </span> mudah mudahan bisa di pahami


semoga postingan ini bisa merefresh ulang