Rabu, 19 Desember 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!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

9 komentar:

  1. kalau menghapus gambarnya gimana?

    BalasHapus
    Balasan
    1. @Fadhly : hapus kode yang berwarna merah dan hijau diatas, dan urlnya menyesuaikan url gambar Fadhly. Trims komentarnya!

      Hapus
    2. Saya sudah melakukannya dan gambarnya pun berhasil dihilangkan. :D

      Namun, 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... :)

      Hapus
    3. @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? :)

      Maaf sebelumnya, karena saya agak terlambat membalas komentar ini akibat adanya upacara adat di daerah saya. Trims komentarnya! :)

      Hapus
    4. ok gan thanks infonya ,sekalian mampir ya di onlinebisnis11.blogspot.com

      Hapus
    5. @Newbie Blogger : oke... Kalo sempat saya main kesana...
      Trims komentarnya! :)

      Hapus
  2. Balasan
    1. @Rizal Saputra : Sama - sama... Trims komentarnya, dan tentu saja kunjungannya... :)

      Hapus
  3. Gimana klo postingnya lebih dari satu

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!