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).*

4 Komentar untuk "Mengganti Link Newer Post, Home, Older Post dengan Judul Posting"

Pertamaxnya di ambil dulu gan....

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

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *