New Stylish Advertise Here Boxes With Hover Effects!

Advertisement's are the main source of income for bloggers therefore we created stylish advertise box with new hover effects.Many bloggers try many ad-serving sites like BuySellAds Etc. but when they do not get approved they only think to monitize their blog by showing advertise here boxes.
So I Have created awesome advertise boxes for them with beautiful hover effects-

How To Add Stylish Advertise Here Boxes?-

I Have created a short-code for advertise here boxes which will help you to add infinite advertise here boxes with just this piece of code.And the main feature is that it is fully responsive  so the ad can be shown in each and every device!

Adding Stylish Advertise Here Boxes CSS-

1- Go To Blogger >> Template >> Edit HTML

2- Paste This Short-code Or Beautiful Code Above </head> In It- 

<style>
/******************
Credits: Ngtechzone
******************/
@media (max-width:728px) {
.ng-ad { width:auto !important; }
}
.ng-ad { background: grey; color:white; border: 1px solid; border-radius: 15px; transition:1s;}
.ng-ad:hover { border: 2px dashed white; background: black; color:white; border-radius: 0px; text-decoration:none; }
</style>

Now the above code is magical because we can define any width and any height to our code and it will be fully responsive due to media queries!

3- Save The Template. And The First Part Get's Completed!

Adding Advertise Boxes In The Blog-

Now this is the main part you need to understand so that you can apply it in your blog-

4- After saving your template go to layout

5- Select An Appropriate Place And The Add A Gadget >> HTML/JAVA SCRIPT

6- Now paste this code in it with customization-

<a href='#'><div class='ng-ad' style=' width: YourWidthpx; height: Your Heightpx;'><br />ADVERTISE HERE</div></a>

Customization-

Replace # With your advertise page url.  Replace Your Width With the ad width which you want ex- 728px. Replace Your Height With your ad height ex- 90px.

This Will Change the height and width of the ad according to you.

How To Add More Boxes-

Simple repeat 4 - 6 steps and customize the sizes as explained above.

Bonus- These are the some best place to place the boxes-

Right side Of Header , In Sidebar , Above all Posts , above comments, etc.

Need Help?

I think that you must have understood how to add these stylish advertise boxes in your blog but if you face any problem feel free to share it using comments and dont forget to subscribe us.