Every online wants to earn extra and great amount of money with their blog or website by showing or selling an ad-space .
So today we are going to focus on Ad spaces. These ad spaces generate a large amount of money for a blogger. You can add an image/notice on the desired space you want to sell and people may contact you.
This widget is really cool hover effect on your blogger blog. it is make with pure css with out using any image or JavaScript.
Now we add this widget following blew steps.
How to add advertise here widget in blogger
1.Go to Your Blog → Layout → Add Gadget → HTML/JavaScript and paste the blew code in configure space
So today we are going to focus on Ad spaces. These ad spaces generate a large amount of money for a blogger. You can add an image/notice on the desired space you want to sell and people may contact you.
This widget is really cool hover effect on your blogger blog. it is make with pure css with out using any image or JavaScript.
Now we add this widget following blew steps.
How to add advertise here widget in blogger
1.Go to Your Blog → Layout → Add Gadget → HTML/JavaScript and paste the blew code in configure space
=========================================================================
<style>
#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#FFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}
#text a{color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}
#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 100px transparent, -1px -100px transparent;color:transparent}
inf{color:#d2a}
#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}
</style>
<div id="text" class="rent"><a href="#link" target="blank"><blink>⇝</blink> Here is a free space.<br />Contact <inf>αⅾмїη for more information</inf><blink>⇜</blink></a></div>
=========================================================================
After adding the code change #link with the link of the page you want your visitors to be redirected to.
You are done it successfully. now your visitors see a nice and super hover effect add here advertise here section in your blog
Thank you All
মন্তব্যসমূহ
একটি মন্তব্য পোস্ট করুন