Blog Safari

Download Preview

About Theme

Theme Name : Blog Safari
Platform : Blogger/Blogspot
Author : www.templatetrackers.com
License : Creative Commons Attribution 3.0

Blog Safari a unique mixture of creativeness and web-art. It's a portfolio style magazine created by implementing all the best web-technologies and techniques of the present. Performance of Blog Safari is robust, it's powered by jQuery to make it's functioning more dynamic and CSS has been used to add the creativeness in it. Overall this is the template which can really bring awesomeness to your blogger site.

Theme Features

Magazine Style Template

Blog Safari is a magazine style blogger template with portfolio layout.

Browser Support

Functions smoothly on all the major browsers, Chrome, Safari, Firefox, IE etc.

Drag & Drop Layout

Drag and drop make it easy for beginners to customize the template as per their wish.

Responsive Design/Fluid Width

Blog safari has been created to work on all major devices like.

Sticky Top Header

Sticky header in this blogger template makes navigation very easy.

Google+ Comments System

Installed with both Blogger Comments and Google+ Comments system you can use both of them alternately.

Professional Author Box Below Each Posts

Professional author box has been installed in this widget, which is linked to your Google+ profile. Which's perfect for multi authored blogs.

Guide For Geeks

Guide #1 Customizing Menubar

Before customizing download this blogger template and install it successfully in your blog. After successful installation go to Blogger Dashboard > Template > HTML Editor and search the below given code and replace all # with url of your site.

<div class='menu-main-container'>
<ul class='menu' id='menu-main'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Static Page</a>
.
.

</ul>
</div>

Guide#2 Customize Page Header
It's the Welcome message displayed in blog template. To customize search and find the below given code and edit it as per your wish.

<div class='introduction-meta col twelve'>
<div class='data-inside'>

..................................

</div>

</div>