Announcement

It’s been long time, I’ve not posted any collection of  Best Blogger Templates.  So now it’s the right time to publish great collection of Premium Looking Best Free Blogger Templates.

New year 2013 is also very near. You can use these best free blogger templates in 2013 as well to spice up your blogger blog. ;)

I’ve spend many time collecting best templates. All the templates given below are great, premium looking, magazine style and niche style related free blogger/ blogspot template.

These templates will suit perfect for tech , blogging, SEO niche related blogs!

15 Premium Looking Best Free Blogger Templates

Here are 15 Premium Looking Best Free Blogger Templates.

1. iThesis : Free Premium Blogger Template.

iThesis is best free premium looking Blogger template. Designed by me. It’s perfect for tech, blogging and SEO niche blogs

2. Reporter – News Style Blogger Template

Great template with Ads Ready, Featured Slider and elegant design.

3. Way2Blogging : Elegant Blogger Template

An excellent template by my friend Harish, looks simple, clean and elegant design.

4. E Style : Free Premium Blogger Template

This template is also designed by Harish, style is awesome, looks great with featured content slider, menu bar and footer!

 

5. Labnol : Premium Blogger Template

Ths best free blogger template looks just like Labnol.org indian best blog. Simple and attractive design and of course fast loading blogger template too.

6. MBL Freshable : Custom Blogger Template

Freshable is Free Blogger Template. Widget ready, awesome post style and header.

7. Innovative – A Responsive Blogger template

Innovative is a responsive blogger template by Paul. Simple and mac style menu bar and stylized home page.

8. CopyBlogger V2 : Premium Looking Blogger Template

This is another great template looks similar to copyblogger. The best feature is its a responsive blogger template 2 menus and elegant look.

9. Personified : Clean Style Blogger Template

Personified is simple, elegant and stylish sidebar blogger template. I like the its sidebar.

10. My WordPress : WordPress style Template

My WordPress is WordPress to Blogger Converted Template. Looks clean and elegant with search bar on header and footer.

11. Perception : Elegant Blogger Template

Prception is a blogger template with simple and clean design. Stylish font and only 1 navigation bar with custom popular post widget.

12. Side Blog

This template is also converted from WordPress to blogger. Ads ready and custom header.

13. PersonalPress Blogger Template

14. iOcean

iOcean is really an elegant style blogspot template. Looks smiilar like ShoutMeLoud Theme.

15. Westren

That’s the list and the standard was so high there are lots of templates on the web so  it was hard to only choose 15 Great Looking Blogger Best Free Templates.

Check out more Best Free Templates

Hope you will enjoy the Best Free Blogger Templates. Share your comments and views about these best free blogger templates in comment section!!

Since the rise of self-serve ad platforms (e.g. Adsgadget, AdSense, etc.) monetizing a blog has become increasingly easy. But making a LOT of money off your blog requires a little extra effort like good traffic, monetizing blog in better way and many other things.

 

Here are a few tips to help you take the most advantage out of your self-serve ad platform and to generate lot of Money.

Location, location, location.

The position of your banners is a key factor. A banner’s position on a site has a huge influence on its performance, so you would think that better position means better revenue. Generally this is true, but you have to test to really know. Maximize your banner’s performance by placing the ad code near the top of your page or within your site’s content. Place the ad in the most viewed sections (top fold, left sidebar, next to the main buttons of your site, rich media banners such as stay ons, sliders, etc)

High volumes of traffic.

In order to get the highest yield from your site, you need to have enough volumes to analyze the stats and optimize. Self-serve ad platforms, such as Adsgadget, work with an optimization algorithm that allows the system to get to know a site’s traffic and assess how to best monetize it. The higher the traffic volumes you send your ad platform, the faster and more efficient the optimization process will be and will help your ad platform optimize your traffic to reach the highest eCPMs possible.

Read : How To Get Traffic To A New Blog ?

Use rich media.

It’s no secret that interactive ads work better than static ones. By using rich media banners you increase your site visitors‘ experience and entice them to click on your banner ads. Use pop-ups and pop-unders, try sliders and stay ons! These ads can reach 10 times higher eCPMs!

Test different ad sizes.

Variety is important, especially when it comes to advertising online. Test as many ad sizes as possible on your blog; certain ad sizes generate better results than others if integrated correctly with the blog’s content and design layout.

Rotate your ads.

Rotating your banner ads is a great way to maximize their performance. It keeps your site fresh and your visitors from going crazy after seeing the same banners time and time again!  Set frequency caps to monitor the number of times a specific visitor is shown a specific banner.

Don’t stress.

Always remember that monetizing your traffic takes time and effort. Be patient and give your self-serve ad platform the chance to know your traffic. Only then will your platform be able to accurately optimize and give you the high rates you’re looking for.

Recently on 1st June AllBloggingTips.com Completed 6 months :) I was pretty happy to see progress of my blog. So I decided to make some more changed to comes up with something cool.

I’m sure that you might notice these changes here with my blog.

So what’s it, exactly?

Today, I am going to announce few changes that I did recently. I hope you will like these new change. If not? Do comment below to let me know if I missed something ;)

I installed CommentLuv Plugin

CommentLuv is an awesome WP plugin that allows commentators for adding links to their latest blog posts along with their comments. This plugin can help to get more comments, and it also help our readers to build backlinks for blogs effectively.

Now I installed CommentLuv Plugin. If you comment below it will show up your 10 recent post along with your comment. Which will help you to get few traffic, backlinks. Isn’t that cool ;)

Another thing good about Comment Luv Enabled is it automatically fetches ten most from the RSS of the URL you provide. And will show selected post with your comment. So what you are waiting for comment below and get quality backlink.. Currently this blog is page rank 3

We got Google Sitelinks.

Yes, We got google site links on 1st June. Its another good changes for SERP of this blog. To see how site links work see screenshot below!

New Logo

Recently I was planing to use some good fonts for ABT logo and new icon. But I thought current one is better. I just did some customization like changing font, colors, Icon. Have a look below. Do let me know how’s it? BTW I like simple logo ;)

What’s More?

A part from new logo and installing comment luv plugin. I also did some more changes to optimize this blog :)

1. Adding Subscribe Box After header
2. Floating Sharing Buttons, After post sharing buttons
3. Little Changes to Menu
4. Header, Sidebar, Before, After post option to add banners.
5. Hot Products Widget in Sidebar
6. Removing Author Avatar from Homepage
7. Stylish Related Post
8. Awesome Commentators Widget!

The main thing I want to write in this post that is Installing CommentLuv Plugin and New Logo. Rest are few things that I wanted to tell you. In the mean time I also join few affiliate networks like KolaKube. Currently this blog runs on Marketer Delight 2.1 Best skin for thesis.

I also added few ads on this blog.  These are some new changes has been added in my blog, I hope you will enjoy with these changing. Do let me know if I missed anything.

Have a great day.  :D

We already shared many drop down menus and now its time for Elegant Style Drop Down menu with smooth hover effect. This drop down menu use Css3, HTML. No Images no jquery.  It is compatible for almost all browsers like Mozilla Firefox and Google Chrome etc but the rounded corners and shadow will not be rendered properly. So without wasting anytime lets move on to create Elegant Style Drop Down Menu With Smooth Hover Effect for Blogger or WordPress..

Before we continue have a look at our other drop down menus.

• Mac Style Menu with Search Box
• Another CSS3 Menu V3
• Css3 Pure Menu V2 For Blogger
• Css3 Drop Down Menu For Blogger V1
• Smooth Multi Level Drop Down Menu for Blogger

Elegant Style Drop Down Menu With Hover Effect Preview

Live Demo

The CSS

Below is the css of menu. You can add it to your main site css file. Like If you are using WordPress than paste CSS below in your style.css file and If you are using Blogger/Blogspot than go to Design>Edit HTML and place CSS give below just before  ]]></b:skin>

 

/* main and secondary top-level navigations */
#nav {
float: left;
font-family: 'Oswald', sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
width: 100%;
}

#nav ul {
margin:0;
padding:0;
list-style:none;

}

#nav ul li { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left; 

    background: url(http://4.bp.blogspot.com/-ZQjMkefe9n4/T8xGVbAMgyI/AAAAAAAAAoQ/H9ngLuwgkcc/s320/menu-link-bg.png) bottom center no-repeat;
}

#nav ul li a { 

  width: 100%;
       float: left;
    color:#fff;
    padding: 10px 19px;
    text-decoration:none;

  background:#3C4042;
     background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
    background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
    background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
    border-left: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0,0,0,0.2);
     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);

     -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#nav ul li a:hover,
#nav ul li:hover > a {
        color: #fff;
        background:#3C4042;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
    background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
    background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;

}

#nav li ul a:hover,
#nav ul li li:hover > a  {
    color: #fff;
      background: #5C9ACD;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
    background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
    background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
        border-bottom: 1px solid rgba(0,0,0,0.6);
        border-top: 1px solid #7BAED9;
        text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

#nav li ul {

        background:#3C4042;
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
        background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        left: -999em;
        margin: 35px 0 0;
        position: absolute;
        width: 160px;
        z-index: 9999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
        border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav li:hover ul {
        left: auto;
}

#nav li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
}

#nav li li ul {
        margin: -1px 0 0 160px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 7px 6px;
        border-radius: 0 6px 6px 6px;
        visibility:hidden;
}

#nav li li:hover ul {
        visibility:visible;
}

#nav ul ul li:last-child > a {

    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;

}

#nav ul ul ul li:first-child > a {
    -moz-border-radius:0 6px 0 0;
    -webkit-border-radius:0 6px 0 0;
    border-radius:0 6px 0 0;
}

 

The HTML

You can add this HTML code in any place of your site/blog. If you are using WordPress than add below HTML code in your header.php file and If you are using Blogspot than add below code in header gadget (widget)  ;)

<div id="nav">
<ul>

<li><a href="http://www.allbloggingtips.com/">Home</a></li>

 <li><a href="#">Tutorials</a>
            <ul>
                <li><a href="#">HTML / CSS</a></li>
                <li><a href="#">JS / jQuery</a>
                    <ul>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">JS</a></li>
                    </ul>
                </li>
                <li><a href="#">PHP</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">XSLT</a></li>
                <li><a href="#">Ajax</a></li>
            </ul>
        </li>
        <li><a href="#">Resources</a>
            <ul>
                <li><a href="#">By category</a>
                    <ul>
                        <li><a href="#">PHP</a></li>
                        <li><a href="#">MySQL</a></li>
                        <li><a href="#">XSLT</a></li>
                        <li><a href="#">Ajax</a></li>
                    </ul>
                </li>
                <li><a href="#">By tag name</a>
                    <ul>
                        <li><a href="#">captcha</a></li>
                        <li><a href="#">gallery</a></li>
                        <li><a href="#">animation</a></li>
                    </ul>
                </li>
            </ul>
        </li>

   <li><a href="#">Tools</a></li>
<li><a href="#">Android</a>
<ul>
<li><a href="#">Android Apps</a></li>
<li><a href="#">Android Games</a></li>
</ul>
</li>

<li><a href="#">Linux</a>
<ul>
<li><a href="#">RedHat</a></li>
<li><a href="#">CentOS</a></li>
<li><a href="#">Fedora</a></li>
<li><a href="#">Ubuntu</a></li>
<li><a href="#">Debian</a></li>
<li><a href="#">Linux Mint</a></li>
</ul>
</li>     

                  <li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

        <li><a href="#">Back To Tutorial </a></li>

</ul>
</div>

 

Confused or Need Help?

If you need some extra help in removing rows or columns then please feel free to post your questions. You can discus it as much with me as possible. This will help others to better understand on how to make further changes.

Credits: This Elegant Style Drop Down Menu With Smooth Hover Effect is first shared on AllBloggingTips. Bloggers are requested to link back if they are going to share above menu with there visitors.