Menukar Tulisan Older Post

Older Posts, Home, Newer Posts. Link² ini akan ada di bahagian bawah posting. Ok sekarang kita akan tukar link² yang berbentuk tulisan ini dengan icon. Nampak lebih cantik dan menarik. Begini caranya..


1. Loggin ke Blogger => Layout => Edit HTML.Tandakan pada kotak Expand Widget. Cari kode dibawah. Gunakan Ctrl+F.

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


2. Gantikan tulisan yang berwarna dengan kode image ini.

<img src="Image URL" />


3. Lihat contoh 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='http://i302.photobucket.com/albums/nn113/aburifaie3/newer.gif'/></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='http://i302.photobucket.com/albums/nn113/aburifaie3/older.gif'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i302.photobucket.com/albums/nn113/aburifaie3/home-1.gif'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i302.photobucket.com/albums/nn113/aburifaie3/home-1.gif'/></a>
</b:if>
</b:if>

</div>



4. Hasilnya begini..



Tambahan: kode² yang asal tu boleh juga di tukar dengan tulisan lain (kalau xmau guna icon)
Anda baru saja membaca artikel yang berkategori Link / Tips dengan judul Menukar Tulisan Older Post. Anda bisa bookmark halaman ini dengan URL http://tekno.infoberguna.com/2008/12/menukar-tulisan-older-post.html. Terima kasih!
Posted by: Unknown Menukar Tulisan Older Post Updated at : 20.38.00

Yang lain juga membaca Link ,Tips

Belum ada komentar untuk "Menukar Tulisan Older Post"

Posting Komentar