Hello sobat icloudZer kali ini ain bakalan memberikan informasi mengenai bagaimana caranya membuat iklan link mirip adsense responsive di blogger
Info: Jika kamu audah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Iklan Link
Banyak cara untuk menampilkan iklan di blogger, salah satunya dengan menampilkan iklan link di dalam website, dengan menaruh iklan link di dalam website secara bemar membuat pengguna ataupun pengunjung bisa lebih mudah mengakses iklan yangbkita pasang tersebut
Mirip Adsense
Iklan link yang admin share kan kali ini sangat mirip dengan iklan link dari layanan iklan adsense, sehingga membuat pengunjung lebih percaya dengan tampilan iklan yang di tampilkan di dalam blog ataupun website
Fungsi link iklan
Fungsi link iklan di dalam website itu tergantung kepada kebutuhan si pengguna website, semisal emang ingin mempromosikan postingan ataupun mempromosikan link iklan dari jasa yang kita miliki untuk menampilkan iklan, belum paham misal anda menyediakan jasa pasang iklan, dan kategori iklan nyabdalam bentuk link dan tsxt nah bisa deh kamu menggunakan link iklan yang mirip link iklan adsense tersebut untuk menampilkan iklan anda
Contoh Tampilan
Jika kamu penasaran dengan bagaimana kah contoh tampilan dari link ilan mirip adsense di blogger coba periksa contoh tampilan di bawah ini
Info: Bagaimana sobat denfan cintoh tampilan nyabkeren kan, keren lah pastinya
Cara pembuatan
Baiklah sekarang saatnya admin bakalan menjelaskan mengenai bagaimana caranya membuat link iklan yang midip adsense di blogger, pelajari secara perlahan agar tiidak salah dalam penerapan kode
Kode CSS
Seperti biasanya kamu bisa salin kode CSS di bawah ini kemudian letakkan di atas ]]></b:skin>
/* Source by Icloudice.com */
.rahads-link{width:100%;position:relative;padding-top:16px}
.rahads-link:after{clear:both;content:"";display:block}
.label-rahads-link{font-size:12px;color:#333;position:absolute;top:0;left:0;line-height:1}
.label-rahads-link svg{width:16px;height:16px;vertical-align:-3px}
.label-rahads-link svg path{fill:#00aecd}
.rahads-link-left,.rahads-link-right{width:calc(50% - 10px);float:left}
.rahads-link-left{margin-right:10px}
.rahads-link-right{margin-left:10px}
.rahads-btLink{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}
.rahads-btLink:hover{background-color:#fff;color:#333!important}
@media screen and (max-width:640px){.rahads-link-left,.rahads-link-right{width:100%;float:none;margin:0 auto}}Info: Atau sobat bisa menggunakan tag kode <style> untuk meletakkan kode CSS di atas
Kode HTML
Langkah selanjutnya yang bisa kamu lakukan adalah menyalin lagi kode HTML di bawah ini kemudian oamu bisa meletakkan kode HTML di bawah ini tepat di mana kamu ingin menampilkan tampilan link iklan yang mirip adsense tersebut
<div class='rahads-link'>
<div class='rahads-link-left'>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
</div>
<div class='rahads-link-right'>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>
</div>
<a href='link website' target='_blank' title='Iklan oleh ICloudice.com'>
<div class='label-rahads-link'>
<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>
<span class='rahlink'/>
</div></a>
<script>
var _0x1f14=["\x49\x6B\x6C\x61\x6E\x20\x6F\x6C\x65\x68\x20\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x69\x63\x6C\x6F\x75\x64\x69\x63\x65\x2E\x63\x6F\x6D\x22\x3E\x49\x43\x6C\x6F\x75\x64\x69\x63\x65\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E","\x68\x74\x6D\x6C","\x73\x74\x79\x6C\x65","\x63\x6F\x6C\x6F\x72\x3A\x20\x23\x31\x36\x31\x36\x31\x37","\x61\x74\x74\x72","\x2E\x72\x61\x68\x6C\x69\x6E\x6B","\x6C\x65\x6E\x67\x74\x68","\x2E\x72\x61\x68\x6C\x69\x6E\x6B\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x69\x63\x6C\x6F\x75\x64\x69\x63\x65\x2E\x63\x6F\x6D","\x72\x65\x61\x64\x79"];$(document)[_0x1f14[11]](function(){$(_0x1f14[5])[_0x1f14[4]](_0x1f14[2],_0x1f14[3])[_0x1f14[1]](_0x1f14[0]);setInterval(function(){if(!$(_0x1f14[7])[_0x1f14[6]]){window[_0x1f14[9]][_0x1f14[8]]= _0x1f14[10]}},3000)})</script>
</div>Info: Fungs dari kode html di atas adalah untuk menampilkan link iklan tersebut
Penjelasan Kode
Jika kamu ingin menambah jumlah link iklan tersebut gunakan kode di bawah ini ya
<a class='rahads-btLink' href='link iklan' target='_blank'>Judul Link iklan</a>Info: Letakkan kode di atas pada kode yang sama seperti kode dia atas bisa di atas nya ataupun juga di bawah nya