Monday, March 5, 2012

Cara Mengganti posting lama dan posting baru dengan judul posting

Cara Mengganti posting lama dan posting baru dengan judul posting, yah itulah tutorial blog kali yaitu tentang bagaimana caranya Mengganti posting lama dan posting baru dengan judul posting - yang sebelumnya di bahas tentang Cara Memasang Widget IP Address Pada Blog , Tips ini untuk dapat menarik pengunjung melihat postingan lama atau postingan baru dengan cara memperlihatkan judulnya. Sehingga pengunjung akan melihat posting lama ataupun baru ketika melihat judul postingan kita yang dianggapnya bermanfaat atau berguna. langsung saja lihat tutorialnya Cara Mengganti posting lama dan posting baru dengan judul posting
  • Log in ke blogger
  • Masuk ke Rancangan
  • Pada elemen halaman pilih tambah gadget dan pilih HTML/JavaScript
  • Setelah itu copy dan paste kode dibawah ini kedalam kotak HTML/JavaScript tersebut
<style type="text/css">
#blog-pager-newer-link {font-size:14px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:14px;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>

  • Setelah itu klik simpan.
  • Selanjutnya masuk pada tab Edit HTML dan jangan lupa centang kotak expand widget template
  • Setelah itu cari kode </head>
  • Setelah ketemu kode </head> selanjutnya copy dan paste kode dibawah ini tepat diatas kode </head> tersebut
  • <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
Selanjtnya klik simpan dan silahkan sobat lihat hasilnya.

Rating:4.5