Jumat, 27 Februari 2015

Mengganti Posting Baru, Lama dan Home menjadi Gambar Text

Mengganti Posting lebih baru, beranda dan posting lama menjadi gambar atau tulisan. Link tersebut adalah link yang muncul pada bagian bawah post body blogger. Link tersebut berfungsi untuk mengalihkan pengunjung blog yang meng-kliknya untuk menuju ke posting selanjutnya atau posting sebelumnya dari posting yang sobat sedang lihat. Anda juga dapat mengganti tulisan posting lebih baru dan posting lebih lama menjadi judul postingan.

Mengganti Link Posting Baru, Lama dan Home Blogger dengan Gambar atau Text
Mengganti Link Posting Baru, Lama dan Home Blogger dengan Gambar atau Text

Sesuai dengan judul pada posting ini, maka ada 2 tipe cara yang akan dipakai. Pertama dengan tulisan biasa dan kedua dengan menggunakan gambar entah dari web penyedia gambar ataupun kreasi dari sobat lalu di-upload. Langsung saja berikut cara merubahnya.

Mengganti Beranda, Posting Baru dan Lama

Langkah 1. Sign In ke Blogger --> Template --> Edit HTML

Edit HTML

Langkah 2. Klik pada kotak kosong Edit HTML dan cari (CTRL+F) salah satu kode berikut:
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>
Tampilan penuh-nya akan terlihat seperti ini:
  <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. Mengganti Link Posting Baru, Lama dan Home dengan Text
Sobat cukup mengganti kode dibawah ini dengan text sesuai keinginan:
<data:newerPageTitle/> --> link posting baru (misal: Next Post, Lanjut Gan, dkk)
<data:olderPageTitle/>  --> link posting lama (misal: Previous Post, Sebelumnya Gan, dkk)
<data:homeMsg/>         --> link home (misal: Homepage, Laman, dkk) --> cukup 1 kata

B. Mengganti Link Posting Baru, Lama dan Home dengan Gambar
Sobat cukup tambahkan kode berikut ini pada awal setiap kode yang berwarna.
<img src="URL Gambar"/>
Contohnya:
<img src="URL Gambar"/><data:newerPageTitle/>
<img src="URL Gambar"/><data:olderPageTitle/>
<img src="URL Gambar"/><data:homeMsg/>
Tentunya sobat sudah terlebih dahulu upload gambarnya. Upload gambar dapat dengan mudanh menggunakan posting blogger yang disimpan (draft).

Langkah 3. Simpan Template

Sekian.
Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar