Rabu, 11 Juli 2012

Older Post dan Newer Post Dengan Judul Artikel


Pernahkah kamu merasa terganggu dan ingin menghapus link older post dan newer post?

Sekarang kamu tidak perlu menghapusnya, karena link tersebut dapat kita modifikasi menjadi lebih bagus dan meningkatkan aksesibilitas blog kamu.

Cara yang saya maksud adalah dengan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).

Contoh tampilan Older dan Newer Link

Cara memasangnya, ikuti langkah berikut:

1. langkah 1

a. Login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML).

b. Letakkan kode berikut ini sebelum </head>



c. Lalu, simpan Template

d. Langkah ke 2

Tambahkan kode di bawah ini ke gadget (Dengan menambahkan widget Javascript/HTML) (posisinya bebas).
<style type="text/css">
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</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 + " >>");//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("<< " + newerLinkTitle);
});
});
</script>
- Simpan gadget Javascript/HTML
- Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???

Suka dengan postingan ini.?

Ditulis Oleh : asdharsyaputra di label

Artikel Older Post dan Newer Post Dengan Judul Artikel ini ditulis oleh asdharsyaputra pada hari Rabu, 11 Juli 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Older Post dan Newer Post Dengan Judul Artikel dapat Anda sampaikan melalui kotak komentar dibawah ini. Dan jangan lupa di like yea kawan. Terima Kasih...

Di Like Dulu Gan Sebelum Pergi..!!
Kritik Dan Saran Sobat Sangat Membantu Blog ini Dalam Menulis Artikel Berikutnya
4 Comments
Komentar

4 komentar:

Unknown on 13 Juli 2012 pukul 03.00 mengatakan... Balas Komentar

gila keren bangeet blognya aduh good job deh top textarea top blog top orangnya pastinyalah..^_^ jadi malu lihat cowok ganteng yang punya blog
oh ya kunjung balik ya di blog ku: http://ningsih-ps.blogspot.com

asdharsyaputra on 13 Juli 2012 pukul 04.08 mengatakan... Balas Komentar

@VEBI
Hahaha... Biasa ajha khali guys... Aq juga baru blajar. Tapi thanks yea... (^_^) (Pasti guys..)

Unknown on 17 Juli 2012 pukul 18.41 mengatakan... Balas Komentar

@asdharsyaputra blognya keren orangnya keren trus apalagi yang yang keren...?? ≧✯◡✯≦

asdharsyaputra on 18 Juli 2012 pukul 11.38 mengatakan... Balas Komentar

@VEBI
Hehehe... Sekali lagi. Makasih ya.. Linknya aq udah simpan. Tu di atas, lia ajha... 乂◕‿◕乂

Posting Komentar

 

Kata Sambutan..

Salam Blogger | Senang rasanya sobat blogger sudah bersedia singgah disini. semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog Aq,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja Guys...

Sekilas tentang penulis..

Nama : Asdhar Syaputra
Panggilan : Asdhar
Alamat : kota Gorontalo (indonesia)
Dari : Sulawesi selatan (Sengkang)
Kelahiran : 05/10/1989
Pekerjaan : Belum ada
Status : Jomblo

Navigasi

Info