Home » , » Mengganti Link Newer Post, Home, Older Post dengan Judul Posting

Mengganti Link Newer Post, Home, Older Post dengan Judul Posting

desain blog
Cara Mengubah atau mengganti link (tautan) Posting Terbaru (Newer Post), Beranda (Home), Posting Lama (Older Post) dengan Judul Posting Blog.

DI bagian bawah posting blog biasanya ada link "Newer Post", "Home", dan "Older Post" sebagai navigasi internal untuk memudahkan user membuka posting sebelumnya atau berikutnya.

Biar lebih user friendly dan seo friendly, anchor text pada link tersebut bisa diubah menjadi judul posting sehingga lebih memberikan kejelasan tentang topik posting sebelum/sesudah, juga lebih ramah mesin telusur karena berupa judul tulisan yang mengandung kata kunci.

Mengganti Link Newer Post, Home, Older Post dengan Judul Posting
Caranya sangat mudah. Contoh atau demonya bisa dilihat di bagian bawah kolom komentar blog ini.

1. Layout > Add a Gadget > pilih "HTML/Javascript"
2. Judul kosongkan
3. Copas kode berikut ini di kolom "Content"

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css"> a.home-link{display:none}#blog-pager-newer-link {font-size:85%;width:280px;text-align:left;} #blog-pager-older-link {font-size:85%;width:280px;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").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>

Keterangan:
Kode warna merah tidak usah disertakan jika kode jQuery tersebut sudah ada di dalam template blog Anda.

4. Save!

Kini tulisan older post, home, dan newer post sudah berubah menjadi judul posting.

Sebelmnya CB juga sudah share tentang cara menghapusnya jika tidak berkenan dengan link-link tersebut. (Cara Menghapus Tombol Newer Post, Home, dan Older Posts). Good Luck! (http://contohblognih.blogspot.com).*

Thanks for reading & sharing Mengganti Link Newer Post, Home, Older Post dengan Judul Posting

Previous
« Prev Post

4 comments:

Comment Page:
  1. Pertamaxnya di ambil dulu gan....

    ReplyDelete
  2. Bismillah. Semoga genesisseo-nya semakin sangar....

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox