>Mengganti Older Newer Link Post dengan Judul Postingan


> h1 a:hover {background-color:#888;color:#fff ! important;} div#emailbody table#itemcontentlist tr td div ul { list-style-type:square; padding-left:1em; } div#emailbody table#itemcontentlist tr td div blockquote { padding-left:6px; border-left: 6px solid #dadada; margin-left:1em; } div#emailbody table#itemcontentlist tr td div li { margin-bottom:1em; margin-left:1em; } table#itemcontentlist tr td a:link, table#itemcontentlist tr td a:visited, table#itemcontentlist tr td a:active, ul#summarylist li a { color:#000099; font-weight:bold; text-decoration:none; } img {border:none;}

Mengganti Older Newer Link Post dengan Judul Postingan


Mengganti Older Newer Link Post dengan Judul Postingan

Posted: 02 Apr 2011 08:36 PM PDT

Teringat beberapa saat lalu sebelum masa vakum lama, saya sempat ngobrol dengan beberapa teman Blogger seperti master ben-ben, salah satunya adalah keinginan saya untuk memodifikasi link ke postingan lama dan ke postingan baru bergaya wordpress sehingga yang muncul adalah judul artikel atau postingannya. Sebenbarnya untuk template classic blogger hal ini sudah bisa diterapkan sejak lama, namun untuk custom template saya baru mendapatkan infonya saat masa-masa vakum tersebut. Akhirnya percobaan yang gagal terus menerus itu terbuka sudah, saya temukan trik ini dalam postingan GreenLava.

Artikel sebelumnya yang berkaitan:
Mengganti Older Newer Link Post dengan Gambar
Mengganti Tulisan Poskan Komentar
Modifikasi Shoutmix Buku Tamu

Nah, ternyata trik mengganti older newer link post menjadi judul artikel ala wordpress ini dapat diapliaksikan dengan JQuery. Contohnya bisa Anda lihat di Sharing Blog ini: Video Ramalan Deddy Corbuzier. Link yang seharusnya bertuliskan posting lama dan posting lebih baru telah berganti menjadi << Apakah Facebook di Hack? di bagian kiri dan Lukisan Pahlawan-pahlawan Indonesia >> di sebelah kanan. Ini adalah salah satu hack Blogger yang paling saya nanti-nanti. Jadi, mari kita coba….

Untuk membuatnya sangat mudah. Silahkan Anda login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML). Letakkan kode berikut ini sebelum </head>

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script&gt;

Kemudian tambahkan kode di bawah ini ke gadget HTML letakkan terserah di Elemen Halaman Anda.

<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>

 

Silahkan atur ukuran font dan lebar area link pada yang berwarna biru. Silahkan mencoba dan semoga bermanfaat. Hari ini Minggu, artinya…. inilah waktu untuk membuat diri Anda kembali fresh

About lassun

The first child of three brothers who try to exist in the blogging world, to be able to search for identity

Posted on 3 April 2011, in Tak terkategori. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: