Do You Know...
" "

Tuesday, February 14, 2012

Tutorial : Change "New, Older , Home" With Text And Image

Do you Like this?


 

Information :

Jika kita melihat dan mengamati tulisan older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya kamu perlu memperhatikan tampilannya agar lebih menarik pengunjung untuk meng-klik-nya.

Kamu dapat dengan mudah mengubahnya menjadi tulisan lain atau gambar (icon) dengan cara sebagai berikut.
 

Tutorial :

1. LOGIN ke Blogger dengan ID kamu.

2. Klik Tata Letak.

3. Klik tab Edit HTML.

4. Lalu cari kode yang berwarna hijau berikut
.
expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>

 3. Perhatikan hal-hal berikut:

a. Jika ingin mengganti dengan tulisan lain :

<data:newerPageTitle/> adalah newer post, hapus dan ganti dengan "Previous" atau kata-kata sejenisnya yang diinginkan.
<data:olderPageTitle/> adalah older post, hapus dan ganti dengan "Next" atau kata-kata sejenisnya yang diinginkan.
<data:homeMsg/> adalah home/beranda (biasanya ada dua, jadi jika ingin mengganti, maka ganti keduanya), biarkan begitu saja atau ganti dengan "Home" atau kata-kata sejenisnya yang diinginkan.
 
Ex:
expr:title=’data:newerPageTitle’>Next</a>
expr:title=’data:olderPageTitle’>Previous</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>

b. Jika ingin mengganti dengan gambar (icon) :

Masukkan script image source sebagai pengganti dari tulisan: <img src="url gambar"/>

1. Untuk new post cari kode dibawah:
<data:newerPageTitle/>
dan ganti dengan:
<img src="url gambar"/>

2. Untuk older post  cari kode ini:
<data:olderPageTitle/>
dan ganti dengan:
<img src="url gambar"/>

3. Untuk home cari kode ini:
<data:homeMsg/>
dan ganti dengan:
<img src="url gambar"/>


Note :

<img src="url gambar"/>
  • Edit kode berwarna hijau diatas dengan url gambar sesuai keinginan kamu.
  • Untuk mendapatkan gambar-gambar yang menarik kunjung ke Icon Archive 


Written By : Hadana Lihadzar R.

Article Tutorial : Change "New, Older , Home" With Text And Image posted by Hadana Lihadzar R. on day Tuesday, February 14, 2012. Thank you for your visit and your willingness to read this article. Criticism and suggestions can you leave in the comments box.


2 comments:

Blogger Sidoarjo said...

Berkunjung Masgan :D

Hadana Lihadzar R. said...

ok...
Semoga betah ya gan...
Kunjung balik ah..
hehehe...

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w:

Post a Comment

Add Your Comment ..!

Thank you for your visit ..!
Please leave your comments if there is a need to be addressed

"Comment with polite words"