Rabu, 12 Desember 2012

Merubah Navigasi Menjadi Judul Posting

EDUKATIF BLOG. Pasti kita tau yang saya maksud navigasi. itu lho link posting lama, home dan posting baru yang berada di bawah artikel/ posting yang kita baca. nah karena seringnya melihat hal itu jadi kebosanan mungkin kita rasakan karena yang kita lihat hanya monoton alias itu-itu aja. untuk itu EDUKATIF BLOG menshare buat anda semua mengenai CARA MERUBAH NAVIGASI POSTING LAMA MENJADI JUDUL POSTINGAN. dalam hal ini adalah kita merubah navigasi default bawaan blogger menjadi seperti gambar dibawah ini .

Merubah Navigasi Menjadi Judul Posting
 
Baiklah kita langsung ke kesekolah:
1. Log in Blogger
2. Edit HTML
3. Letakkan Script berikut ini dibawah kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
4. Jika Script tersebut ternyata sudah ada di template anda maka tidak usah di kasih lagi karena akan mengakibatkan komponen blog yang terkait dengan script tersebut tidak berjalan.
5. Setelah itu Simpan Template
6. Langkah selanjutnya buka tata letak
7. Add HTML, dan masukkan kode berikut
<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;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>
8. Langkah terakhir silahkan simpan template anda dan lihat hasilnya
Jika ternyata  masih gagal, maka ikuti tutorial dari langkah 1 s/d 5 saja. yang seterusnya tidak usah dilakukan.
terima kasih sudah mampir dan salam kenal

Merubah Navigasi Menjadi Judul Posting, merubah posting lama dan baru menjadi judul posting