August 08, 2012

Cara Mengganti Tampilan Posting Lama,Baru Dan Beranda Dengan Gambar Di BlogSpot

Kali ini saya akan share tentang cara mengganti tampilan posting lama,baru dan beranda dengan gambar, Artikel ini saya dapat dari "www.andreykusanagi.com" meski tidak terlalu mirip dgn aslinya tapi intinya tetap sama kok' dan trik tersebut berhasil digunakan di blog saya.Coba sobat lihat tampilan bawah blog saya,di situ ada ada sebuah gambar,yang bila sobat klik gambar rumah,sobat akan dibawa ke halaman beranda blog saya,dan bila sobat klik tanda panah ke kanan,sobat akan dibawa ke halaman postingan saya selanjutnya dan bila sobat klik tanda panah ke kiri, maka sobat akan dibawa ke halaman sebelumnya setelah postingan saya ini.

Jika sobat tertarik untuk mengganti tampilan posting lama,baru dan beranda menjadi gambar silahkan sobat ikuti beberapa langkah berikut,sobat hanya membutuhkan beberapa menit saja untuk membuatnya.

1.Login ke akun blogger sobat
2.Klik menu TEMPLATE
3.Klik EDIT HTML
4.Centang Expand Template Widget
5.Kemudian cari kode beranda yaitu  <data:homeMsg/> 
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/beranda.png'/>

6.Kemudian cari kode posting lama yaitu <data:olderPageTitle/>
jika sudah ketemu,hapus dan gantii dengan kode
  <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageNext.png'/>

7.Setelah itu kita cari kode posting baru yaitu <data:newerPageTitle/>
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
  <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageBack.png'/>

8.Terakhir klik Save Template
9.Selesai

Bagi sobat yang menggunakan tampilan antarmuka blogger yang lama,silahkan ikuti langkah berikut
1.Login ke akun blogger sobat
2.Klik Menu RANCANGAN
3.Klik EDIT HTML

4.Centang Expand Template Widget
5.Kemudian cari kode beranda yaitu  <data:homeMsg/> 
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/beranda.png'/>

6.Kemudian cari kode posting lama yaitu <data:olderPageTitle/>
jika sudah ketemu,hapus dan gantii dengan kode
    <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageNext.png'/>

7.Setelah itu kita cari kode posting baru yaitu <data:newerPageTitle/>
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
    <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageBack.png'/>

8.Terakhir klik SIMPAN TEMPLATE
9.Selesai

(sumber:andreykusanagi.com)

1 comments:

by catur said...

sukses gan :)
makasih infonya