SEO Mag Blogger Template

SEO Mag Blogger template is a Pro Blogger Template designed by NewBlogThemes.SEO Mag Blogger Template has 2 columns layout.This template has three columns footer.This template is made for Tech and Personal Blogs,however you can use it for any blog.This template has a cool top navigation menu,it has gray background which gives 5 stars to the attractiveness of this template.This template is Ads and SEO Ready template.It has social share buttons along with one right sidebar.This template works with all type of Browsers.You can Get it free from our Blog.
SEO Mag Blogger Template


Features of SEO Mag Template


  • 1 Right Sidebar
  • 3 Columns footer
  • 2 columns layout
  • Subscription widget
  • Popular Posts widget
  • Social Buttons
  • Works with all type of Browsers
  • Ads Ready
  • SEO Ready
  • Gray Background
  • white
  • Pro Look
  • Top Navigation menu

How To Install SEO Mag Blogger Template


Installing SEO Mag Template is easy,but we have posted an awesome tutorial for new bloggers,hope you will like it.
Installation 

So What's Up:- Is there any Problem you got ? Feel free to ask any question.We are here to Answer You.

Jarid Blogger Template





DemoDownload
Template name : Jarid

Platform: Blogger / Blogspot

Release date : March 2013

Author :  www.soratemplates.com

Designer: tielabs

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='flexslider'>
    <ul class='slides'>
    <li><a href='#'><img class='attachment-660x330' height='330' src='../image.jpg' width='620'/></a>
    <div class='slider-caption'>
    <h2><a href='#'>Maecenas mattis, tortor ut posuere aliquam</a></h2>
    <p>iam wisi quam lorem vestibulum...</p>
    </div>
    </li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='main-menu'>
    <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Post Head Modes</a>
    <ul class='sub-menu'>
    <li><a href='#'>Post With Featured Image</a></li>
    <li><a href='#'>Post With Slider</a></li>
    ..........
Replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div class='ads-top'>    
    <a href='#' target='_blank'><img src='../banner728.gif'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner728.gif" with your banner image.
Configure Page Navigation Widget:
search for:
  • var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

MusiMag





DemoDownload
Template name : MusiMag (Green Skin)

Platform: Blogger / Blogspot

Release date : March 2013

Author :  www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Music, Magazine, Featured Content Slider, Fixed Width, Green Background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='featured_banner'/>
    <div id='slider'>
    <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div>
    <div id='slider_img'>
    <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='navigation'>
    <ul>
    <li><a href='#'>Interview<span>Meet your artists</span></a></li>
    <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
    <ul class='sub_menu'>
    <li><a href='#'><span>Concerts (2)</span></a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

MusiMag Blogger Template





DemoDownload
Template name : MusiMag

Platform: Blogger / Blogspot

Release date : February 2013

Author :  www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Music, Magazine, Featured Content Slider, Fixed Width, Blue Background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='featured_banner'/>
    <div id='slider'>
    <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div>
    <div id='slider_img'>
    <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='navigation'>
    <ul>
    <li><a href='#'>Interview<span>Meet your artists</span></a></li>
    <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
    <ul class='sub_menu'>
    <li><a href='#'><span>Concerts (2)</span></a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

FitnessMag Blogger Template





DemoDownload
Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  wpexplorer

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='flexslider' id='slider'>
    <ul class='slides'>
    <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
    <div class='caption'>Awesome Blogging Theme! </div></li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='sfmenu' id='menu-main'>
    <li><a href='#'>Category 1</a></li>
    <li><a href='#'>Category 2</a>
    <ul class='sub-menu'>
    <li><a href='#'>This is a dropdown</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <h2>Follow Us</h2>
    <ul class='clearfix'>
    <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
    <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
    ..........
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:
Find this:
  • <h3 class='heading-border'><span>Author</span></h3>
    <div id='author-image'>
    <a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
    </div>
    <div id='author-bio'>
    <h4>Written by <a href='#'>Admin</a></h4>
    <p>Aliquam molestie ligula vitae nunc...</p>
    </div>

Confidence Blogger Template





DemoDownload
Template name : Confidence

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Magazine, Header Banner, Featured Content Slider, Fixed Width, Clean Design, Gray Background, Top Navigation Menu, Page Navigation Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  Rifki

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='slides'>
    <li><img class='attachment-590x339' height='339' src='/image.jpg' width='590'/>
    <div class='flex-caption'>
    <h1><a href='#'>Convallis consequat</a></h1>
    <p>Lorem ipsum integer tincidunt quisque...</p>
    </div>
    </li>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='sfmenu' id='sfmenu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Categories</a>
    <ul class='sub-menu'>
    <li><a href='#'>Entertainment</a></li>
    <li><a href='#'>Lifestyle</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div class='banner-ad'>
    <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.jpg" with your banner image.

Configure Social Widget:
search for:
  • <ul class='clearfix' id='social-link'>
    <li><a class='dribbble' href='#'>dribbble</a></li>
    <li><a class='twitter' href='#'>twitter</a></li>
    <li><a class='facebook' href='#'>facebook</a></li>
    ..........
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
  • var posts=6, // Number of posts in each page
    num=2, // Number of buttons will display

Collective Blogger Template





DemoDownload
Template name : Collective

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Magazine, Clean Design, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  stoodeo

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='slideshow'>
    <div class='slide'>
    <div class='post-img-large fl'>
    <a href='#'><img class='attachment-large' height='200' src='/image.jpg' width='570'/></a></div>
    <h2 class='post-title fl'>
    <a href='#'>Creative Digital Illustration</a></h2>
    <div class='clear'/>
    </div>
    ..........
    <div class='tabs'>
    <a><img class='attachment-tiny' height='32' src='/thumb.jpg' width='82'/>
    <span>Creative Digital Illustration</span></a>
    ..........
Now replace:
  • "#"with your featured post URL.
  • "image.jpg" with your slider image.
  • "thumbnail.jpg" with your thumbnail image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='menu' id='menu-main-menu'>
    <li><a href='#'>Category One<span>Category Description</span></a></li>
    <li><a href='#'>Category Two<span>Category Description</span></a>
    <ul class='sub-menu'>
    <li><a href='#'>Sub Category One</a></li>
    ..........
Just replace "#" with your menu item URL.

How to change Recent Posts and Recent Comments Widget:
Look for:
  • var rcp_numposts = 3; // Number of Posts will display
    ..........
    nc=3; // Number of comments will display

LeetPress Blogger Template





DemoDownload
Template name : LeetPress

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Elegant, Magazine, Featured Content Slider, Fixed Width, Gray Background, Header Banner, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  wpmaniac

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='sliderContent'>
    <div class='featured-item' style='background:#000 url(/image.jpg) no-repeat center; height:280px;'>
    <div class='featured-inner'>
    <div class='featured-arrows'/>
    <h1><a href='#'>Dead Space 2 Review</a></h1>
    </div>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='navigation-wrapper'> 
    <ul id='navigate'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>News</a>
    <ul class='sub-menu'>
    <li><a href='#'>Xbox 360</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-banner'>
    <a href='#' target='_blank'><img alt='banner' src='/banner.png'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.png" with your banner image.

Configure Page Navigation Widget:
search for:
  • var pages=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Information:
search for:
  • <div id='about-author'>
    <img height='75' src='/author.png' width='75'/>
    <h5><strong>Author:</strong> admin</h5>
    <div class='author-descrip'>Lorem ipsum dolor sit amet...</div>
    </div>

Boulevard Blogger Template





DemoDownload
Template name : Boulevard

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Magazine, Header Banner, Featured Content Slider, Fixed Width, Clean Design, Gray Background, Tabbed Widget, Top Navigation Menu.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  ThemeSector

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='featured-wrapper'>
    <div class='slider'>
    <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
    </div>
    ..........
    <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
    <div class='slider-heading'>
    <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
    <p>Lorem ipsum dolor sit amet...</p>
    </div>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='navigation'>
    <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a>
    <ul class='sub-menu'>
    <li><a href='#'>Blog Style</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-banner'>
    <a href='#'><img src='/header-banner.jpg'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "header-banner.jpg" with your banner image.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs'>
    <li class='active'><a href='#tab1'>Popular</a></li>
    <li><a href='#tab2'>Comments</a></li>
    <li><a href='#tab3'>Tags</a></li>
    </ul>
Change the names "Popular", "Comments" and "Tags" as you like.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Magnificent Blogger Template





DemoDownload
Template name : Magnificent

Template features : Wordpress Look, 4 Columns, 4 Columns Footer, Left+Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


If you don't do this, it will display "UNDEFINED".

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='slide'>
    <a href='#'><img class='thumb' height='271px' src='/image.jpg' width='461px'/></a>
    <div class='description'>
    <h2 class='title'><a href='#'>Nulla aliquam quam non commodo</a></h2>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='nav' id='primary'>
    <li class='current_page_item'><a href='#'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='children'>
    <li><a href='#'>Meet The Team</a></li>
    <li><a href='#'>Where to Find Us</a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

GameMix Blogger Template





DemoDownload
Template name : GameMix

Platform: Blogger / Blogspot

Release date : January 2013

Author :  www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Games, Magazine, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='nivoSlider' id='slider'>
    <a href='#'><img src='../slide.jpg' title='#sliderCaption1'/></a>
    ..........
    <div class='nivo-html-caption' id='sliderCaption1'>
    <h2>Excepteur sint occa- ecat cupidatat</h2>
    Excepteur sint occaecat cupid...
    <a class='arrow' href='#'/></div>
    ..........
Replace:
  • "#" with your featured post URL.
  • "slide.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='sf-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='sub-menu'>
    <li><a href='#'>Testimonials</a></li>
    <li><a href='#'>Archives</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

GrungeMag Blogger Template





DemoDownload
Template name : GrungeMag

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant Background, Featured Content Slider, Fixed Width, Tabbed Widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='slide-items'>
    <a href='#'><img class='no_border' height='123' src='/image.jpg' width='155'/></a>
    <span class='slide-items-a'>
    <a href='#' rel='bookmark'>Ut sagittis ...</a>
    </span>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='nav superfish' id='nav2'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='children'>
    <li><a href='#'>Contact Information</a></li>
    <li><a href='#'>Meet The Team</a></li>
    ..........
    <div id='categories'>
    <ul class='nav superfish'>
    <li><a href='#'>Custom Logos</a>
    <ul class='children'>
    <li><a href='#'>Case Studies</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
    </ul>
Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

Bloom Blogger Template




DemoDownload
Template name : Bloom

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='mygallery'>
    <div class='imageElement'><h2>Was "Free Willy" Better Off in Captivity?</h2><p/>
    <a class='open' href='#' title='Read More'/>
    <img class='full' src='/image.jpg'/>
    <img class='thumbnail'/></div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='wpn_menu' id='menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Get in Touch</a></li>
    ..........
    <ul class='wpn_submenu' id='submenu'>
    <li><a href='#'>Culture + Celebrity</a></li>
    <li><a href='#'>Fashion + Beauty</a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=6, // Number of posts in each page
    num=2, // Number of buttons will display