Thursday, December 20, 2012

Cara Memasang Gambar Disamping Judul Posting Blog



Cara Memasang Gambar Disamping Judul Posting Blog – Gambar, merupakan suatu hiasan yang bersumber dari ekspresi jiwa. Sebagai hiasan, tentunya ia dapat memperindah blog kita. Kali ini saya akan memaparkan bagaimana cara memasang gambar disamping judul postingan blog Anda (sehingga nantinya gambar tersebut akan terlihat seperti ikon yang memperindah judul postingan tersebut).
1.       Siapkan url gambar yang akan Anda gunakan sebagai ikon posting blog. Gunakan gambar yang kecil. Jika Anda membutuhkan gambar dengan ukuran kecil, Anda dapat mencarinya di situs pencari icon.
2.       Buka blog Anda, lalu masuk ke menu Template. Backup dulu template anda, untuk berjaga – jaga akan kemungkinan kesalahan pengeditan.
3.       Klik tombol Edit HTML (disamping tombol Sesuaikan). Jika muncul peringatan, klik Lanjutkan.
4.       Centang kotak Expand Template Widget. Tujuannya untuk memperlihatkan kode – kode HTML yang tersembunyi.
5.       Carilah kode dibawah ini (gunakan CTRL + F untuk menampilkan kotak dialog Find, kemudian copy dan pastekan kode dibawah ini pada kotak yang muncul) :

<a expr:href='data:post.url'><data:post.title/></a>

Jika Anda menemukan 2 kode seperti kode diatas, gunakan kode yang paling pertama.
6.       Pastekan kode dibawah ini (diantara <a expr:href=’data:post.url’> dengan <data:post.title/>)

<img src=’http://cdn1.iconfinder.com/data/icons/opensourceicons/32/flower.png' style=’margin-right:10px'/>

Ganti url yang berwarna merah dengan url gambar Anda. Sedangkan angka 10px itu maksudnya jarak gambar dengan judul posting blog Anda. Gantilah sesuai keinginan.
Sehingga kodenya akan menjadi :

<a expr:href='data:post.url'><img src=’http://cdn1.iconfinder.com/data/icons/opensourceicons/32/flower.png' style=’margin-right:10px'/><data:post.title/></a>

Dimana url yang berwarna merah merupakan url gambar Anda.
7.       Langkah terakhir, simpan template blog Anda dengan mengklik Simpan Template.
8.       Lihat blog Anda untuk mengetahui hasilnya.
Selesai sudah langkah – langkah untuk memasang gambar disamping judul postingan blog. Jangan lupa tinggalkan komentar, dan selamat mencoba!
Disqus Comments