Cara membuat banner iklan bergambar di Blogger

Haii.. :)
Namaku Giselle Fang, aku pengen berbagi cara bikin banner iklan bergambar melayang di sebelah kiri atau kanan blog, kayak blogger Giselle. hehe


Biasanya cewek lebih suka pake banner melayang begituan, soalnya lucu dan bikin cantik blog. ^^







Caranya kayak gini sob !

1. Bikin dulu gambar animasinya pake photoshop yaa, atau bisa juga kok di download di Opa Google.
Kayak begini nih contohnya:

2. Kalau udah punya gambarnya, sekarang Upload gambarmu ke Photobucket atau tempat hosting lain.
3. lalu copy HTML nya di Photobucket, biasanya disebelah kanan.
4. Masuk ke menu Edit-HTML.
5. Cadangkan atau Copy dulu HTML template blog kamu bisa ke Notepad++ atau Notepad biasa juga bisa, untuk antisipasi aja siapa tau nanti ada kesalahan.
6. Sekarang cari Kode Script ]]></b:skin> di blog kamu.
Copy kode berikut tepat diatas kode ]]></b:skin>

Lihat disini

#melayang {position:fixed;_position:absolute;bottom:0px; left:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Setelah selesai cara tersebut, Cari kode </body> Kemudian Copy Script berikut:

Lihat disini

<div id='melayang'><a href='http://gisellefang.blogspot.com/'> <img src='http://i1247.photobucket.com/albums/gg631/scott_adkins1/12345567890_zpsdef6c545.gif/></a></div>

Catatan: Ganti kode yang bewarna MERAH dengan DOMAIN BLOG dan LINK PHOTOBUCKET kamu yaa..

8. Pratinjau dulu, kalau udah pas baru SAVE yaa..


Share this article :