author-photo

Cara Mengganti Tulisan Newr Post,Home,Older Post, Dengan Icon

t

Pada bagian paling bawah halaman posting sobat,di situ sobat akan melihat
tulisan Newer Post/posting baru,Home/Beranda,dan Older Post/posting lama
Untuk menganti tulisan Newer Post,  Home dan Older Post dengan icon
seperti gambar diatas
ikuti langkah - langkah dibawah ini :
1. Login ke blog sobat
2. Klik Design > Edit HTML > centang kotak Expand  Widget Templates
3. Cari kode dibawah ini secara terpisah

A. Kode Newer Post/posting baru

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

Ganti  <data:newerPageTitle/> dengan  Url icon yg sobat inginkan

Contoh :
<img src="http://2.bp.blogspot.com/-4A9MPUhaKKE/T9SNQNQg_zI/AAAAAAAAAcY/ef5xcE2_DnA/s1600/backz.png" alt="Next"/>

B. Kode Older Post/posting lama

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

Ganti <data:olderPageTitle/> dengan Url icon yg sobat inginkan

Contoh :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSj7UjMw3VuLqydIRP3pUDYAokHTVfjWS-bUicVpCT44rpFV-Kk6Htosrr9TeSPjJ3RQhV1x2qlrS0vWBCReuJQOBtOi4Dk6JMf40pJnwG8-w-9sRZhF69EWoYweve8FYWrOtFMjihy8/s1600/klasik+reo.png" alt="Previous" />

C. Kode Home/Beranda
   pada kode home ini ada 2 kode yg terpisah

yg pertama :


<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>


    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>



Dan yg kedua :


<div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

Ganti Kode <data:homeMsg/> pada kode Pertama dan Kedua
dengan Url Icon/gambar yg sobat inginkan

contoh :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJ_6SU3BHoST2GsHiI6x8txjDFImdjUsezlsoifJeVdzHcWBmFw1-4BnwW9ac9_1_cb_EfR-RMwtqjjHIHuxvSbdItZEkpmAoSSipLoE1zigz_IMC8Bz4W5-q1_u7mqMRXcTzrXDJJwc/s1600/reo+ext.png" alt="Home" />



4. Klik Preview/Pratinjau untuk melihat hasilnya
5. Jika tiada kesalahan pemasangan kode klik Save/Simpan

Untuk Url Icon/Gambar bisa lihat disini :



selamat mencoba
semoga berhasil

Share this:

4 komentar

Click here for komentar
Anonymous
June 4, 2012 at 8:12 PM

blognya ada berapa sekarang mas, makin aja template blognya, happy blogging

Balas Hapus
avatar
admin
June 5, 2012 at 11:22 AM

cuma 2 mas hehe...
nu masih suka coba2,maklum pemula.
mksh kunjunganya Mas Rudy

Balas Hapus
avatar
admin
July 9, 2012 at 11:37 AM

kbr baik kang
sepurane mbe sempet bls
wilujeng ngeblog kang

Balas Hapus
avatar
admin

PERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terima kasih sudah berkomentar