Nah itu gambarnya belum dimodif nah kalo mau turutin langkah-langkahnya. Mengganti tulisan Older Post/ Postingan yang lama ini yaa supaya nambah cantik blog aja. Mungkin ada yang tidak suka dengan tulisannya ya diganti aja jangan dihapus.
Step 1
- Masuk ke blog anda.
- Ke template -> Edit HTML -> Lanjutkan -> Edit HTML.
- Klik ctrl + f. Lalu cari </head>
- Lalu masukan kode berikut ini tepat diatas kode tadi :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>- Preview dulu.
- Lalu disave.
Sekali lagi jika di template anda sudah ada yang seperti ini hiraukan saja langkah yang ini.
Step 2
- Lalu masuk ke tata letak -> add new gadget -> Add HTML Javascript.
- Lalu masukan kode ini :
<style type="text/css">
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
});
</script>
Step terakhir
- Simpan.
- Lalu disave.
Pertamax , izin nyoba yah Gan .
BalasHapus@Noval : iia silakan :)
BalasHapusThnks yah sobat ,
BalasHapus@Jenita : Sama sama .
BalasHapus