Assalamualaikum...
Kali ni cuba buat read more pula. Read more ni cuma tambah entry sambungan di bawah dan tak perlu reload page semula. Tapi memerlukan agak banyak coding. Tapi tak susah pun. senang aje. Ada juga yang reload page semula. Tapi saya suka yang ini. Bismillah...
Mula-mula seperti biasa, masuk bahagian Layout > Edit HTML dan save template dengan klik Download Full Templat kemudian tick Expand Widget Templates. Kalau tak tick, ada code yang anda tidak akan jumpa. Kemudian baru kita boleh mulakan.
Letakkan code
di atas </head>
Kemudian,
Seterusnya, tambah coding di bawah
di bawah coding <p><data:post.body/></p>
(Read more dan summary tu boleh tukar kepada perkataan lain. Atau kalau nak tukar gambar gantikan dengan <img src="URL IMAGE"/>)
Kemudian, boleh la cuba preview. Kalau tak boleh preview, cuba semak balik kalau-kalau ada coding yang tersalah. Bila dah boleh preview, save template
Belum habis lagi...
Pegi pula pada Setting > Formatting, cari Post Template di bahagian bawah-bawah sket dan letakkan coding ini
tulis entry pendek sebelum <span id="fullpost"> dan entry panjang selepasnya.
sumber : rojakstory, eriyza, amoiida
*update*
paling terbaru saya menggunakan script daripada amoiida sebab script sebelumnya tidak berfungsi. script saya juga telah bertukar menjadi yahoo icon sebab saya memasukkan script yahoo emoticons. jadi untuk script yang lebih jelas silalah click pada link amoiida di atas.
Kali ni cuba buat read more pula. Read more ni cuma tambah entry sambungan di bawah dan tak perlu reload page semula. Tapi memerlukan agak banyak coding. Tapi tak susah pun. senang aje. Ada juga yang reload page semula. Tapi saya suka yang ini. Bismillah...
Mula-mula seperti biasa, masuk bahagian Layout > Edit HTML dan save template dengan klik Download Full Templat kemudian tick Expand Widget Templates. Kalau tak tick, ada code yang anda tidak akan jumpa. Kemudian baru kita boleh mulakan.
Letakkan code
<script src='http://ladyqistina.googlepages.com/bacaselanjutnya.js' type='text/javascript'/>
di atas </head>
Kemudian,
gantikan <div class='post-body entry-content'>
dengan <div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
Seterusnya, tambah coding di bawah
<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);'>[+/-] Read more</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Summary</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
di bawah coding <p><data:post.body/></p>
(Read more dan summary tu boleh tukar kepada perkataan lain. Atau kalau nak tukar gambar gantikan dengan <img src="URL IMAGE"/>)
Kemudian, boleh la cuba preview. Kalau tak boleh preview, cuba semak balik kalau-kalau ada coding yang tersalah. Bila dah boleh preview, save template
Belum habis lagi...
Pegi pula pada Setting > Formatting, cari Post Template di bahagian bawah-bawah sket dan letakkan coding ini
<span id="fullpost">
</span>
tulis entry pendek sebelum <span id="fullpost"> dan entry panjang selepasnya.
sumber : rojakstory, eriyza, amoiida
*update*
paling terbaru saya menggunakan script daripada amoiida sebab script sebelumnya tidak berfungsi. script saya juga telah bertukar menjadi yahoo icon sebab saya memasukkan script yahoo emoticons. jadi untuk script yang lebih jelas silalah click pada link amoiida di atas.
Posts
0 comments: