Floating ads in Blogger with Close Button

By HubPrix -
Most people start a blog as a hobby, but there is also the purpose to make friends, increase sales online store, make money and so forth. As a means of supporting the activity of blogging, my friend can put advertising space on the blog to help advertisers promote their products.


Banner ads that float with additional buddy close button may often encounter in a blog or forum that installed it. The close button serves as an alternative if the visitor was annoyed because he had read the content was blocked by floating banner.

Responsive Floating Ads

Here's How to Install Floating Ads Responsive with Close Button :


Go to Blogger >> Template >> Then add the following code before the </body>

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42xQIrt-bL4vSMmMq5UosAHH6s7Fm6v4TSWNYaJIbTqQSIDoUQJe2kMAo8APd8nU8-pSIkWOlnHiRjPhGO8Pmq9JogWKeuliqm6OFKd9LTv6YmzkAStxVuXeqXNkhTt_pmcQ94N4ZDwr8/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner ad here'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWyRN3YidFY42G6iUPZHIa-1JDG1hbwvPx-q_PBraISXhzPHUWj9v8fQFeas7KVByxCHhYJUwVNLN7_YShHgmaW1wf14e8EBR_Y_XHBc_5fPkpKPkjtPJA0vMZChTozt_joVKKzDcP2bEL/s1600/arlina-tea.png'/></a>
</div>
</div>

Change width and banner ads on the code marked according to your wish.

Save Template

Note:
Responsive Floating Ads is very good for use on a mobile site to see.

Comments

Post a Comment

Popular posts from this blog

Youtube Video Presentation

By HubPrix -
Image
With so much content populating YouTube, someone finding your channel may seem about as difficult as finding Waldo in the world’s largest Where’s Waldo picture. We spent a full workday looking for him. Looking at hundreds of successful channels, we’ve noticed that the first break for most of them usually comes through a good spike in traffic from Search. So, in the very beginning, you should be making videos that rank in Search. To rank in Search successfully, it’s important to use your main keywords in three main area: The video’s title The video’s description The video’s tags This doesn’t mean spam your videos with keywords that don’t have any relation to your content as that could result in some very harsh penalties against your channel. Instead, put yourself in the mindset of the viewer searching for your content. What language would they use, what variety of questions would they ask, etc. How you utilize your keywords will have a major impact on the dis
Read more Prime »

Create Quality and ClickBait Thumbnail

By HubPrix -
Image
Thumbnails are the movie posters for your YouTube videos. Eye-catching thumbnails will be a big reason why visitors will choose your video over another. If you don’t believe us, here’s a test: which of these movies would you rather see? Arnold Schwarzenegger is the greatest actor of all time and I’m still picking right. Thumbnails are extremely crucial for your success on YouTube. They complement your video title and play an enormous role in how often your video is suggested in Related videos or in the Browse section. Good thumbnails accurately show what the video entails. When you design your thumbnails, keep in mind that the majority of YouTube’s traffic is on mobile. So, don’t include details that are only visible when squinting. Ah, using my detective goggle, I can see that this video is clearly about turtles I think. It’s best to use photos that have a resolution of 1280x720 as that is largest size YouTube allows. And, pay close attention to what part of the
Read more Prime »

How to hack wifi using backtrack

By HubPrix -
Hi friends today I am going to tell you how to hack wifi wpa security. I am using the backtrack5 operating system to hack wifi. In my recent recent posts I told you how to install backtrack5 r1 operating system in dual boot that is in conjuction with windows OS. In bt5 there is an application gerix wifi cracker-ng which is used to hack wifi. I will show you both GUI version and manual steps (command based). HEre is GUI steps:- go to applications> exploitation tools> wireless exploitation> wlan exploitation> gerix-wifi-cracker-ng. In Gerix:- Configure: go to configuration 1) set card to monitor mode. Highlight Monitor Mode, then. 2) rescan networks.  (hightlight networks) 3) Highlight Network, and monitor card, clean old session,  now goto WPA tab. 4) in wpa tab,  click 1st start sniffing.     #Auto Load victim     #Client deAuthentication 5) now go to cracking tab. click on WPA bruteforce cracking. 6) in normal cracking, add the path of dictionary as in given below. 7) Run
Read more Prime »