Mengganti Older dan Newer post dengan judul posting

Cara Mengganti older post dan newer post dengan judul posting/Artikel , atau Cara membuat/Mengganti navigasi Halaman dengan Judul posting/Artikel.
Membuat Navigasi Halaman dengan judul posting tentunya akan mempermudah bagi pengguna website untuk melihat halaman selanjutnya atau halaman sebelum nya , Karena dalam menu/Tombol navigasi nya sudah terlihat judul posting sebelum nya dan Halaman berikutnya.

Contoh dari Navigasi Halaman dengan judul posting/artikel bisa di lihat dalam navigasi halaman website ini , atau bisa di lihat contohnya seperti gambar di bawah ini

Dengan melihat Gambar navigasi halaman di atas , saya yakin anda semua sudah paham apa yang di maksud dengan mengganti navigasi halaman dengan judul posting.
dan jika anda ingin membuatnya silahkan ikuti caranya di bawah ini :

Cara mengganti older post dan newer post (navigasi halaman) dengan judul posting

1.Buka blog anda dengan mengunjungi blogger.com , kemudian login ke akun blog/website masing-masing.
2.lalu silahkan menuju dashboard blogger dan pilih / klik Tata Letak
3.Lalu pilih lagi / klik Tambahkan gadget
4.selanjutnya pilih gadget HTML/Javascript
5.kemudian Kopi kode yang di bawah ini dan pastekan kedalam gadget html/javascript

  <br />
<br />
<style type="text/css">

    #blog-pager-newer-link {font-size:90%;width:200px;text-align:left;}

    #blog-pager-older-link {font-size:90%;width:200px;text-align:right;}

    </style><br

/>
<br />
<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").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><br />
<br />


6.lalu simpan gadget nya.
7.selesai.

jika belum berhasil / navigasi halamanya masih older dan newer post atau masih dengan Next dan Previous , maka anda butuh menambahkan satu kode lagi kedalam Html Template anda.
Jadi sebelum menambahkan kode yang kedua ini pastikan anda sudah mengecek terlebih dahulu Dengan cara membuka salah satu halaman website anda dan perhatikan sudah muncul atau belum navigasi halaman dengan judul posting nya.

Jika belum keluar judul posting dalam menu halaman nya maka silahkan kopi kode yang di bawah ini dan pastekan di atas kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>


Jika belum paham silahkan buka blog/website anda dan login

• lalu pergi kedashboard blogger dan pilih Template
• lalu pilih/klik lagi EDIT Html
• selanjutnya cari kode dalam html blog anda kode </head>

dan pastikan anda sudah mengkopi dan meletakan kode yang kedua tersebut di atas kode </head>

selanjutnya simpan template anda (pastikan perubahan template tersimpan dengan benar)

selesai.

Demikian Panduan ngeblog tentang Cara merubah / mengganti tombol older dan newer post dengan judul posting.

Selamat mencoba...