if you visit some professional websites, you see the fix advertisement on the bottom of the mobile screen and not see that ad on desktop version of that site. how this is possible ?
In this post you will got the answer... so lets start..
if you are blogger user then this tutorial is for you. if you are wordpress user then their are some plugins that you can find or you can try using this method on wordpress too.
step 1:get your adsense ad code and paste it instead of <your ad code>
step 2: go to Edit Html now copy all the code you get after 1st step and paste it after <body> tag OR before </body> tag and save it.<div id='Ad' style='bottom:0;position:fixed;width:100%;'><your ad code>
step 3: now go to the customise > advanced OR adjust width >Add CSS > and copy and paste below css code. click on Apply to blog.
@media only screen and (min-width:500px){#Ad {display:none!important;}}
In above css code you can change the min-width as per your preference. You can see id 'Ad' is hide in the screen size starting from 500px, below 500px screen size it is visible such as mobile devices which we want.
So this is it, guys hope it will help you, if this help you comment below and share this post with others too.
Post a Comment
Post a Comment