Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar di Blog
Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar di Blog - Sobat blogger kembali saya share cara menghias blog dengan memasang atau mengganti ‘Posting Lebih Baru’ ‘Home’ dan Posting Lebih lama’ dengan menggunakan gambar . Contohnya seperti di atas , menarikkan? Pengen coba?
Tulisan Posting Lebih Baru
(Newer Post) dapat Anda ganti dengan gambar berupa tanda panah ke arah kiri.
Sedangkan Beranda (Home) bisa Anda ganti dengan iconberupa rumah.
Gambar tanda panah ke arah kanan dapat Anda gunakan untuk menggantikan Posting
Lama (Older Post). Atau Anda dapat menggantinya dengan gambar-gambar sesuai
kreativitas Anda.
NB:
Sebelum anda mengganti
tulisan link-link tersebut , hal yang perlu Anda perhatikan adalah dengan
menyiapkan gambar-gambar/icon tersebut terlebih dahulu . Contoh situs penyedia
icon gratis seperti iconspedia . Lalu anda unggah gambar2 tersebut ke situs
penyimpan gambar seperti photobucket dll .
Jika anda sudah
mendapatkan link2 gambar tersebut , silahkan anda letakkan di dalam kode <img src='link
gambar'/> . Nantinya
kode ini yang akan digunakan untuk menggantikan suatu kode tertentu guna
membuat tulisan link Posting Lebih Baru, Beranda, Posting Lama berubah menjadi
gambar-gambar.
OK tak usah basa-basi,langsung aja ke TKP :
OK tak usah basa-basi,langsung aja ke TKP :
1.
login ke akun Blogger > Template > Edit HTML > Expand Widgets Templates
.
2.
tapi terlebih dahulu
anda download template anda untuk berjaga-jaga .
Untuk mengganti
tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/> . Gunakan Ctrl +
F untuk memudahkan pencarian.Ganti kode tersebut dengan kode gambar
Anda. Misalnya, saya menggunakan kode di bawah ini.
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Left-48.png'/>
Selanjutnya, untuk mengganti tulisan Posting Lama,
silakan cari kode <data:olderPageTitle/> . Ganti kode tersebut dengan kode gambar dibawah ini:
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Right-48.png'/>
Untuk mengganti tulisan Beranda,
silakan cari kode <data:homeMsg/> . Silakan ganti kode tersebut dengan kode gambar dibawah
ini.
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Home-48.png'/>
NB:
Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.
Selesai dan SIMPAN TEMPLATE.
Bila Anda menggunakan kode-kode gambar dalam contoh di atas, maka gambar-gambar yang muncul adalah seperti yang terlihat pada screenshot di atas.
Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.
Selesai dan SIMPAN TEMPLATE.
Bila Anda menggunakan kode-kode gambar dalam contoh di atas, maka gambar-gambar yang muncul adalah seperti yang terlihat pada screenshot di atas.
Post a Comment
- Top comments
- Newest first