Selasa, 13 November 2012

Kode Iklan Anda Disini Kode Iklan Anda Disini

Cara Membuat Iklan Melayang di samping Kiri dan Kanan di blog

Cara Membuat Iklan Melayang di samping Kiri dan Kanan di blog,Cara ini sangat cocok untuk tempalate yang 2 Kolom yang sidebarnya tidak ada ukuran yang 120x600 dan 160x600, sebagai contoh silahkan anda lihat gambar diatas atau di tampilan homepage blog ini. Bagi Anda yang ingin membuat Iklan Melayang di samipng Kiri dan Kanan di blog, berikut ini langkah-langkahnya :

Klik Rancangan => Edit HTML

Cari kode ini ]]></b:skin>

Letakkan kode dibawah ini sebelum kode ini ]]></b:skin>

Kode JavaSript:

#adslayoutleft {

position:fixed;

top:0%;

margin-left:-150px;

float:right;

background-color:#;

z-index:10;

}

#adslayoutleft .idblogmaker {

float:left;

clear:both;

}

#adslayoutleftright {

float:right;

position:fixed;

top:0%;

margin-left:974px;

z-index:10;

background-color:#;

}

#adslayoutleftright.idblogmakercom {

float:left;

clear:both;

}

Keterangan :

- Tulisan yang berwarna biru merupakan jarak Iklan dengan batas Tempalte blog anda.

5. Selanjutnya klik Elemen Laman => Tambahkan Gadget => HTML/JavaSript

Masukkan Kode dibawah ini ke Tambahkan Gadget => HTML/JavaSript

Kode JavaSript:

<div id='adslayoutleft'><div class='idblogmaker'>

Kode Iklan Anda Disini

</div></div>

<div id='adslayoutleftright'><div class='idblogmakercom'>

Kode Iklan Anda Disini

</div></div>

6.Save Template

cara membuat kotak iklan(banner box)

Cara bikin kotak iklan (Banner Box)

Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu om jelasain lagi untuk apa..om yakin pasti semua sudah ngerti. Oh iya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, maaf om lupa nama yang minta, yang jelas ada dikolom komentar dan imel yang masuk. Ya udah om tulis aja tutorialnya dibawah ini:

Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[


#Box-Banner-ads  {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads  img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads  img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.


<div id="Box-Banner-ads">

<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

</div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.


<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

Semoga tutorial sederhana ini bisa menjawab pertanyan selama ini. Thanks (o-om.com)

cara bikin kotak iklan(banner box)