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 :
- Buka akun blogger anda.
- Pilih menu template > Edit Html
- 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/AVvXsEgE05OwAGMQ2SI10RNOUn3FcCG_ViGoR29fJU7C6yJs46tmeyiK3RSsDQ6LDPYPbdW6H65qmeXpdlYEsJFvkEefs7V5lmINDFIp_o-JJv-xlBJB-ITmgStZp6ir_TJmaOLHwBOhlksuMk0/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/AVvXsEgE05OwAGMQ2SI10RNOUn3FcCG_ViGoR29fJU7C6yJs46tmeyiK3RSsDQ6LDPYPbdW6H65qmeXpdlYEsJFvkEefs7V5lmINDFIp_o-JJv-xlBJB-ITmgStZp6ir_TJmaOLHwBOhlksuMk0/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/AVvXsEgE05OwAGMQ2SI10RNOUn3FcCG_ViGoR29fJU7C6yJs46tmeyiK3RSsDQ6LDPYPbdW6H65qmeXpdlYEsJFvkEefs7V5lmINDFIp_o-JJv-xlBJB-ITmgStZp6ir_TJmaOLHwBOhlksuMk0/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/AVvXsEgE05OwAGMQ2SI10RNOUn3FcCG_ViGoR29fJU7C6yJs46tmeyiK3RSsDQ6LDPYPbdW6H65qmeXpdlYEsJFvkEefs7V5lmINDFIp_o-JJv-xlBJB-ITmgStZp6ir_TJmaOLHwBOhlksuMk0/s1600/banner-abah.gif" style="border: none;" title="Pasang Iklan" width="125" /></a>
Selesai Sudah Dan Semoga Bermanfaat
46 komentar
lumayan buat bikin jasa iklan mandiri :) tapi pengunjung masih sedikit masihh kisaran 100- per day :(
wih mantaf bah, izin saya coba ya abah :)
iya gan lumayan hee.. sama gan punya abah juga sedikit.
terima kasih pak atas penyemangatnya, silahkan dengan senang hati
izin simpen scriptnya bah untuk digunakan pada blog blogspot saya.
makasih tutornya
Iya mang silahkan.. dengan senang hati
Terima Kasih Abah Sudah Memperkenankan Ane Pasang Tamplate Abah..di Averuspedia
udah saya pasang bah :) hehehe
disimak dulu mas, belum yakin buat bikin slot iklan mandiri.. heheheh
wah lumayan nih untuk nambah space iklan, banyak iklan banyak duit :D haha
sama2 sahabat.. semoga saja ada manfaatnya buat kita
sudah iya pak.. bagus atuh hehe
oke kang santai saja.. yakinkan saja kang supaya mantap hehe
oke kang santai saja.. yakinkan saja kang supaya mantap hehe
pasti lumayan lah kang dapat Fulus hehe
mantav nih kang dari dulu saya nyari ktmunya malah suruh bikin sendiri.. ini bru solusinya..
wahhh,,, mantap nih caranya, tapi kalo blog saya sih belum waktunya nih buat dipasangin iklan mandiri, masih belum yakin soalnya,.. hehehe
terima kasih sahabat atas kunjungannya.. dikopian dulu biar mantap hehe
anggap saja buat seni tampilan diblogs kang, yakini saja jgn bimbang kang hehe
mantab gan postingannya :V tapi sayang visitor ane cuma dikit dah -_-
terima kasih gan.. ya lumayan kang buat hiasan blogs
Bagus juga gan mayan
iya mayan gan, ya paling tidak buat nambah widget sidebar hee..
nanti saya pasang di blog saya gan... Mantep nih...
iya gan silahkan.. terima kasih gan
simple banget ternyata
Makasi info nya :D
izin coba
iya gan.. sama-sama sahabat dan silahkan dengan senang hati
Lumayan Keren Tuh.. Tapi Tunggu Sampe Visitor Banyak Dulu :)
terima kasih atas cara nya mas
terima kasih mas.. oke dengan senang hati
sama-sama mas. semoga ada manfaatnya
cara nya gampang mbah, nanti di terapkan di blog ane ^_^
iya gan silahkan hehe dan selamat malam saja
wah lumayan nih tambah ilmunya bang nanti nyoba prakte deh
Thanks bang abah
iya bang semoga ada manfaatnya buat kita semuanya, sama-sama bang
iya kang begitulah..
thanks atas tutornya pak, bisa diterapkan ini
Mantap dah,pasang ahh :D
silahkan dengan senang hati pak
terima kasih gan. silahkan gan
Kalau di WP... peletakannya dimana ya... ?
Yang JAVASCRIPT itu ya?
Pengen nyoba kapan" gan karena kayanya nih slot pentg bgt
tergantung kang WP host Apa WP biasa.. klau ga salah disedar juga bisa kang
iya gan silahkan dengan senang hati
sama2.. itulah yang saya harapkan
Makasih gan.. kebetulan ane lagi butuh caranya hehe.. manfaat banget thx
+ Silahkan Pilih Template disini Sesuka Anda