Cara Membuat Gambar Di Judul Postingan

Advertise Here

Pagi sahabat bloger, kali ini saya akan berbagi informasi tentang bagaimana membuat tampilan glog kita semakin menarik, yaitu dengan cara memasang icon/image di setiap postingan artikel kita. ini SS nya:

Cukup menarik kan? gini cara membuatnya:

• Buatlah gambar yang cocok, menarik dan pas untuk dipasang di samping judul postingan anda.
• Kemudian upload gambar yang telah anda buat di penyedia layanan gratis seperti Flicker.com atau Photobucket.com
• Setelah Gambar di upload copy image ULRnya, ini contoh ULR image nya.

http://multiply.com/mu/wemax/image/2/photos/43/1200x120/1/Bulpoin-Gue-Conceptual-Mode.jpg?et=Ccg1FDHvFitW2HlQTAog0g&nmid=105218041

•  Kemudian buat kede berikut:

<img src="MASUKKAN ULR GAMBARMU DISINI" width="45" hight="45" border="0"></img>a

KETERNGAN WARNA:
Biru : Isi dengan ULR Image kamu
Kuning : adalah ukuran image yg akan tampil di blog anda, jd ubah sesuai kebutuhan.

• Nah kini tinggal cara memasukan kode diatas ke dalam blog kita.
• langkah pertama Login ke blog anda
• Untuk Mengurangi risiko Kode HTML kita rusak, alangkah baiknya kita download template kita secara lengkap. so jika terjadi kesalahan kita mudah mengembalikannya seperti semula.
• Lanjut Klik menu Layout  > Edit HTML dan jangan lupa klik kotak Expand Widget Templates
• Cari kode berikut:

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

•  Selanjutnya Sisipkan kode (Langkah 4) ke dalam kode diatas ini. contoh:

<a expr:href='data:post.url'>MASUKAN KODE DISINI <data:post.title/></a>
<b:else/>

• Klik Save Template

Sekian sobat tutorial kali ini tentang bagaimana membuat gambar di judul postingan blog. semoga bermanfaat.