Cara Membuat Slot Iklan Di Blogger

Alternatif untuk anda seorang publisher yang mempunyai blog atau website dengan traffic tinggi setiap harinya. Melalui google adsense anda akan mendapatkan penghasilan yang sesuai dengan kualitas blog atau web anda. Namun perlu anda ketahui, untuk menjadi publisher google adsense tidaklah mudah, maka dari itu alternatif terbaik adalah membuat slot iklan sendiri di blog atau web anda.
Dalam pembuatan slot iklan pada halaman blog atau website anda adalah untuk mempermudaah calon pelanggan. Slot iklan yang berjenis text link yang akan memberitahukan kepada calon pengiklan bahwa blog atau web anda masih memliki beberapa ruang atau slot yang kosong untuk diisi.

Pada kesempatan kali ini,Calon Desain akan berbagi informasi tentang Cara Membuat Slot Iklan Di Blogger:

Langkah pertama anda login ke akun blogger/blogspot anda, lalu klik theme/tema di sidebar kiri. Seperti contoh gambar dibawah ini:
Silahkan anda salin dan pastekan kode CSS dibawah ini tepat diatas kode tag penutup </head>.


<style type='text/css'>
/*Iklan Link Mirip Adsense*/
.link-btn{width:100%;position:relative;padding-top:15px}
.link-btn:after{clear:both;content:"";display:block}
.label-link-btn{font-size:12px;color:#333;position:absolute;top:0;left:0;line-height:1}
.label-link-btn svg{width:15px;height:15px;vertical-align:-3px}
.label-link-btn svg path{fill:#00aecd}
.link-btn-left,.link-btn-right{width:calc(50% - 10px);float:left}
.link-btn-left{margin-right:10px}
.link-btn-right{margin-left:10px}
.tombol-link{width:100%;height:41px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-align:center;line-height:41px;box-shadow:0 1px 1px rgba(255,255,255,0.35) inset,0px 1px 1px rgba(0,0,0,0.3);align-items:center;justify-content:center;background-color:#119af5;border:1px solid #ffffff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#ffffff;font-weight:normal;font-family:arial,sans-serif;font-size:16px;margin:5px auto}
.tombol-link:hover{background-color:#fff;color:#333}
@media screen and (max-width:640px){.link-btn-left,.link-btn-right{width:100%;float:none;margin:0 auto}}
</style>

Silahkan anda save/simpan.

Selanjutnya yaitu langkah terakhir menempelkan kode pemanggilnya / kode HTML. Jika anda menggunakan template dari mas sugeng atau template yang sudah tersedia widget iklan, langsung saja anda salin kode HTML dibawah ini dan letakan di widget tersebut. Tapi jika template anda tidak tersedia widget iklan, maka anda tempelkan saja kode HTML nya diatas kode <data:post.body/> lalu save atau simpan.



<div class='link-btn-left'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<div class='link-btn-right'>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
<a class='tombol-link' href='#' target='_blank'>Pasang Iklan Link Disini</a>
</div>
<a href='#' target='_blank' title='Iklan oleh Sundaku.com'>
<div class='label-link-btn'>
<svg x='0px'>
<path d='M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z'/>
</svg>
Iklan oleh Sundaku.com 
</div></a>
</div>


KETERANGAN:
# : Silahkan anda ganti dengan url iklan atau produk yang sesuai
Sundaku.com : Silahkan anda ganti dengan nama blog anda.

Selesai.

Semoga bisa bermanfaat dan jangan lupa untuk selalu berbagi informasi.

Terima kasih.