Darkwhite

Download Preview

About Theme

Theme Name : Darkwhite Portfolio Blog

Platform : Blogger/Blogspot

Author : www.templatetrackers.com

License : Creative Commons Attribution 3.0 

Darkwhite is a portfolio style blog, with minimal design. It is specifically designed for portfolio like sites. Portfolio layout in the template has been brought to a live using isotope masonary jQuery plugin. And the best thing about this template is that it supports video files from Vimeo and youtube. Just give it a try and you'll see the robust performance of this blogger template live.

Theme Features

Portfolio Style Template

Darkwhite is a portfolio style blogger template. It has grid style layout for it's homepage. We have used isotope jQuery plugin to give it a elegant portfolio look.

Browser Support
 It functions perfectly on all the latest browsers. Chrome, Safari, Opera, Firefox etc.

Drag & Drop Layout
Add or remove widget using drag and drop feature.

Auto Split Up Blogger Title
Your blog's title will split-up into [span] tag automatically.

Index Video Files
Darkwhite supports video files of Vimeo and Youtube and displays it in index page.

Minimal Design
This blogger template is designed with black and white theme, which gave this theme a minimal look.

Fast Loading
This template is pretty fast in downloading your site.

Powered by jQuery and CSS3
Darkwhite is powered by jQuery and CSS3

Guide For Geeks

Guide #1 Customize Page Header

Before customization you need to download this template and install it successfully in your blog. After successful installation open Blogger dashboard >> Template >> Html Editor. Now find the page header section in your template and edit it according to your wish.

<!-- Page Header -->
<header class='wrapper' id='page-header'>
<h1 id='page-title'>
Heading Title    
</h1>
<!-- Add Your Quote Here -->
<div id='page-description'>
<!-- Your Quote Here -->
</div>
</header>

Guide #2 Customize Menubar
Find menubar section in your blog which is just above the page header section. After finding it replace all # after href tag with url of your blog.

<nav class='default site-navigation' id='site-navigation' role='navigation'>
<div class='menu-main-container'>
<ul class='menu' id='menu-main'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Portfolio</a>
<ul class='sub-menu'>
<li><a href='#'>Filtered</a>

.

.

.

.

.

</ul>

</div>

</nav>