Hacks and Glitches Portal
  • Home
  • Forums
  • Request Tool
  • Terms of Use
  • Privacy Policy
  • ABOUT US
  • Contact Us
No Result
View All Result
  • Home
  • News
  • Reviews
  • Tips & Tricks
  • Life Hack
  • Games
  • Photography
  • Security
SUBSCRIBE
  • Home
  • News
  • Reviews
  • Tips & Tricks
  • Life Hack
  • Games
  • Photography
  • Security
No Result
View All Result
Hacks and Glitches Portal
No Result
View All Result
Home HTML

Tutorial : How to Create a Floating Ads for your Website

kalixto by kalixto
03/23
in HTML, News, Web Hosting, Wordpress
Reading Time: 2 mins read
A A
3
0
SHARES
391
VIEWS
Share on FacebookShare on Twitter

Table of Contents

  • Create A Floating Ads
    • Build The CSS
    • The Javascript
    • The HTML

Create A Floating Ads

Do you want an ads that is on fixed position on your websites? An ad that is floating wherever the visitors is going and still the ads is there. This will greatly increase your click-through-rate or CTR and even increase your ads earnings.

I am personally using this script on my other websites and CTR is just awesome. So I will be sharing you my very simple script on creating a floating ads perfect for your website of blogs.

View Demo

It’s very easy to achieve this result, you just need to tweak some CSS and HTML or just change my script to use it. Here we go.

Floating Ad

Build The CSS

Build the CSS you can customize this if you want. I’ll save this as FloatingAd.css

.myFloatBar {
	bottom:0;
	left:0;
	width:50%;
	position:fixed;
	padding-left:0;
}

button {
	background-image:url(https://i.imgur.com/FLKvPu5.png); /*HIDE BUTTON IMAGE*/
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:20px;
	width:20px;
	border:none;
	padding:0;
}

button span {
	display:none;
}

The Javascript

Save this as ad.js

$(document).ready(function(){
  $("button").click(function(){
    $("ad").toggle(500);
  });
});

The HTML

Call the necessary files, be sure to view Demo page and put the below code anywhere before </body> tag. It’s simply easy.

 <div class=”myFloatBar”>
<ad><!– Begin Ad code –><some ads here><!– End Ad code –></ad>
<button></button>
</div>

Or download this file —-> DOWNLOAD ZIP

ShareTweetPin
Previous Post

[GET] All-in-One Pixel Gun 3D Hack Tool – Supports all Platform

Next Post

How to Get Instagram Followers Without Following Back

Related Posts

Bitcoin downtrend

Cryptocurrency is trending downwards. Is this a good time to buy in?

06/26
High capacity 1.5tb sdcard

1.5tb microSD Card Is Just Around The Corner

06/27
SpaceX is Set to Launch Four NASA Astronauts to ISS

SpaceX is Set to Launch Four NASA Astronauts to ISS

04/22
Derek Chauvin guilty of murder and manslaughter in the death of George Floyd

Derek Chauvin guilty of murder and manslaughter in the death of George Floyd

04/21
Next Post

How to Get Instagram Followers Without Following Back

Comments 3

  1. [email protected] says:
    3 months ago

    I’m excited to write about Henry Hacker, he is a great and brilliant hacker who penetrated my spouse’s phone without a physical installation app. And I was able to access my spouse’s phone, SMS, Whatsapp, Instagram, Facebook, Wechat, Snapchat, Call Logs, Kik, Twitter and all social media. The most amazing thing there is that he restores all phone deleted text messages. And I also have access to everything including the phone gallery without touching the phone.I can see the whole secret of my spouse. Contact him for any hacking service. He is also a genius in repairing Credit Score, increasing school grade, Clear Criminal Record etc. His service is fast. Contact:, [email protected] and you can text, call him on whatsapp him on +12014305865, or +17736092741..

    Reply
    • [email protected] says:
      3 months ago

      Do you suspect your spouse of cheating, are you being overly paranoid or seeing signs of infidelity…Then he sure is cheating: I was in that exact same position when I met Henry through my best friend James who helped me hack into my boyfriend’s phone, it was like a miracle when he helped me clone my boyfriend’s phone and I got first-hand information from his phone. Now I get all his incoming and outgoing text messages, emails, call logs, web browsing history, photos and videos, instant messengers(facebook, whatsapp, bbm, IG etc) , GPS locations, phone taps to get live transmissions on all phone conversations. if you need help contact his gmail on , [email protected], and you can also text, call him, whatsappn on +1(201)4305865, or +1(773)6092741…

      Reply
  2. [email protected] says:
    3 months ago

    Contact him for any type of hacking, he is a professional hacker that specializes in exposing cheating spouses, and every other hacking related issues. he is a cyber guru, he helps catch cheating spouses by hacking their communications like call, Facebook, text, emails, Skype, whats-app and many more. I have used this service before and he did a very good job, he gave me every proof I needed to know that my fiancee was cheating. You can contact him on his email to help you catch your cheating spouse, or for any other hacking related problems, like hacking websites, bank statement, grades and many more. he will definitely help you, he has helped a lot of people, contact him on, [email protected], and you can Text/Call &WhatsApp: +1 (773)-609-2741, or +1201-430-5865, and figure out your relationship status. I wish you the best.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Home
  • Forums
  • Request Tool
  • Terms of Use
  • Privacy Policy
  • ABOUT US
  • Contact Us
Email Us at [email protected]

© 2021 Hackolo.com - Hacks and Glitches Portal HACKOLO.

No Result
View All Result
  • Home
  • News
  • Reviews
  • Tips & Tricks
  • Life Hack
  • Games
  • Photography
  • Security

© 2021 Hackolo.com - Hacks and Glitches Portal HACKOLO.

en_USEnglish
fr_FRFrançais es_ESEspañol de_DEDeutsch nl_NLNederlands ro_RORomână en_USEnglish