Iyunk blog: Auto Readmore pada posting blog

Auto Readmore pada posting blog

Setelah sebelumnya saya telah menjelaskan cara menganti scrollbar pada blog kali ini saya akan share cara buat auto readmore pada blog. Posting auto readmore di tujukan unutk meringkan sebuah posting blog pada halaman home page ini di tujukan agar pengunjung bisa lebih leluasa melihat posting-posting lain yang ada di sebuah blog

Kitamulai langkah membuat auto Readmore

Pertama masuk halaman Edit HTML Blog anda
kemudian temukan kode </head>

Salin Kode di bawah ini,dan letakkan di atasnya:

<script type="text/javascript" src="http://blog.iyunk21.com/readmore.js"> </script>

Setelah itu cari Kode ini <data:post.body/>

Ganti Kode Tersebut dengan Kode di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='readmore'><a expr:href='data:post.url'>READ MORE>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

dengan begini auto readmore sudah terpasang di blog anda, tapi Bila anda masih kurang lega dengan tulisan READ MORE>> anda bisa menambahkan CSS di Tombbol readmore anda

untuk menanbahkan CSS ikuti langkah dibawah ini:

Cari Kode ]]></b:skin>

Kemudian salin kode dibawah ini,dan letakkan di atas kode ]]></b:skin>