Cara Membuat Slot Iklan Link Seperti Google Adsense di Blogger

Slot iklan Link Seperti Google Adsense Karena iklan link mirip seperti Iklan link Google Adsense, sehingga slot iklan ini bisa Anda manfaatkan untuk menawarkan jasa periklanan pada blog Anda. Perlu Anda ketahui iklan link jenis ini bisa Anda letakan dimana aja, entah itu di awal, ditengah atau dibawah postingan. Bisa juga diletakan di sidebar samping blog.

Pada kesempatan kali ini saya akan berbagi sedikit tips mengenai toturial Cara Membuat slot iklan Link Seperti Google Adsense di Blogger. Dengan begitu Anda bisa menyediakan slot iklan link sendiri dengan tampilan yang tidak mengganggu.

Baca juga : Edit Permalink Blog yang Terlanjur di Publikasikan Tanpa Kehilangan Pengunjung

Jika blog Anda memiliki trafic yang bagus setiap harinya, sungguh disayangkan kalau tidak dimanfaatkan dengan baik, dengan menerapkan slot iklan link ini pada blog Anda, tanpa disadari akan memancing para pengiklan untuk memasang iklan di blog Anda.

Demo Slot Iklan Link Mirip Google Adsense
Untuk demo slot iklan link mirip google adsense silahkan coba pada widget Codepen berikut ini

Open Codepen
Baca juga : Sitemap Keren di Blogger

Jika Anda tertarik dan ingin menerapkan pada blog Anda silahkan ikuti toturialnya berikut ini.

Cara Membuat slot iklan Link Seperti Google Adsense di Blogspot

1. Masuk ke Dashbord Blogger - Tema - Edit HTML
2. Letakan Kode CSS dibawah ini tepat sebelum atau diatas kode </style> atau ]]></b:skin>

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

3. Simpan Tema
4. Masukan kode pemanggil Iklan link dibawah ini

<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 Rutami-88'> <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 Rutami-88 </div></a> </div>

Ganti # dengan URL pengiklan dan Rutami-88 ganti dengan nama blog Anda atau bisa disesuaikan dengan keinginan masing-masing.

Untuk penempatannya silahkan disesuaikan sesuai kebutuhan dan selera. Jika ingin memasang di sidebar silahkan masuk ke Tata Letak - Tambahkan Gadget - Tambahkan HTML/Javascript.
Tapi jika ingin ditempatkan didalam postingan, caranya silahkan Anda cari kode <data:post.body/> dan letakan kode pemanggil tersebut tepat diatas kode <data:post.body/> karena di dalam template kode tersebut lebih dari satu silahkan Anda coba satu per satu.

Baca juga : Cara Terbaru Memasang Iklan Adsense di Tengah Artikel Blog

Demikian tutorial Cara Membuat slot iklan Link Seperti Google Adsense di Blogger, semoga bermanfaat dan sampai jumpa di postingan selanjutnya.

Share this post