Wednesday, February 6, 2013

Cara Membuat Space Iklan Dengan Ukuran Otomatis

Cara Membuat Space Iklan Dengan Ukuran Otomatis ini sahabat bisa menempelkan space iklan advertiser pada blog tanpa memasukan kode tinggi dan lebar dari ukuran iklan tersebut, jadi sahabat tinggal memasukan banner iklan dan ukuran banner tersebut akan langsung menyesuaikan dengan ukuran widget situs sahabat.
Nah sekarang apabila sahabat tertarik untuk Membuat Space Iklan Dengan Ukuran Otomatis silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Edit HTML

4. Setelah itu cari kode ]]></b:skin>

5. Copy kode dibawah ini dan letakan tepat diatas kode ]]></b:skin>

#spaceads {margin:0px;padding:0px;text-align:center}
#spaceads  img {margin:2px 2px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

6. Selanjutnya silahkan sahabat simpan template

7. Langkah berikutnya sahabat buka Tata Letak

8. Lalu buatlah widget iklan pada sidebar dangan cara klick "Add Gadget"

9. Pilih HTML/Javascript

10. Copy kode dibawah ini lalu masukan kedalam widget tadi

<div id="spaceads">
<a href="url iklan kesatu" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
<a href="url iklan kedua" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
<a href="url iklan ketiga" target="_blank" title="judul iklan"><img alt="judul gambar" border="0" src="url gambar" /></a>
</div>

Keterangan :
url iklan kesatu = Masukan link url iklan
judul iklan = Judul iklan advertiser
judul gambar = alt Gambar
url gambar = Alamat Url Gambar iklan

11. Save template dan lihatlah hasilnya

Apabila sahabat belum mempunyai Advertiser (pengiklan) maka sahabat bisa memasukan url ke situs sahabat dan untuk gambar, sahabat bisa membuatnya dengan adobe photoshop dengan ukuran 125x125, 300x250, dan lain sebagainya. sahabat jangan hawatir dengan ukuran iklan karena untuk ukuran secara otomatis akan didesuaikan.
Berikut contoh space iklan yang sudah  buat, kalau sahabat belum punya gambarnya sahabat bisa memakai gambar yang sudah di buat dibawah ini :

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT_bnqFXXoNCsPwHiNtdvGM6rpSUq2XlVRVVz0dtYRw_4a49hzT8SV2xb0Z1lf9DqEmS0XO4nW9i7QIVsxU5zpD8nuk0i5fQ_wpAZlEHhkUJWd95PNBqCyXZOqLmnj3cCMp90YgBZFPW4/s1600/space1.jpg

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezxwaT2PHx3Ms3b30ebGxlBiwmJoYOVhgyhk8WLSyOskZ1EnE0P38adn3_0q-LE9V7HmJAZjIr5h1xTm4KkYrMCe2fDrRVpQIpVWINXIfdsQt2jSOTM6800cKfaB52B5g6ulpiDOVUa0/s1600/space2.jpg

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPCqUqa1f0K-XffRZcwESWGDzAJmkISU6EE7vonCFuWer5-PkxGrq_WcQHSl8JwSkQTYsH3pF3T3pL69FJMcza9A4L_c6tL1GoERcWPzKZu-ywK_yRRDOCIcfrhZPYNoVqFJZdpf6rYVs/s1600/SPACE3.png

space iklan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWANsF5oWKmVRaor81tMmelerdhHdOfG5y6PHE1scTQqO64i0bwrwhXlNzMQZ0IRGJdOxrpbMFLGKZTUsGgf8_56gS08xBJm3FsV3SGVbm_RVpYi9-aqlDRk9HyFVgdtyNRV6CKi8RCU/s1600/SPACE4.png



Nah itulah Cara Membuat Space Iklan Dengan Ukuran Otomatis yang dapat  share, mudah mudahan bermanfaat, happy blogging
Sekian Dan Terimah Kasih