Setelan Blog Pager Pada Kodeksidipo — Kodeksidipo

Blog pager yang berfungsi sebagai navigasi halaman blog pada Kodeksidipo telah dirubah.

Tag HTML Blog Pager sebelumnya adalah sebagai berikut:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</div>
<div class='clear'/>
</b:includable>

Penambahan javascript Blog Pager supaya bisa menampilkan judul posting (juga pada saat mouse berada di atas tautan) adalah sebagai berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Navigasi Postingan Baru (Newer)
var newerLink = $("a.blog-pager-newer-link").attr("href");
if (newerLink) {
$("a.blog-pager-newer-link").load(newerLink + " .post-title:first", function() {
var newerTitle = $(this).text().trim();
$(this).text(newerTitle); // Mengubah teks tombol
$(this).attr("title", newerTitle); // Mengubah expr:title bawaan
});
}
// Navigasi Postingan Lama (Older)
var olderLink = $("a.blog-pager-older-link").attr("href");
if (olderLink) {
$("a.blog-pager-older-link").load(olderLink + " .post-title:first", function() {
var olderTitle = $(this).text().trim();
$(this).text(olderTitle); // Mengubah teks tombol
$(this).attr("title", olderTitle); // Mengubah expr:title bawaan
});
}
});
//]]>
</script>
</b:if>

Penambahan CSS Blog Pager mengikuti perubahan tag HTML adalah sebagai berikut:

/* Blog Pager */
#blogpagernewerlink:before {
content:'\0025EE \a0 Posting Berikutnya: ';
text-decoration: underline;
text-decoration-style: wavy;
}
#blogpagerolderlink:before {
content: '\0025ED \a0 Posting Sebelumnya: ';
text-decoration: underline;
text-decoration-style: wavy;
}