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:
Ganti Kode Tersebut dengan Kode di bawah ini
untuk menanbahkan CSS ikuti langkah dibawah ini:
Cari Kode ]]></b:skin>
Kemudian salin kode dibawah ini,dan letakkan di atas kode ]]></b:skin>
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"'>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
<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>
untuk menanbahkan CSS ikuti langkah dibawah ini:
Cari Kode ]]></b:skin>
Kemudian salin kode dibawah ini,dan letakkan di atas kode ]]></b:skin>
.readmore{padding:5px;background:#f60;color:#fff}SekianPosting kali ini nantikan posting selanjutnya di blog ini :D
Langganan:
Posting Komentar (Atom)
Makasi bro :D
BalasHapusNice Artikel Sob ^_^
BalasHapusBlogwalking : http://gatra-techno.blogspot.com/
Thanks Sob ^_^
BalasHapusnice post sob
BalasHapusblog walking - http://idbacktracker.blogspot.com/
Thanks Sob
BalasHapusMantap Broo .... Kunjungan Balik dan Comment Balik ya Bro ^_^ Dari Ghalis4rt
BalasHapusOk Bro
BalasHapus