ILMU PENGETAHUAN

Blog Berisi Tentang Pengetahuan Umum, Teknologi dan Informasi

Cara Membuat Gambar Di Judul Postingan

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.
Share this article :
+
0 Komentar untuk "Cara Membuat Gambar Di Judul Postingan"

×