Kali ini mchoyBLOGinfo akan memberikan tips dan trik cara merubah tulisan posting lama dan posting baru, Sering kita membaca artikel tentang cara merubah tulisan older post dan newer post dengan gambar.
Tapi dalam artikel kali ini saya akan memberikan tutorial cara merubah tulisan older dan newer post dengan judul artikel yang dituju ( artikel sebelumnya dan artikel berikutnya ).
Contohnya lihat gambar dibawah ini:
Untuk membuatnya ikuti langkah langkah di bawah ini :
1. Login ke dashboard blogger kita
2. Masuk rancangan / Design --> Edit Html --> cari kode </head>
3. Setelah ketemu, masukkan kode scrypt di bawah ini sebelum kode tadi atau diatasnya tepat
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
4. Simpan template.
5. Kembali ke elemen halaman / Page Elemant --> Add Gadget --> pilih Text Html/Java Srypt dan paste scrypt di bawah 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>
6. Simpan dan lihat hasilnya di blog sobat.
Selamat mencoba semoga bermanfaat.
0 komentar:
Posting Komentar