Mengganti Tulisan Older Post dan Newers Post

On Jumat, 10 Oktober 2008 0 komentar

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.




langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

3. Ganti kode tersebut menjadi seperti ini:

<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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
<img src="Image URL" /></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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- Icon Archive

3. Selamat mencoba

0 Comments

No comments yet. Be the first to leave a comment !
Leave a Comment

Next Post Previous Post
Powered by Blogger