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

at

21 comments:

  1. Aan SharedMarch 19, 2013 at 4:52 AM

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

    ReplyDelete
  2. Irsyad AslamMarch 19, 2013 at 7:32 AM

    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. AnonymousApril 13, 2013 at 11:37 PM

    Mantap sob . semoga makin maju aja blognya :D

    ReplyDelete
    Replies
    1. Irsyad AslamApril 14, 2013 at 6:56 AM

      Iyah,
      Makasih Banyak.

      Salam Sukses,
      Your-BelajarBLOG

      Delete
  4. defantri.comApril 16, 2013 at 8:50 AM

    mantaps...
    tq.

    ReplyDelete
  5. Irsyad AslamApril 28, 2013 at 8:01 PM

    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

    ReplyDelete
  6. AnandaMay 3, 2013 at 4:20 PM

    Sip mas, siap dicoba. Trims infonya! :)

    ReplyDelete
  7. modifikasiblogMay 10, 2013 at 2:45 PM

    makasih gan, cakep. ditunggu kunjungan balik

    ReplyDelete
  8. UnknownJune 7, 2013 at 9:19 AM

    keren sob....visit back ya!!!

    http://nyobakin.blogspot.com/

    ReplyDelete
  9. X-SanJune 15, 2013 at 11:21 PM

    Thx

    ReplyDelete
  10. AnonymousJune 18, 2013 at 5:55 PM

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

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

    ReplyDelete
    Replies
    1. Irsyad AslamJune 19, 2013 at 7:03 PM

      Lupa Saya Pasang Gambar Homenya :D,
      Tapi, Sekarang Sudah saya Pasang,

      Salam Sukses,



      Your-BelajarBLOG

      Delete
  11. Athaya OlshopJuly 2, 2013 at 9:52 AM

    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. Irsyad AslamJuly 2, 2013 at 12:15 PM

      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
  12. AnonymousNovember 11, 2013 at 5:48 AM

    Mantap gan.. desain gambarnya keren (y)

    ReplyDelete
  13. AdminJanuary 23, 2014 at 11:42 PM

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

    ReplyDelete
  14. EprayMarch 26, 2015 at 1:43 PM

    Thanks Gan.. langsung terapin yaaa..

    ReplyDelete
  15. UnknownNovember 2, 2016 at 10:29 PM

    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