Fadhlizaky's blog

Sunday, February 22, 2009

Zinmag Tribune Template





Template name: Zinmag Tribune
Template Author: Jinsona Design
Template Converter: Falcon Hive
Compatible BSP: Blogger
Best Viewed Browser: Internet Explorer 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9
Column: 4
Feature (9): White professional magazine style design, double header navigation bar, featured content scroller, featured content glider, featured-video section, 4 ads space, Javascript-based tabber, 3 footer gadget section, footer navigation bar

Set up the First Header Navigation Bar

You can customize your header navigation link to your own preferred link. To achieve this, access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and edit it with corresponding item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Set up the Subscription Section on the top of the blog

You can personalize the Subscription section to your own personal news, comments and email RSS. To get this done, access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and edit it with corresponding item.

<a href='YOUR-POST-RSS-LINK-HERE'>
<a href='YOUR-COMMENT-RSS-LINK-HERE'>
<a href='RSS-EMAIL-SUBSCRIPTION-LINK-HERE'>

Set up the Second Header Navigation Bar

You can use exactly the same way to customize your header navigation link to your own preferred link. To achieve this, access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and edit it with corresponding item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Set up the Featured Content Scroller on the top of the main page

You can see this template got a scroller of featured post image and description on the top of the page, which can only be configured through 'Edit HTML' section.

To setup the featured content scroller, simply access into 'Layout' and under the 'Edit HTML' tab, check the 'Expand Widget Templates', then press [CTRL+F3] to find the code below and edit it with corresponding item.

<a href='POST-LINK-HERE' title='LINK-TITLE-HERE'><img src='IMAGE-LINK-HERE'width='60' height='40' alt=''/></a> <div class='fmeta'>POST-DESCRIPTION-HERE</div>

Set up the Featured Content Glider on the top of the main page

There's also got a graphical Featured Content Glider with rich description under the featured content scroller, which you can only access into the space through the 'Edit HTML' section..

To setup the featured content glider, simply access into 'Layout' and under the 'Edit HTML' tab, check the 'Expand Widget Templates', then press [CTRL+F3] to find the code below and edit it with corresponding item.

<h2><a href='POST-LINK-HERE' title='LINK-TITLE-HERE'>POST-TITLE-HERE</a></h2>
POST-DESCRIPTION-HERE</div>
<a href='POST-LINK-HERE' title='LINK-TITLE-HERE'><img src='IMAGE-LINK-HERE' width='650' height='250' alt='IMAGE-TITLE-HERE'/></a>

Set up the Minipost Section under the Featured Content Glider

There's actually got minipost section installed under the Featured Content Glider, which you can only access into the section through the 'Edit HTML' section..

To setup the featured content on the sidebar, simply copy the code below, then access into 'Layout' and under the 'Page Element', clicks on the 'Edit' of the 'featured-content2', paste and edit the code with corresponding item.

<div class='hentry'>
<h2><a href='POST-LINK-HERE' title='LINK-TITLE-HERE'>POST-TITLE-HERE</a></h2>
<div class='categ'>POST-CATEGORY-HERE</div>
<div class='minicontent'>
<img src='IMAGE-LINK-HERE' width='120' height='80' alt='' />
POST-DESCRIPTION-HERE
</div>
</div>
<div class='minimeta'>POST-DATE-HERE I <a href='POST-LINK-HERE'>Read the full story</a></div>

How to hide article's content on the main page

As this template got 'Read More' function, you probably want to hide some text from being displayed on the main page. In fact, you just need some extremely easy step to achieve this. Simply copy the highlighted code below, then access into 'Settings' and under the 'Formatting' tab, paste the code into the 'Post Template'.


<span class="fullpost"></span>

On the next time you write an article, you just need to add this line of code to hide the text. For example,

After the Zinmag Remedy template, Zinmag Tribune Blogger template is a white professional magazine style template authored by Jinsona Design<span class="fullpost">This template has rich feature like featured content scroller and featured content glider</span>

Then the main page would show only the 'After the Zinmag Remedy template, Zinmag Tribune Blogger template is a white professional magazine style template authored by Jinsona Design', while the other text is hid and only can be seen through 'Read More' click.

Set up the Featured Video Section on the top of the sidebar

There's a video section on the top of the sidebar, and you can put favorite Youtube video inside the section by just few simple steps.

To setup your favorite Youtube video, just copy the video's embed code link, then access into 'Layout' and under the 'Page Element', clicks on the 'Edit' of the 'featured-video', paste the code then 'Save' to show the video!

Your Youtube video's embed code link is located below the profile of the video uploader, and you can adjust the <embed>'s width and height inside the code to fix the section size. The recommended size for this featured video section is 310 width and 255 height.

Set up the JavaScript-based Tabber on the sidebar

You can probably notice that there's got a dynamic tabber with 3 gadget inside on the sidebar. By clicking the 'Popular', you can actually set up the 'Popular' part of the tabber with any gadget, same as clicking 'Archive' and 'Recent', which directs you to the setting of second and third part of the tabber.

To setup the Popular (post) section, you can simply copy the code below then access into 'Layout' and under the 'Page Element' tab, add a HTML/JavaScript gadget into the 'Popular' section then paste the code inside the gadget and edit it with corresponding item.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_HERE_WITHOUT_http://&num=10" type="text/javascript"></script>
<a href="http://bloggerstop.net" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

For the 'Archive' section, you can just install Archive gadget inside the section, with the 'flat list' as recommended option. As for the 'Recent' section, you can put your Feed gadget together with your blog's feed into the section.

Set up the Ads Space on the sidebar

Zinmag Tribune got an ads space on the sidebar, and you can setup the ads space through the 'Edit HTML' section. To achieve this, simply access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and edit it with corresponding item.

<li><a href='ADS-LINK-HERE' rel='bookmark' title='ADS-TITLE-HERE'><img src='ADS-IMAGE-HERE' alt='IMAGE-TITLE-HERE'/></a></li>

Set up the Footer Navigation Bar


Same with the header navigation bar, you can customize your header navigation link to your own preferred link. To achieve this, access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and edit it with corresponding item.

<li><a href='YOUR-LINK-HERE' title='YOUR-LINK-TITLE'>YOUR-LINK-TITLE</a></li>

Download Zinmag Template http://www.box.net/shared/dnngn1hb0b
Download its image hosted version http://www.box.net/shared/81kuke8e8i
Source http://www.falconhive.com/2009/02/zinmag-tribune-blogger-template.html

1 comment:

Fadhlizaky's blog
 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com