Cara Mengganti Beranda Pada Blog

Halo semuanya, kali ini Bangiz akan berbagi tips dan trik tentang blogging. Meskipun cara di atas sudah banyak orang yang membahas tapi tidak ada salahnya saya juga ikut berbagi. Siapa tahu cara yang Bangiz akan bagi ini lebih mudah dimengerti dan dipahami. Disini ada tiga hal yang bisa Anda pelajari, yaitu:

A. Merubah kata Home, Newer dan Older

B. Menambahkan gambar di samping Home, Newer dan Older

C. Mengganti Home, Newer dan Older dengan gambar

Oke jika Anda tertarik teruskan saja membaca dan ikuti langkahnya berikut ini:

1. Masuk ke dasbor blogger > Template > Edit HTML
2. Gunakan Ctrl + F dan temukan kode berikut:

    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

A. Merubah kata Home, Newer dan Older
 
Untuk merubah kata-kata di atas, Anda hanya perlu mengganti kode yang berwarna merah di atas dengan kata yang Anda inginkan

• ganti <data:newerPageTitle/> contoh: Selanjutnya atau NEXT POST 

• ganti <data:olderPageTitle/> contoh: Sebelumnya atau PREVIOUS POST

• ganti <data:homeMsg/> contoh: Beranda, Home atau HOMEPAGE

B. Menambahkan gambar di samping Home, Newer dan Older
 
Untuk menambahkan gambar, Anda hanya perlu menambah kode link gambar yaitu

<img src="Alamat URL"/>

Hasilnya nanti seperti ini

<img src="Alamat URL"/><data:newerPageTitle/>

Catatan: ganti Alamat URL dengan alamat URL gambar yang Anda inginkan


C. Mengganti Home, Newer dan Older dengan gambar

Cara mengganti ke-3 hal di atas, tambahkan kode berikut:

<img src="Alamat URL"/>

--> ganti Alamat URL, dengan URL gambar
--> ganti kode yang berwarna merah pada no. 2 dengan alamat URL, contoh

• ganti <data:newerPageTitle/> dengan gambar untuk posting selanjutnya

• ganti <data:olderPageTitle/> dengan gambar untuk posting sebelumnya

• ganti <data:homeMsg/> dengan gambar untuk home atau beranda

3. Jangan lupa simpan dan lihat hasilnya.