Thursday, July 1, 2010

Menukar perkataan home,older post dan new post pada blog kepada ikon

change home,older post and new post to icon
Kebiasaanya pada bahagian bawah posting sesuatu blog terdapat perkataan home,older post dan new post.Kita boleh lihat pada kebanyakan laman web ikon diletakkan bagi menggantikan perkataan yang mana nampak lebih cantik dan praktikal.Jika anda ingin menukarnya,berikut adalah langkahnya:

1.Masuk ke blogger
2.kemudian pilih design/layout--->>edit html-->> Expand Widget Templates

3. Untuk new post cari kod dibawah:
<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>

4. Tukar perkataan berwarna oren dengan kod dibawah:
<img src="http://roele112.googlepages.com/newer.png"/>
5. Untuk older post  cari kod ini:
<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>
6. tukar perkataan berwarna oren dengan kod dibawah:
<img src="http://roele112.googlepages.com/older.png"/>
7. Untuk home pula cari kod ini:
<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>
8. Tukar perkataan berwarna oren dengan kod dibawah::
<img src="http://roele112.googlepages.com/home.png"/>

9.Kemudian simpan template anda.
Gunakan ctrl+F lebih mudah untuk cari kod.taipkan --newerPageUrl,olderpageUrl dan homepageUrl..sebab setengah template kod agak berbeza sedikit.Jika korang nak tukar ikon yang lain boleh dapatkan pada laman laman web,cuma perlu upload ke photobucket,imageshack dan sebagainya.

No comments:

Post a Comment

Gambar Belangkas