Cara Mengganti New Post,Home,Older Post

LIHAT DI BAWAH BLOG SAYA PERSIS KAN ??

Kebiasaanya pada bahagian bawah posting sesuatu blog terdapat perkataanhome,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 korang 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 korang.

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.

Artikel Terkait:

Posted in: Tutorial Blog