Cara mengubah Link Older post, Newer Post, Dan Home Dengan gambar


Salah satu yang bisa membuat pengunjung betah berkunjung ke blog yang kita adalah karena menarik dan rapinyanya template blog yang kita buat. Selain kita dapat membuat link berupa tulisan kita juga bisa membuat link berupa gambar, walaupun link gambar yang kita buat bisa memperlambat loading blog kita. Untuk itu alangkah baiknya sebelum kita menggunakan gambar pada tampilan blog, ukuran gambarnya kita perkecil.Salah satu software yang mudah kita gunakan untuk mengecilkan ukuran file gambar adalah “ Format Factory “


Pada posting kali ini saya akan berbagi cara mengganti link older post (posting lama), New post ( Posting baru, dan Home (Beranda).

Langkah-langkahnya adalah sebagai berikut :
  • Pastiya anda login ke blog anda dengan e-mail dan password yang anda gunakan
  • Pilihlah menu Design ( rancangan) lalu memilih sub menu Edit HTML
  • Agar tidak terjadi error,alangkah baiknya anda membackup dulu template blog anda dengan cara mengelik “ Download full templates “
  • Centang pada kotak "Expand Widget Template"
  • Jika anda ingin mengganti Link “Older Page ( Posting lama ) carilah kode berikut : 
<data:olderPageTitle/>
  • Kalau sudah ketemu ganti kode tersebut dengan kode icon/gambar yang sudah anda siapkan. Atauu jika anda berkenan bisa menggunakan Contohnya seperti ini :
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3OUY5SiV4fXVKerWf3xpf44SQZWFlakTl3S6GX7tTBMaJ_WdrOh2uL6Bgg7qFewPUhEC21RPkKNd1234_szxhkg_l4hTyHH9y5SEa8XsX9gq1eABzrIRpRbSAFqgq_QsHikxKIgP_rw/s1600/next.png" /></a> 

  • Jika anda ingin mengganti link newer post (Posting baru), cari kode berikut <data:newerPageTitle/> kemudian ganti dengan link gambar dibawah ini.:
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK8Zp3odhSmOy3pEgcCLNwdaE3BzZdlKmNrl877kgFv8YUFpewgxuaadeuxXw_90bghAhFQl56t9Nf3UqTey7lwvFlWz-a_sQOtASw1Dme7xbWAPVJFWxj1nTUfrF-iNQA1fLtk-vONDM/s1600/pre.png" /></a>
  • Sedangkan untuk mennganti link home-nya, carilah kode berikut <data:homeMsg/>. Biasanya terdapat dua kode yang sama. Lalu gantilah kode yang pertama dengan link icon dibawah ini.
 <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ULwqGXpn6WIO6Xy268xDfAW8WLNcgYsMZInPXVRemsG6lYm5AoiyHU8fwt8h0vlMU-xWEI2chb99Yp0Esk05YzcGaCJFol7MVLv3oKIHfhmyUEG6qkT1sNDcDm3iczli4whqrDQJq_E/s1600/home.png" /></a>

  •  Gambar anda bisa membuat sendiri sesuai kesukaan menggunakan software design grafis seperti Photoshop maupun Aplikassi pengolah gambar lainnya.
  • Terakhir jangan lupa simpanlah template anda.
Setelah anda simpan nantinya akan menjadi seperti gambar berikut :


  • Moga bermanfaat bagi anda....Salam Blogger 






0 comments: