Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
Assalamualaikum Warohmatullahi Wabarokatuh.
Hai Sobat BMCyber,, Maf ni baru bisa Posting soalnya kemaren2 sibuk. Oke hari ini saya akan share tentang Mengganti Tulisan Older Post dan Newer Post Dengan Judul Artikel. sebelumnya makasih buat kak deejayhan yang udah kasih ilmunya
Langsung saja:
Cara memasangnya, ikuti langkah berikut:
1. langkah 1
a. Login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML).
b. Letakkan kode berikut ini sebelum </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
c. Lalu, simpan Template
b. Langkah ke 2
Tambahkan kode di bawah ini ke gadget (Dengan menambahkan widget Javascript/HTML) (posisinya bebas).
<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>
- Simpan gadget Javascript/HTML
- Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???
2 comments:
makasi sob dah share, ntar ane coba...
Sepertinya menarik ya. Sementara ijin menyimpan scpriptnya di notepad, nanti jika ada waktu akan saya utak-atik template blog saya
Post a Comment