Thursday, 9 November 2017

Footer Responsive Sticky Ad Code For Blogger

HashFlare HashFlare

Now we will learn to create ads float or drift in the footer of the blog. When an open blog, banner ads will immediately appear in footer of the blog and continue to follow the current discroll down. There is a close button or exit to eliminate those who do not want ads.

Blog is a blog that potential visitors can advertise crowded, because the potential to be clicked and generate dollars. Ads in the footer of this drift can maximize revenue from the blog. How to create an ad floating in the footer of the blog is also easy, no need to edit the blog template. Interested to try it?

How to Make Floating Ads in Blog Footer
1. Log into blog account
2. Select Layout and then Add a Gadget
3. Choose HTML / JavaScript
4. Enter the following HTML code:

<!-- FOOTER ADS Hackerprime.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
div#btm_banner img{
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='http://3.bp.blogspot.com/-FJbBxXlFzSM/UChDqaGbcMI/AAAAAAAACPA/Lc4uhFU639c
<div style='clear: both;'></div>
<!-- FOOTER ADS -->

5. Save

You can edit it yourself to adjust to the size of the banner and advertising code, the color red is the code that you can replace. Once installed, the banner ads will appear in the footer of the blog, do not worry, this ad is no close or exit option so not overly disturb readers.


The Owner of this Site Hacker Prime, (Azeem Prime)

Use this code Link( Hacked) Only one Amazon Cart Check OUT For 36%-41% CUT in Price => Only From Amazon in INDIA
Bluehost Wordpress Hosting
Super optimized Wordpress Hosting starting at Rs.139/month (click here for the Code
That's all. You are done!
If you encounter any problem, feel free and comment below to get solution. Share your experience with us.

NOTE:- Do not Copy these Text and code for your commercial use. This Site is protected via DMCA.

Watch This Online


Post a Comment

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search