Cara Membuat Kotak Slot Iklan Banner Diblogspot

Selamat pagi para blogger kali ini abah akan publikasikan cara membuat kotak untuk slot iklan 120x120 pixel yang pastinya berguna sekali buat para blogger yang sering banyak pengunjungnya dan berniat untuk berbisnis dengan cara menawarkan space iklan. 

Dengan demikian pengunjung blog kalian yang memiliki jasa atau usaha di internet seperti online shooping dan sebagainya bisa memasang atau menitipkan banner iklannya sendiri sebagai sarana promosi jasa atau juga usahanya pada blog kalian, tentu kalian akan mendapatkan uang dari orang yang memasang iklan tersebut sesuai dengan kesepakatan sebelumnya.

Anda bisa menambah slot iklan sesuai dengan selera anda, dan silahkan anda sesuaikan kode di bawah dengan yang anda mau. Berikut ini adalah tata cara pemasangan dari berbagai macam ukuran banner iklan "Pasang iklan disini" sendiri pada blog :

Cara Membuat Slot Iklan 120x120 :

1. Buka akun blogger anda.
2. Pilih menu template > Edit Html
3. Lalu letakan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style> 

/* CSS ADS Slot Iklan */
.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;}
.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
.kotak_iklan {margin:auto;transition:all 1s ease-out;}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan img{background:#B0BAC7;text-align:center;margin:5px 2.5px;padding:2.5px;border:1px solid #ddd!important;transition:all .6s ease-out;box-shadow: inset 0 0 0 100px #FFFFFF,3px 3px 0 rgba(0,0,0,0.2),6px 6px 0 rgba(0,0,0,0.1);}
.kotak_iklan  img:hover {background:#fff;border-color:#bbb!important;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}
.kotak_iklan3 {position:relative;margin:15px auto 0 auto;}

Selanjutnya javascript dibawah ini simpan dimana saja tapi yang pastinya disidebar :

<div class="kotak_iklan">
<a href="http://www.ramabanten.info/p/iklan.html" rel="nofollow" target="_blank" title="Pasang Iklan"><img alt="Pasang Iklan" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaeQ5d5Dv5_hpWrj6jIzX3fgrhiQHnBUYldJzpOEonm2lK8B3SBV1GLU6xpWX2TujCsrXrsmG8Xw5RjCqPWZqvKClWvqbhIU1OhsdrLe4HbnaFrWf2ISOVmJNsQAlVztkQFv7nojH5Z4/s1600/banner-abah.gif" style="border: none;" title="Pasang Iklan" width="125" /></a> 
<a href="http://www.ramabanten.info/p/iklan.html" rel="nofollow" target="_blank" title="Pasang Iklan"><img alt="Pasang Iklan" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaeQ5d5Dv5_hpWrj6jIzX3fgrhiQHnBUYldJzpOEonm2lK8B3SBV1GLU6xpWX2TujCsrXrsmG8Xw5RjCqPWZqvKClWvqbhIU1OhsdrLe4HbnaFrWf2ISOVmJNsQAlVztkQFv7nojH5Z4/s1600/banner-abah.gif" style="border: none;" title="Pasang Iklan" width="125" /></a>
<a href="http://www.ramabanten.info/p/iklan.html" rel="nofollow" target="_blank" title="Pasang Iklan"><img alt="Pasang Iklan" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaeQ5d5Dv5_hpWrj6jIzX3fgrhiQHnBUYldJzpOEonm2lK8B3SBV1GLU6xpWX2TujCsrXrsmG8Xw5RjCqPWZqvKClWvqbhIU1OhsdrLe4HbnaFrWf2ISOVmJNsQAlVztkQFv7nojH5Z4/s1600/banner-abah.gif" style="border: none;" title="Pasang Iklan" width="125" /></a>
<a href="http://www.ramabanten.info/p/iklan.html" rel="nofollow" target="_blank" title="Pasang Iklan"><img alt="Pasang Iklan" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaeQ5d5Dv5_hpWrj6jIzX3fgrhiQHnBUYldJzpOEonm2lK8B3SBV1GLU6xpWX2TujCsrXrsmG8Xw5RjCqPWZqvKClWvqbhIU1OhsdrLe4HbnaFrWf2ISOVmJNsQAlVztkQFv7nojH5Z4/s1600/banner-abah.gif" style="border: none;" title="Pasang Iklan" width="125" /></a> 

Selesai Sudah Dan Semoga Bermanfaat

Facebook Twitter Google+ Linkedin Digg