Mengganti Tulisan Posting Lama Posting Baru/Older Post,Newer Post dengan Image/Gambar

Sebelumnya,siapkan url gambar yang akan di tampilkan disini.  Misal:untuk Older Post/Posting Lama saya akan menggunakan gambar seperti di bawah ini:

Dimana url alamat gambar tersebut adalah:

---

http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png

---

Untuk Newer Post/Posting Baru saya akan menggunakan gambar seperti di bawah ini:



Dimana url alamat gambar tersebut adalah:

---

http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png.

---

Nah selanjutnya ikuti langkah berikut:

• Mengganti Tulisan Posting Lama/Older Post dengan Image/Gambar

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

---

<data:olderPageTitle/>

---

Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:

---

<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png" alt="Prev"/>

---

Lalu Simpan Template.

• Mengganti Tulisan Posting Baru/Newer Post dengan Image/Gambar

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

---

<data:newerPageTitle/>

---

Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:

---

<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png" alt="Next"/>

---

Lalu Simpan Template.

Pengaturan pada Home/Halaman Muka

Jika anda ingin mengganti atau merubah tulisan Home/Halaman Muka,ikuti langkah berikut:
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah 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>

---

Perhatikan kode <data:homeMsg/>yang bercetak tebal,ada 2 <data:homeMsg/> kode yang sama,tapi anda hapus kode <data:homeMsg/> yang berada dibagian atas,selanjutnya ganti sesuai dengan keinginan dan hapus jika anda ingin menghilangkannya.
Misal;saya akan menggantinya bukan dengan mengganti tulisan melainkan dengan gambar sbb:







Dimana URL gambar diatas adalah:

---

http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif

---

sebagaimana yang saya pakai pada blog ini.
Selanjutnya saya akan merubah kode diatas sehingga akan menjadi seperi ini:

---

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif" alt="home"/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

---

Lalu Simpan Template,Selesai.