Hari ini [GH] kongsikan lagi 1 trick atau tutorial untuk blog.Anda pernah melihat blog rakan rakan yang menampilakan tajuk posting sebelum dan selepas pada blog mereka? ini adalah salah satu cara mudah untuk pengunjung mengetahui entri entri terbaru sebelum dan selepasnya.
perhatikan gambar dibawah:
untuk membuat seperti gambar diatas, anda hanya perlu menambah script dibawah, caranya mudah sahaja, pergi ke bahagian layout., add widget, pilih html/javascript dan copy code dibawah.
code:
<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style><script type='text/javascript' src='http://code.gilerhackers.com/js/nextpost.js'></script>
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style><script type='text/javascript' src='http://code.gilerhackers.com/js/nextpost.js'></script>
Jika tiada apa apa perubahan berlaku, kemungkinan anda tidak meletakan code JQuery pada blog anda.untuk meletakan jQuery pada blog sila letak code jQuery dibawah selepas perkataan </head> pada template blog anda.
code jQuery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
selamat mencuba, jika mempunyai sebaranga keraguan, sila tinggalkan komen anda dibawah.