Tutorial : Tukar Catatan Baru Dan Lama di Footer Kepada Tajuk Post

salam. hari nie hari ahad, sah-sah la hari cuti kan. jadi memang aku bercuti hari nie sehari tanpa perlu pikir pasal semua kerja dan assignment yang kena siapkan. hehe. terbaik!

- steven gerard! jangan dilayan gambar nie : hiasan semata -


jom buat tutorial. hari ni aku akan ajar sikit cara-cara nak ubah footer korang dari yang tulis 'catatan baru/lama' kepada tajuk post. kalau banyak rezeki, bertambahlah trafik korang. kalau tak! tak berkurang pun rezeki korang. hehee.

- ni la maksud aku, dah jadi tajuk post -
  • Pergi bahagian design > edit HTML > Klik expand widget template.
  • Klik ctrl + F : taip </head>
  • copy dan paste code di bawah sebelum code </head> ini.



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


  • kalau dah. savekan template korang tue.
  • Sekarang pergi bahagian design > page element > add widget > html/java script
  • kat widget nie korang pastekan kod bawah ni :



<!-- Post title blog pager by BloggerSentral.com START -->
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
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);
});
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
});
});
</script>
<!-- Post title blog pager by BloggerSentral.com END -->


  • Tarik widget tue ke bahagian bawah catatan blog. ( rujuk gambar bawah! )
- yang html/javascript tue la widgetnya -
  • save dan tengok hasilnya. kalau jadi, tahniah! kalau tak jadi boleh tanya aku atau rujuk tutorial asal di sini. selamat lebih maju dalam dunia blogging. hehee.

Ulasan

Tanpa Nama berkata…
Assalamualaikum

hppy holiday !!
SHAFIDA berkata…
xjadilah..tp nnti saya cek semula...
SHAFIDA berkata…
xjadilaa...nnti saya cek semula
Azuan berkata…
@SHAFIDA

akak...cuba tengok tutorial asal..mungkin lagi mudah faham..hohoo..tapi sama aje rasanya.. :D