08 April 2009

Merubah Bacaan Posting Lama, Baru dan Home dengan Gambar | Changing older post, home and newer post with icon

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Do not forget to give a check in the Expand Widget Templates

5. Find the code below:


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



6. Replace any posts over the green with the code below:



<img src="http://alien.keren.googlepages.com/first.gif"/>



7. Then find this code:


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



8. Change the text color green with the code below:


<img src="http://alien.keren.googlepages.com/last.gif"/>

9. Then find this code:


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



10. Replace any posts over the red with the code below:


<img src="http://alien.keren.googlepages.com/home.gif"/>



11. Save and see the results.

also finally finished happy try

No comments:

Post a Comment