3/10/2013

Cara Mengganti Tulisan Home, Older Post, Newer Post Dengan Gambar

Navigasi Tulisan Home, Older Post, Newer Post, Adalah navigasi yang sangat berguna untuk kembali ke halaman utama, Posting yang lama, atau pun Posting yang lebih baru. Navigasi ini adalah salah satu navigasi yang wajib dipasang. Navigasi ini biasa kita lihat di bawah posting. Navigasi ini pernah saya bahas cara untuk menghilangkan Navigasi Home ini mungkin menurut anda salah satu hal yang mengganggu. tepapi ada juga yang tidak menghilangkan navigasi ini. Memang Navigasi ini Hanya Menggunakan Tulisan saja bagi anda yang memakai template standar yang disediakan oleh blogger atau bagi anda yang memakai template yang anda download di web penyedia template hanya disediakan background untuk menghiasinya. Salah Satu Daya Tarik Adalah Penampilan Dari Blog itu sendiri. Jika Blog Yang Simple-Simple saja Mungkin Pengunjugn Juga bosan dengan penampilan yang itu-itu saja. Untuk itu lah cara ini digunakan untuk menghiasi
Navigasi ini dengan gambar, Dan Tentu Penampilan Terlihat Beda Bukan. Jika Anda Berminat untuk Menggantinya, Berikut ini Caranya:

  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu Template --> Klik Tombol Edit HTML.
  • Cari Beberapa Kode Berikut ini, Dengan Menekan CTRL+F (terlebih dahulu klik kode yang ada didalam editor, lalu tekan CTRL+F) :
Cari Kode Berikut:
Keterangan kode:
<data:newerPageTitle/>
Untuk Mengganti Navigasi Newer Post
<data:olderPageTitle/>
Untuk Mengganti Navigasi Older Post
<data:homeMsg/>
Untuk Mengganti Navigasi Home
  • Ganti Kode Diatas Dengan Kode Berikut ini:
<img src='Masukan URL Gambar Yang Anda Mau'/>

Keterangan:
Ganti Kode Yang Berwarna Merah Dengan URL Gambar Yang Anda Mau Yang Terdapat Dibawah ini:

Untuk URL Gambar Berikut URLnya :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV3pimBk1SvZrfq6jj6_HjTOlhN665lY47jYx5mrw2hdPZ83sQtciswZbyqXWoXUvzzf29va2FdwFJrjUQKdwiZScT3v1sI5B1k7YdBKCy-rSQZu83xcdPMhig-MKAh96SqFv_QZIJFs/s1600/next-button01.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguQ7_JNZzPdwLD95LCJp4xamFR0D6R-54hfpE6ZzE6gqAqcHzZKoLmDuhomhZHjMN1IxojB39PwM4S-Jw8j0Lr0EK8i8zoybd1NuLUOxbO_pqicYXrQGGrPXc7OnWKhxh7btfOeJvuQRI/s1600/previousl-button01.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiKWLa6Em8FYGmuM8JMhGpdWE10sUVmuGyQsUCef4X5gjfPH5215FwoVka6DGC5h_Br3Ouq7V8GlJa5wtk7L7wxnVBJLc9gLOqgicix362ckUm6ucWc6T7g4fmFS2koi5q4LXyxJrFt8/s1600/next-button02.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAMDfwWjYAHoYnB69CPLUvASH8iKwekzdS-5VfeYAqc1ofTnG11OX6oKG5DMMgo6K24Ed6Wm9r4eOusNDwjqfjULxsDLr3SwfHRh1BVazhGsN8ccH4d80WqKmiqP5Cy3zpLFHSZKG_xU/s1600/previousl-button02.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVTKEcHGsKvmgq5J1RJMdAxEcGrZNk5WBpCwAqGj5cMwkAqjRZQXlvd-4o2aLKwrHaAvOxQ99oxoxo3rDzGLuLS-z5sVM6RdAB05TzuFQPNc8lM6NAtreMfJl2QdujhSoDfZf0PbvtJRo/s1600/Home.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDaBh_iFiboUCps8jlDJ6Ze7jbDFtRc7gG3gSB8DpkuS4MiJHTixLP6AM0gmNZZqN-QvMkPSXAWgxzPB71Bh90hQ9_l1jFPI1dYFJZvnTGfgoCmoOvVbe3aTWWjxY8VJEbekSJGsL4pDA/s1600/Home+white.png


Atau bisa dengan gambar yang anda cari sendiri atau dibuat sendiri (terlebih dahulu anda upload dan ambil url gambar)
  • Setelah Itu, Klik Tombol Pratinjau Untuk Meninjau Kesalahan, Jika Tidak Anda Kesalahan Klik Tombol Simpan Template.

Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG

23 comments:

  1. kode nya klo dilihat dari hp ko' gk kelihatan gan..

    ReplyDelete
  2. Iyah Kodenya Saya Kasih Background Gelap,
    Agar Lebih Jelas Kode Yang Akan Diganti :^D^:.
    Coba Gan Lihat Di Komputer,


    Salam Sukses,
    Your-BelajarBLOG

    ReplyDelete
  3. Mantap sob . semoga makin maju aja blognya :D

    ReplyDelete
    Replies
    1. Iyah,
      Makasih Banyak.

      Salam Sukses,
      Your-BelajarBLOG

      Delete
  4. kok kagak bisa atuh?

    Ini blognya http://narutoshippuden-indonesia.blogspot.com

    ReplyDelete
    Replies
    1. Iyah,
      Sudah Ada pengganti dari Tulisan Home, Newer Post sudah digantikan dengan Pages Number,
      Jika Anda ingin menggantinya dengan yang diatas Hapus terlebih dahulu Pages Numbernya.

      Salam Sukses,
      Your-BelajarBLOG

      Delete
  5. Sip mas, siap dicoba. Trims infonya! :)

    ReplyDelete
  6. makasih gan, cakep. ditunggu kunjungan balik

    ReplyDelete
  7. keren sob....visit back ya!!!

    http://nyobakin.blogspot.com/

    ReplyDelete
  8. mantap...tapi pict home nya kok ga ada ya ?

    visit back : http://alesanadicky.blogspot.com/

    ReplyDelete
    Replies
    1. Lupa Saya Pasang Gambar Homenya :D,
      Tapi, Sekarang Sudah saya Pasang,

      Salam Sukses,



      Your-BelajarBLOG

      Delete
  9. saya pakai blogspot versi baru gan.. nggak ad expand widget templates nya. tolong post cara ini tapi pakai yg versi baru gan. makasih

    ReplyDelete
    Replies
    1. Totorialnya Sudah Kami Ganti Dengan Versi Baru,
      Memang versi yang dahulu masih ada, Semenjak pembaruan tombol Expand Widgets ini digantikan dengan fitur yang lebih baru dan lebih mudah untuk digunakan, cara untuk mencari kodenya juga tidak beda dengan versi dahulu, hanya cukup menekan CTRL+F (terlebih dahulu klik kodenya lalu tekan tombol CTRL+F).



      Selamat Mencoba,
      Salam Sukses,



      Your-BelajarBLOG

      Delete
  10. Mantap gan.. desain gambarnya keren (y)

    ReplyDelete
  11. luar biasa bagus gan ulasannya,terimakasih ,posting agan sangat bermanfaat.

    ReplyDelete
  12. Terimakasih gan..
    @ watch-movie-streaming dot blogspot dot com

    ReplyDelete
  13. Thanks Gan.. langsung terapin yaaa..

    ReplyDelete
  14. thanks infonya mas,
    jangan lupa mampir www.aiotekno.com

    ReplyDelete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar