Monday 8 July 2013

Cara membuat tombol Home,Next dan Previous di blog

Okey sobat hari ini saya berbagi tips sedikit untuk memperindah navigasi home,next dan previous.

Baiklah sobat langsung saja kita ke langkah - langkahnya :

  1. Login dulu ke akun blog sobat
  2. Kemudian Dashboard, Design, Edit HTML
  3. Jangan lupa untuk mencentang expand, tekan ctrl + f
  4. Cari kode <data:olderPageTitle/> ganti dengan kode di bawah ini 
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILuzfmZGAoC1ZFmHiqUhXYdBB5RIOjEraTLMHFDCVEAbpNtPGLLQRDaHeVQFDIUBHtY0kM6zCpb0wyzcVzTivPMy5Tbc5fTwqBznnc9eCVZ_Wxo8RLfZy-VNFk5UhkaZTBujt0ivEJvDz/s1600/w2b_next.png ' style='border: 0 none;vertical-align: middle;'/>
   
    5. Cari kode <data:newerPageTitle/> ganti dengan kode di bawah ini
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNe4lf3z_57LSXSpYav0DWOs7FUw6MOj845OnU2cnxeQ6aCMkPAFzZTlEeBBVeJ7EEu7f23GCKgezrvxa-ip5rHdwpZhYmvqj8qaxYMMOhyphenhyphenajg5o2-Bb8oh56Y8H3YjV6p__dJc5w0e2z/s1600/w2b_prev.png ' style='border: 0 none;vertical-align: middle;'/>

    6. Cari kode <data:homeMsg/> ganti dengan kode di bawah ini
<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8zPRN_2jH5Yafj6v_6f_NHeVURVoXxhZoR9pJbwxqxoDOKZQoAx1duZIhKaom8Eqm5Jy-kVekh9nctLumkTyqJ2kPIEnYlweZMR9JmRDANO-6tO1yxkUrkdjVcaHDRXJi687dymPTLlnk/s1600/w2b_home.png ' style='border: 0 none;vertical-align: middle;'/>

   7. Kemudian save dan lihat hasilnya,
NB :
  • url yang berwarna kuning adalah url icon Next, sobat bisa menggantinya sesuai selera
  • url yang berwarna hijau adalah url icon Previous, sobat bisa menggantinya sesuai selera 
  • url yang berwarna merah adalah url icon Home, sobat bisa menggantinya sesuai selera
Semoga bermanfaat.

No comments:

Post a Comment

Catatan:
Untuk menyisipkan video, gunakan tag URL YOUTUBE ANDA...
Untuk menyisipkan gambar, gunakan tag URL GAMBAR ANDA...
Untuk menyisipkan kode, gunakan tag KODE ANDA...
Untuk menyisipkan kode panjang, gunakan tag KODE ANDA...
Untuk menyisipkan catatan, gunakan tag CATATAN ANDA...
Untuk menciptakan efek tebal gunakan tag TEKS ANDA...

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

By :Admin The Resistance Blog.
Konversi Kode Disini! Daftar Isi Blog Join to my Blog

Scroll to top