Cara Membuat Space Iklan Dengan Ukuran Otomatis

Unknown

Trik Blog

12 Nov 2013

Belum ada komentar

Space Iklan merupakan salah satu tempat untuk menempelkan sebuah iklan advertiser pada halaman blog, dimana space iklan tersebut bermacam macam jenisnya, ada space iklan yang berbentuk tulisan, dan ada juga space iklan bentuk banner dengan gambar. Apabila sahabat mempunyai sebuah situs dengan jumlah pengunjung yang banyak dan telah ber PR tinggi maka sahabat sudah bisa mencuri hati para pengiklan atau avertiser untuk memasang iklan pada situs milik sahabat dengan cara Membuat Space Iklan Dengan Ukuran Otomatis.

Cara Membuat Space Iklan Dengan Ukuran Otomatis ini sahabat bisa menempelkanspace 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>

#ads {margin:0px;padding:0px;text-align:center}
#ads  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;}
#ads 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="ads">
<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 saya buat, kalau sahabat belum punya gambarnya sahabat bisa memakai gambar yang sudah sundaboy buat dibawah ini : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhscmdChO8vODhFatSjHy87tQ5gIWvJsls2HTbd3tv5R036UE4o4NDVsQGAcD0UY8Wxu7FmpWYrDb4whYXYB7OdnRIuyJtO-uHfv1t9JYRqt58UX4HZn-Vl8OscnyvY-WgISOiKBAgPZLE/s1600/space1.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwf_Vh9l6V6jxpsVmhGCwniSlBA2ax8N05EBCDFiT4lZu2PvnJZ62D_ExQWMk38aPhvqZbQwpmT-bFSHgfP0NyxwiJ0sBeEUrab_MEr7Pflx9uL2__q63X0eBe6zzGQAYOlgbjjwwH2Q/s1600/space2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1upjEucKM5wT8jxEKE4K1zCSD3o5FoK3CBntkQomDPw_r55IvItuCVfpaPh5y7LntoYaSEPpUkUgV4c3uAs6SpuYee8-HchUJr2BbWp9xeBQk9MxXaHsqvLHrbOuEiu4Kb7KSjnnK5Lo/s1600/SPACE3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZduSKQcGtNJvFzyta5zI9iPytf-AZXYSAtnVM-ROOGG0vT80s9I5SxtL7Qwl30xBkvZ057V6DMrFNoYSSCfua02G_kpLz_XxKc9d62cVimNh441NvS6KeudqIO7T7mlAYtbMWjgMXeg/s1600/SPACE4.png

Nah itulah Cara Membuat Space Iklan Dengan Ukuran Otomatis yang dapat BALIBLOG'S share, mudah mudahan bermanfaat, happy blogging.