Cara memasang banner di bawah posting blog secara otomatis. Dalam postingan ini kita akan mencoba membuat banner dan memasang banner animasi tersebut di dalam postingan blog , letaknya di bagian bawah setiap postingan blog. Atau dengan menggunakan tips lain yaitu Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)
Contoh dalam postingan ini akan dibuat banner seperti di bawah ini
Untuk membuat banner animasi seperti diatas dibagian akhir setiap postingan blog bisa ikuti prosedur berikut :
1. Upload gambar ke situs image hosting gratis, seperti imageshack , tinypic , photobucket , atau situs hosting image sejenis.
Dalam contoh ini kita akan menggunakan imageshack.
Upload gambar ke imageshack , jika kesulitan panduannya bisa dilihat disini cara upload gambar di imageshack
2. Pilih html code gambar yang sudah diupload tersebut
3. Login ke Blogger , di bagian Dashboard pilih Rancangan - Edit HTML
cari kode :
<data:post.body/>
Masukkan kode html gambar imageshack tepat di bawah <data:post.body/>
Jika ingin menggunakan gambar di atas bisa gunakan kode html berikut :
<a href='http://img543.imageshack.us/i/smileyon.gif/' target='_blank' title='ImageShack - Image And Video Hosting'><img border='0' src='http://img543.imageshack.us/img543/1781/smileyon.gif'/></a>
Setelah digabung kodenya akan tampak seperti di bawah ini
<data:post.body/>
<a href='http://img543.imageshack.us/i/smileyon.gif/' target='_blank' title='ImageShack - Image And Video Hosting'><img border='0' src='http://img543.imageshack.us/img543/1781/smileyon.gif'/></a>
<a href='http://img543.imageshack.us/i/smileyon.gif/' target='_blank' title='ImageShack - Image And Video Hosting'><img border='0' src='http://img543.imageshack.us/img543/1781/smileyon.gif'/></a>
Tidak ada komentar:
Posting Komentar