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 PostingCaranya 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"
Keterangan:
Kode warna merah tidak usah disertakan jika kode jQuery tersebut sudah ada di dalam template blog Anda.
4. Save!
<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>
<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.
0 komentar:
Posting Komentar