Responsive Blogger Templates 2016. Responsive Blog Templates Free Download. Mobile Tablet Friendly Responsive Design Blogger Templates Seo

Cara Membuat Kotak Slot Iklan Banner Diblogspot

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/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

48 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

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

bagus nih supaya blog ane ada pemasukkan pakai ini lebih praktis

thanks atas tutornya pak, bisa diterapkan ini

silahkan dengan senang hati pak

Kalau di WP... peletakannya dimana ya... ?
Yang JAVASCRIPT itu ya?

Pengen nyoba kapan" gan karena kayanya nih slot pentg bgt

makasih ya triknya, sangat membantu dan bermanfaat banget

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

Newer post Older post Home