Instruction How to Use Sporty Magazine Blogger Template

This template I designed specifically for those of you who want to create a blog about sports news. 50 percent of the components of this template consists of the things associated with sports, especially body background images. Images could be changed according to your desires and your taste.

There are some parts of this template you should know, especially the body, the composition of the column, horizontal navigation, widgets featured content, and more. following review of each one below.

Body

important part of the body is the image of the page background. Background image size that I use for this template is 1440px wide by 1000px high. Maybe a little heavy if you use a somewhat slower network, but you can delete this image body image and customize it with images that you want.

Column

Composition of the columns in this template, pretty much, ie, two columns in the header (header logo and the widget widgets for adsense with 728px width), two columns at the bottom navbar (widgets for future content and adsense with a width of 300px), four columns in the The main body (post widgets, and widget sidebar with each 120px wide, 300px and 125px) and eight columns in the footer section with the same width 230px.

Navigation

This template comes with a horizontal navigation as much as three pieces. one at the top of the template and two at the bottom of the column header. Navigation at the top is equipped with the login widget for blogger platform, while the navigation under the header, equipped with a google search widget. to change the navigation links to this, please open your blog account and go directly to the edit html tab pages. Search the code your-url-link and replace the code with a url link to your liking.

Featured content

to activate the content featured this column, please open your blog page design, and add the widget html / javascript. Enter the code below :

<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="" src="http://static.inilah.com/data//worldcup/201006/lionell-messi400a.jpg" /><span>Lionel Messi Goal Fictory since 2006 seasons</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="" src="http://www.footiewallpapers.com/pic_upload/Rooney-wallpaper-10-400x250.jpg" /><span>20 Beautiful Long Exposure Photographs</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="" src="http://1.bp.blogspot.com/_rt9jpqvXcuc/SY1sLIqhKbI/AAAAAAAAAms/d04Uq-xgo8o/s400/3431.jpg" /><span>35 Amazing Logo Designs</span></a></li>

<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="" src="http://1.bp.blogspot.com/_rt9jpqvXcuc/SY1sLFzFKTI/AAAAAAAAAmk/sT7sYeEt5iM/s400/3053.jpg" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
</ul>

<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt="" src="http://static.inilah.com/data//worldcup/201006/lionell-messi400a.jpg" />
<div class='info'>
<h2><a href='#'>Lionel Messi, Best Player in The World</a></h2>
<p>Lionel Messi was playing footbal on Barcelona footbal club. He win many competion, champions league, la liga....<a href='#'>read more</a></p>
</div>
</div>

<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt="" src="http://www.footiewallpapers.com/pic_upload/Rooney-wallpaper-10-400x250.jpg" />
<div class='info'>
<h2><a href='#'>Wayne Rooney, Manchester United</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href='#'>read more</a></p>
</div>
</div>

<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt="" src="http://1.bp.blogspot.com/_rt9jpqvXcuc/SY1sLIqhKbI/AAAAAAAAAms/d04Uq-xgo8o/s400/3431.jpg" />
<div class='info'>
<h2><a href='#'>35 Amazing Logo Designs</a></h2>
<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href='#'>read more</a></p>
</div>
</div>

<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt="" src="http://1.bp.blogspot.com/_rt9jpqvXcuc/SY1sLFzFKTI/AAAAAAAAAmk/sT7sYeEt5iM/s400/3053.jpg" />
<div class='info'>
<h2><a href='#'>Create a Vintage Photograph in Photoshop</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href='#'>read more</a></p>
</div>
</div>
</div>

Thats all, please save your template and see the result. Hope you enjoyed. If you have question about this template? Please contact me on : mail@borneotemplates.com. Thank you...