Cara Mengganti Newer Post, Older Post, Home, Previous, Next Dengan Gambar Di Blog

Cara Mengganti Newer Post, Older Post, Home, Previous, Next Dengan Gambar Di Blog - Nah, udah lama saya gak posting artikel di blog ini. Soalnya lagi ada ujian akhir semester. Online pula. -_- Lagipula, saya lagi buat blog baru lagi. Makanya, lagi jarang banget buat posting. Tapi tenang, blog ini akan trus hidup kok. Dan hari ini, saya akan bahas Cara Mengganti Tulisan Newer Post, Older Post, Home Dengan Gambar Di Blog.

Buat blog sobat yang ber-template, blogskin, maupun ngehias sendiri. Pastinya ada tuh, tulisan newer post, older post, home di blog.. Kalo gak ada, mungkin ada tulisan previous, next, home di blog. Nah, tau kan apa yang saya maksud disini? Buat sobat yang belum tau apa yang dimaksud disini, saya akan jelaskan.

Nah, berikut adalah contoh gambar dari newer post, home, dan older post di blog. Tapi, ini menggunkan bahasa Indonesia. Mungkin, blog sobat tulisan newer post, home, dan older post di blog juga bahasa Indonesia. Yaitu, Posting lebih baru, beranda, dan posting lebih lama.

Biasanya tulisan Posting lebih baru, beranda, dan posting lebih lama di blog terletak di atas footer. Dan, pastinya sekarang sobat sudah faham dengan penjelasan singkat diatas. Nah, setelah semua saya anggap faham, tau gak? Fungsi dari newer post, home, dan older post di blog itu apa?

Fungsi dari newer post, home, dan older post di blog adalah untuk mempersingkat tampilan artikel di blog selain menggunakan auto read more. Biasanya, para Blogger sering menunjukkan 5 artikel dibagian homepage. Karena itu merupakan salah satu trik SEO.

1. Login Blogger

2. Template/rancangan

3. Edit HTML

4. Cari kode dibawah ini: (agar mempermudah pencarian, klik kolom Edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)
*Posting lebih baru (Previous/Newer post):

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

*Posting lebih lama (Next/older post):

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

*Beranda (Home)

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

5. Lalu, ganti kode tersebut dengan kode berikut:
Script untuk gambar posting lebih baru (Previous/Newer post):

expr:title='data:newerPageTitle'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/back.png'/></a>

Script untuk gambar posting lebih lama (Next/older post):

expr:title='data:olderPageTitle'><img src='http://b.dryicons.com/images/icon_sets/blue_velvet/png/32x32/forward.png'/></a>

Script untuk gambar beranda (Home)

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/home.png'/></a>

*Ganti URL gambar yang akan dipilih. Berhubung hari ini saya berbaik hati, saya kasih sedikit gambar dari Newer post, home, dan older post. Untuk mendapatkan URL image nya, klik kanan lalu pilih Copy image URL.

Cari di sendiri ya... Di Google banyak banget. Bejibun.

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi.  Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger

Judul	Cara Mengganti Newer Post, Older Post, Home, Previous, Next Dengan Gambar Di Blog
Deskripsi	Cara mengganti newer post, older post, home, previous, next, dengan gambar di blog, Cara mengganti tulisan newer post, older post, home, previous, next, dengan icon di blog, Cara merubah newer post, older post, home, previous, next, dengan gambar/icon di blog
Author	Fahmi Fanirius
Author Rating	96%/ 100% Suara Dari 1500 votes