Anda pernah melihat blog yang pada setiap judul posting diawali / disisipi sebuah gambar? ilustrasinya ....IMAGE....Judul Posting, ini salah satu tips untuk mempercantik tampilan posting artikel blog anda. Untuk menerapkan tips ini mudah sekali caranya sebagai berikut.
#Langkah 1 - Mengupload Gambar
1. Anda harus mengupload dulu gambar yang nanti akan anda sisipkan di Judul Posting / Artikel, biasanya upload dari photobucket atau klo dulu lewat geocities atau anda dapat mencari di google server untuk upload foto/picture. Ambil kode atau URL gambar dan rubah menjadi HTML image source contohnya seperti ini :
<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" />
2. Gambar yang telah anda upload sebelumnya mungkin ukurannya harus disesuaikan dengan proporsi Text Judul Posting. Oleh karena itu, anda dapat memperkecil ukuran gambar dengan menambahkan sedikit kode pada HTML di atas menjadi :
<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" hight="40" border="0" width="40" />
#Langkah 2 - Menambahkan URL Image ke Template Blogspot Anda
1. Log in ke blogger -> Dasboard
2. Klik Layouts -> Edit HTML
3. Centang Expand Widget Template dan Back up template anda untuk menjaga jika terjadi error
4. Cari kode di bawah ini (gunakan CTRL + F)
<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>
6. Letakan URL image di antara <a expr:href='data:post.url'> dan <data:post.title/></a>
Sehingga baris kodenya seperti ini :
<a expr:href='data:post.url'> <img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" width="40" hight="40" border="0"> </img> <data:post.title/></a>
<b:else/>
Penambahan kode untuk memberi jarak antara gambar dan judul postingan.
7. Selesai, klik Save Template
8. Lihat hasilnya.
Anda dapat merubah URL gambar / image di atas sesuai dengan upload gambar yang anda inginkan.
#Langkah 1 - Mengupload Gambar
1. Anda harus mengupload dulu gambar yang nanti akan anda sisipkan di Judul Posting / Artikel, biasanya upload dari photobucket atau klo dulu lewat geocities atau anda dapat mencari di google server untuk upload foto/picture. Ambil kode atau URL gambar dan rubah menjadi HTML image source contohnya seperti ini :
<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" />
2. Gambar yang telah anda upload sebelumnya mungkin ukurannya harus disesuaikan dengan proporsi Text Judul Posting. Oleh karena itu, anda dapat memperkecil ukuran gambar dengan menambahkan sedikit kode pada HTML di atas menjadi :
<img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" hight="40" border="0" width="40" />
#Langkah 2 - Menambahkan URL Image ke Template Blogspot Anda
1. Log in ke blogger -> Dasboard
2. Klik Layouts -> Edit HTML
3. Centang Expand Widget Template dan Back up template anda untuk menjaga jika terjadi error
4. Cari kode di bawah ini (gunakan CTRL + F)
<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>
6. Letakan URL image di antara <a expr:href='data:post.url'> dan <data:post.title/></a>
Sehingga baris kodenya seperti ini :
<a expr:href='data:post.url'> <img src="http://sites.google.com/site/masdhanisite/Home/IdeaMasDhani.jpg" width="40" hight="40" border="0"> </img> <data:post.title/></a>
<b:else/>
Penambahan kode untuk memberi jarak antara gambar dan judul postingan.
7. Selesai, klik Save Template
8. Lihat hasilnya.
Anda dapat merubah URL gambar / image di atas sesuai dengan upload gambar yang anda inginkan.