Mengganti posting lama dan posting baru dengan judul posting

pada Tuesday, July 5, 2011

Cara mengganti posting lama dan posting baru dengan judul posting, tips ini untuk 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.

Misalnya judul postingan kita Mari Berkomunitas Di Faceblog yang mereka belum tahu apa sih isinya, sehingga mereka meng-klik dan membacanya. Untuk merubah postingan lama dan postingan baru dengan judul postingan kita yang sebelumnya cukup mudah, silahkan sobat ikuti langkah-langkah dibawah ini untuk membuat posting lama dan posting baru dengan judul post.

  • 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.

  • Untuk contohnya silahkan sobat lihat di sini