GuidePedia

3

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 Adspaces. These adspaces 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  → LayoutAdd GadgetHTML/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>&#8669;</blink> Here is a free space.<br />Contact <inf>α&#8574;мїη for more information</inf><blink>&#8668;</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 for stay with me

Post a Comment

  1. nice bro,,, keep it up
    welcome to my blog-

    earning-cafe.blogspot.com

    ReplyDelete
  2. nice trick brother I like it

    ReplyDelete

 
Top