AllBlogTools.com | Blogger Templates and Tricks

Link to Blogger Templates, Tutorials, Tools | WordPress Themes | Allblogtools.com

Posted: 15 Aug 2013 01:22 AM PDT

This image has no alt text

One of the best themes to use for news and magazine-type of site is the News Blogger Template which is designed at SEO Blogger Templates. The design is adapted from the popular Genesis Framework. The layout is perfect for niches like technology, gadgets, telecom, news, music, movies, and news bulletins.

It has a clean and minimalistic approach that will attract your visitors on the site.

Drop down menu.Today, most sites use a drop down menu. In this template, a multi-level drop down is added to this menu so you can add as many links and categories as you can.
Custom Popular Post. Popular Post widget helps you to lessen your site's bounce rate. You can also customize this widget according to your preferences.
Auto Read More with Thumb. This is a cool feature that the creators have added. They've included an awesome script to this theme that will automatically add read more link to post with thumbnail.
Threaded commenting system. By adding a custom threaded comment style, it will help you to get more comments on your blog from readers.

Other Features include: WordPress Look, Search Box, CSS3 Labels Style, Splited Header, SEO Friendly, Fast Loading, Numbered Page Navigation and Stylish Google Fonts.

How to customize Drop Down Menu

Go To Blogger Dashboard > Template> Edit HTML> Proceed. Search for the following code in the template.

<ul>

  <li class='active'><a href='/'><span>Home</span></a></li>    <li class='has-sub'><a href='#'><span>Products</span></a>    <ul>    <li class='has-sub'><a href='#'><span>Product 1</span></a>    <ul>    <li><a href='#'><span>Sub Item</span></a></li>    <li class='last'><a href='#'><span>Sub Item</span></a></li>    </ul>    </li>    <li class='has-sub'><a href='#'><span>Product 2</span></a>    <ul>    <li><a href='#'><span>Sub Item</span></a></li>    <li class='last'><a href='#'><span>Sub Item</span></a></li>    </ul>    </li>    </ul>    </li>    <li><a href='#'><span>About</span></a></li>    <li class='last'><a href='#'><span>Contact</span></a></li>    </ul>