Senin, 20 Juni 2011

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)
dan bisa juga berkreasi dengan icon untuk lebih keren
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




 Selanjutnya copy HTM code diatas, dan masukkan ke dalam template blog

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>


Contoh blog yang telah terpasang banner bisa dilihat disini :

0 komentar:

Posting Komentar

Jangan lupa komentarnya.....