Cara Membuat Slot Iklan Link Seperti Google AdSense di Blogger

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana cara Cara Membuat Slot Iklan Link Seperti Google AdSense di Blogger, Membuat sebuah slot iklan menjadi cara yang efektif untuk mendapatkan pelanggan. Slot Iklan dapat mempermudah untuk memberitahukan kepada pengiklan bahwa Blog kamu masih memiliki beberapa ruang untuk memasang iklan produk atau jasa dari calon konsumen itu.

Karenakan tutorial kali ini mirip seperti iklan link di Google Adsense, maka dengan itu slot iklan ini bisa di manfaatkan untuk membuka jasa periklanan di blog anda dan juga bisa di terapkan di mana saja, diatas artikel maupun dibawah artikel.

Cara Membuat Slot Iklan Link Seperti Google AdSense di Blogger

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.

2. Masuk ke menu TEMA > klik Edit HTML

3. Tambahkan kode dibawah ini tepat DIATAS kode ]]></b:skin> ataupun kode </style>

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

4. Nah untuk tutorial ini saya akan menarapkan tutorial ini tepat diatas postingan blog. pastekan kode dibawah ini tepat DIATAS kode <data:post.body/>

<div class='link-btn'>
<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 JagoanDzgn.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 JagoanDzgn.com
</div></a>
</div>

Pasang iklan link disini : Ganti dengan Anchor text sesuai dengan kebutuhan.
# : Ganti dengan URL produk atau jasa yang berikan.
Iklan oleh JagoanDzgn.com : Ganti dengan nama Blog kamu.

5. Kalau sudah silahkan klik SIMPAN dan Selesai.

Bagaimana mudah bukan untuk tutorial Cara Membuat Slot Iklan Link Seperti Google AdSense di Blogger, apabila kamu memiliki pertanyaan atau masalah seputar blogger silahkan komen di kolom komentar dibawah artikel ini.