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!
kalau menghapus gambarnya gimana?
BalasHapus@Fadhly : hapus kode yang berwarna merah dan hijau diatas, dan urlnya menyesuaikan url gambar Fadhly. Trims komentarnya!
HapusSaya sudah melakukannya dan gambarnya pun berhasil dihilangkan. :D
HapusNamun, yang jadi masalahnya sekarang posisi judul artikel ny masih tetap seperti biasa. Seolah2 disampingnya masih ada gambar. Padahal gambarnya sudah tidak ada. Bagaimana cara mengatur posisi judul artikel agar pas disebelah kiri?
Terima kasih atas respon ny... :)
@M. Fadhly : Mungkin ada beberapa kode yang belum terhapus semuanya. Tapi saya sudah buka blog Anda, dan judulnya terlihat oke - oke saja. Bisa tolong kirimkan url blog Anda, agar saya dapat melihatnya? :)
HapusMaaf sebelumnya, karena saya agak terlambat membalas komentar ini akibat adanya upacara adat di daerah saya. Trims komentarnya! :)
ok gan thanks infonya ,sekalian mampir ya di onlinebisnis11.blogspot.com
Hapus@Newbie Blogger : oke... Kalo sempat saya main kesana...
HapusTrims komentarnya! :)
@Rizal Saputra : Sama - sama... Trims komentarnya, dan tentu saja kunjungannya... :)
BalasHapusGimana klo postingnya lebih dari satu
BalasHapus