Adsense

Khamis, 1 Julai 2010

Belajar buat blog

Belajar buat blog

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

Posted: 01 Jul 2010 06:29 PM PDT

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(betul ker ayat ni..hehe).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.
Dicatat oleh di