Cara Mengganti Old New Post dengan Gambar

Posting Lama adalah untuk melihat postingan dalam blog kita yang sudah lama. Tulisan itu berada dibawah postingan pada postingan terakhir. Link tersebut bisa diganti dengan gambar dengan cara mengutak-atik templatenya. Dan kamu bisa mengganti tulisan tersebut dengan gambar atau tombol

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Tata Letak

3. klik Edit HTML (Sebelum di coba tak ada salahnya bisa mendownload template default)


4. Trus beri tanda centang pada Expand Widget Template

5. Lalu cari kode <data:olderPageTitle/>

<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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/> </a>
</span>
</b:if>

* warna merah ganti dengan url gambar yang mau di jadikan sebagai pengganti tulisan posting lama / older post kemudian di tambah seperti format berikut

<img src='http://img84.imageshack.us/img84/2460/postinglama.gif' style='border:none;'/>
* contoh url : http://img84.imageshack.us/img84/2460/postinglama.gif


6. Lalu cari kode<data:newerPageTitle/>

<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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><<data:newerPageTitle/></a>
</span>
</b:if>

* warna merah ganti dengan url gambar yang mau di jadikan sebagai pengganti tulisan posting baru / new post kemudian dotambah seperti format berikut

<img src='http://img69.imageshack.us/img69/1830/postingbaru.gif' style='border:none;'/>
* contoh url : http://img69.imageshack.us/img69/1830/postingbaru.gif


7. Lalu cari kode <data:homePageTitle/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homePageTitle/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

* warna merah ganti dengan url gambar yang mau di jadikan sebagai pengganti tulisan Home kemudian ditambah seperti format berikut

<img src='http://img64.imageshack.us/img64/2652/homedr.gif' style='border:none;'/>
* contoh http://img64.imageshack.us/img64/2652/homedr.gif



Simpan hasil kerjaan anda, dan lihat hasil nya..
NB :Untuk mengupload gambar teman teman bisa lewat imageshack.us dll

Semoga bermanfaan

Tags : Cara mengganti link older post / new post / home dengan gambar, Cara mengganti tulisan posting lama / baru / Home dengan gambar

Mungkin ini yang Kalian Cari