√ Cara Menciptakan Iklan Melayang Di Blog Hanya Tampil Di Perangkat Android

Cara Membuat Iklan Melayang di Blog Hanya Tampil di Perangkat Android atau Versi Mobile - Banyak undangan yang masuk ke saya sesudah saya menciptakan artikel perihal cara menciptakan iklan floating dengan tombol close biar responsive, untuk menyebarkan isyarat script iklan melayang yang hanya tampil kalau pengunjung blog memakai perangkat Android.

Konsep sesungguhnya yaitu sama, yaitu iklan ini akan muncul di tengah-tengah blog dan menutupi artikel bedanya hanyalah script ini hanya tampil di Android jadi pengunjung yang memakai Dekstop tidak akan melihat iklan ini, jadi saya sarankan jangan memakai ini untuk menampilkan iklan Adsense, karna akan berbahaya untuk akun Adsense Anda, sesuai dengan ketentuan yang di berikan oleh Google karna melanggar TOS.
Lebih baik kalian isi dengan iklan lainya atau dengan widget fanspage, subscribe, profil dan kontak Anda.

Oke, tidak usah pancang lebar, silahkan Anda ikuti panduan di bawah ini.

1. Buka akun Blogger Anda.
2. Di hidangan Blogger masuk ke Tema pilih Edit HTML

3. Copy isyarat script di bawah ini dan paste di atas isyarat </body>

<style type='text/css'>
#gb{
position:fixed;
top:140px;
z-index:+1000;
}

* html #gb{position:relative;}
.gbcontent{
float:right;
background:transparant;
padding:0px;
}
</style>

<script type='text/j4vascript'>

function showHideGB(){
var gb = document.getElementById(&quot;gb&quot;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quot;gb&quot;);
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
</script>

<div id='gb'>
<div class='gbtab' onclick='showHideGB()'> </div>
<div class='gbcontent'>
<div style='text-align:center'>

<script>
        function myfunction() {
     document.getElementById(&#39;teaser2&#39;).style.display = &#39;none&#39;;
 }
var delay = 2500;
</script>

<a href='#' id='close-teaser' onclick='setTimeout( myfunction, delay);'><center><img border='0' data-original-height='0' data-original-width='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_MONPxPXMFAnVVTDHNEkNkvkNTsEL2iSf6T-QIFGWl1DoW0qVvuD7Q26dQmOrHsSYCGjDBjJcbKq8e0DWhnYIaYvXL9GcLMvTw4qeNmnoWE2KnzGOrcPjtmfpaI6LbuvWrt-_Bc3sKRp/s1600/btn_close.gif'/></center></a>

</div>

<center>

KODE IKLAN ANDA

</center>

<script type='text/j4vascript'>
var gb = document.getElementById(&quot;gb&quot;);
gb.style.center = (20-gb.offsetWidth).toString() + &quot;px&quot;;
</script></div></div>

  </div>
<script type='text/j4vascript'>
//<![CDATA[
function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,maxIndex=10;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState();
//]]>
</script>

 4. Silahkan Anda simpan template yang sudah di tambah dengan isyarat tersebut..

Untuk melihat kesannya silahkan Anda buka blog Anda memakai HP atau smartphone. !

kurang lebih kesannya akan ibarat ini

Cukup gampang bukan, silahkan Anda praktekan bagaimana Cara Membuat Iklan Melayang di Blog Hanya Tampil di Perangkat Android, jika tidak bekerja pada template Anda silahkan komen di bawah ini.

Sumber http://felovena01.blogspot.com

Buat lebih berguna, kongsi:

1.2k Google Facebook Twitter