 |
| Techno Riad |
How to create sticky footer ads for Blogger
Blogger Method:
- First of all login to your Blogger Dashboard
- Open Your Template’s HTML Editor
- Press Ctrl+F and search for (/style)
- Then simply copy the below code and paste just before (/style)
- Save the Template
CSS Code:
@media only screen and (min-width: 310px) and (max-width:500px) {
#adBottom {
left:0;
position: fixed;
text-align:center;
bottom: 0px;
width:100%;
z-index:999;
}
}
Now Go back to Blogger Layout
- Add new Gadget
- Select HTML/Javascript Gadget
- Now Copy Below Code and Paste it there.
Html Code:
<div id=”adBottom”
Your Ads Code Here
</div>
Sorry! There is no code shown here, please copy the code from this field All Code Click Here
Now go to your AdSense and Create a new Ad unite
- Select fixed size
- And enter the size 340×100
- Now copy the ad code and replace it with “Your Ads Code Here“
- Save the Gadget.
That’s It.
Stay tuned to Techno Riad to get more Tips & Tricks
Thanks