-->






mengganti navigasi blog dengan judul posting

Cara mengganti navigasi blog dengan judul postingan
Navigasi sebuah blog maupun website itu harus di sediakan karena fungsinya untuk memberikan arah atau petunjuk untuk para pengunjung blog maupun website
dengan memberikan tombol-tombol navigasi maka pengunjung akan lebih mudah untuk melihat-lihat daftar isi pada sebuah blog atau website yang di kunjungi nya

Tombol navigasi untuk sebuah website atau blog tidak hanya satu ada beberapa tombol navigasi yang harus di sediakan yang di antaranya
  • navigasi posting yang akan saya bahas saat ini
  • navigasi tombol kembali ke atas 
  • navigasi tombol kebawah
  • dan yang lainya
Tombol navigasi juga sebagai syarat untuk mendaftar ke google adsense oleh karena itu jika sobat blogger ingin mendaftar menjadi publizer Google adsense silahkan sediakan tombol-tombol navigasi pada website atau blog anda 

pada kali ini jasa pembuatan website akan membahas cara mengganti navigasi posting dengan judul posting 
kalau standar nya navigasi posting akan berupa tulisan posting lama dan posting baru 
maka disini saya hanya ingin memberikan cara untuk mengganti tulisan posting lama dan posting baru dengan judul posting selanjutnya dan judul posting sebelumnya
sebagaii contohnya bisa di lihat pada gambar di bawah ini

cara mengganti navigasi posting dengan judul posting

 cara merubah navigasi posting dengan judul posting 
1.buka blog anda lalu login 
2.dalam dashboard blog pilih tata letak
3.lalu klik tambahkan gadged dan pilih gadged HTML/javascript
4.selanjutnya kopi kode di bawah ini dan pastekan dalam gadged HTML/javascript 

<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:14px;width:230px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:14px;width:230px;float:right; text-align:right;font-family:Arial, sans-serif;}
</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 + "\u2192");//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("\u2190" + newerLinkTitle);
});
});
</script>

keterangan :
  • angka 14 biru dalam kode di atas adalah ukuran besarnya tulisan , jika kurang pas silahkan sesuaikan
  • angka 230 warna merah pada kode di atas sebagai ukuran panjang sisi kanan dan sisi kiri tombol navigasi , jika tidak pas dengan template anda silahkan sesuaikan

5.jika sudah selesai silahkan simpan gadged nya 
6.silahkan coba dulu hasilnya dengan membuka ulang salah satu postingan anda dan lihat pada menu navigasi postingnya ( letaknya di bawah akir postingan ) jika sudah berubah dan bisa diklik maka perubahan navigasi postingnya sudah selesai , namun jika setelah di coba tidak berubah dan di klik tidak bisa maka harus menambahkan kode satu lagi , silahkan copi kode di bawah ini dan pastekan di bawah kode </head>

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

cara meletahkan kode ke dua ini di bawah </head >
1.buka blog anda lalu login
2.dalam dashboard blog pilih Template dan klik edit html
3.Lalu kopi kode yang kedua tersebut dan pastekan di bawah kode </head>
4.selanjutnya simpan template nya
5.selesai

sampai disini panduan dari jasa pembuatan website tentang cara merubah navigasi posting menjadi judul postingan , semoga bisa di praktekan dengan mudah
selamat mencoba ..
Komentar

Tampilkan

No comments:

Post a Comment

sejarah

+