Cara Membuat Home, Posting Lama, Baru, Menjadi Gambar
http://nandarious.blogspot.com/2013/03/cara-membuat-home-posting-lama-baru.html
Cara Membuat Posting Lama, Baru Menjadi gambar
Tulisan Posting Lebih Baru (Newer Post) dapat Anda ganti dengan gambar berupa tanda panah ke arah kiri. Sedangkan Beranda (Home) bisa Anda ganti dengan icon berupa 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.
Sebelum mengganti tulisan link-link tersebut dengan gambar, hal pertama yang Anda lakukan adalah menyiapkan gambar-gambar tersebut terlebih dahulu. Anda dapat membuat sendiri gambar-gambar itu atau mengunduhnya dari situs penyedia icon gratis seperti Iconspedia. Kemudian Anda unggah gambar-gambar tersebut ke situs penyimpanan gambar online seperti Photobucket guna mendapatkan link dari gambar-gambar tersebut.
Bila Anda telah mendapatkan link gambarnya, silakan letakkan link gambar tersebut ke 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.
Agar lebih jelas, silakan simak langkah-langkah utnuk mengganti tulisan link Posting Lebih Baru, Posting Lama, dan Beranda dengan gambar di bawah ini.
1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap utnuk menyalin template. Hal ini untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan sehingga mudah mengembalikan template seperti keadaan saat ini.
4. Beri tanda centang pada Expand Template Widget dengan mengeklik di kotak kecil.
5. Untuk mengganti tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/>. Gunakan Ctrl + F untuk memudahkan pencarian.
6. 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'/>
7. Selanjutnya, untuk mengganti tulisan Posting Lama, silakan cari kode <data:olderPageTitle/>.
8. Ganti kode tersebut dengan kode gambar Anda. Contoh:
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Right-48.png'/>
9. Terakhir, untuk mengganti tulisan Beranda, silakan cari kode <data:homeMsg/>.
10. Silakan ganti kode tersebut dengan kode gambar Anda. Umpamanya, saya menggunakan kode di bawah ini.
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Home-48.png'/>
Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.
11. Klik tombol 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.
Sebelum mengganti tulisan link-link tersebut dengan gambar, hal pertama yang Anda lakukan adalah menyiapkan gambar-gambar tersebut terlebih dahulu. Anda dapat membuat sendiri gambar-gambar itu atau mengunduhnya dari situs penyedia icon gratis seperti Iconspedia. Kemudian Anda unggah gambar-gambar tersebut ke situs penyimpanan gambar online seperti Photobucket guna mendapatkan link dari gambar-gambar tersebut.
Bila Anda telah mendapatkan link gambarnya, silakan letakkan link gambar tersebut ke 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.
Agar lebih jelas, silakan simak langkah-langkah utnuk mengganti tulisan link Posting Lebih Baru, Posting Lama, dan Beranda dengan gambar di bawah ini.
1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap utnuk menyalin template. Hal ini untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan sehingga mudah mengembalikan template seperti keadaan saat ini.
4. Beri tanda centang pada Expand Template Widget dengan mengeklik di kotak kecil.
5. Untuk mengganti tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/>. Gunakan Ctrl + F untuk memudahkan pencarian.
6. 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'/>
7. Selanjutnya, untuk mengganti tulisan Posting Lama, silakan cari kode <data:olderPageTitle/>.
8. Ganti kode tersebut dengan kode gambar Anda. Contoh:
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Right-48.png'/>
9. Terakhir, untuk mengganti tulisan Beranda, silakan cari kode <data:homeMsg/>.
10. Silakan ganti kode tersebut dengan kode gambar Anda. Umpamanya, saya menggunakan kode di bawah ini.
<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Home-48.png'/>
Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.
11. Klik tombol 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.
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
ReplyDeletewah wah (h)
ReplyDelete:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
ReplyDeletecheer
Delete