Monday, August 3, 2009

Zinmag Redux Blogger Template




First time I saw Zinmag series is WP Zinmag Redux. I was impressed with its feature, inline minipost, Glide Content, and tabber :). I was newbie that time, maybe a baby blog...and I still didn't know how to convert WP Theme to Blogger Template. :). In that time, I was dreaming if there is anyone who can convert this WP Themes to Blogger Template. Now, I am not dreaming anymore. I convert it for you... :)

Enough for the story, now, I am going to launch Zinmag Redux to Blogger Template.

This Redux is Free.... no paypal account... or alike... However if you want to donate me, you could press the donate button in my sidebar...... :) heheheheh.... hahahah :D

The Feature Of Zinmag Redux Versions 1.0 :
1. Featured Content (Manually)
2. Glide Content (Manually)
3. Feed Icon on top
4. Menu
5. Inline Minipost (Magazine Style)
6. Tabber Tab (Locked)
7. Widget in Bottom (Locked)

demo download





CUSTOMIZING THE FEATURE OF REDUX


Set The tabber
1. Go to Add page element
2. you will see 1 2 3
  • Number 1 is Feed Gadget; set the title, and fill in the form with your feeds address
example: http://YOUR-BLOG.blogspot.com/feeds/posts/default/
  • number 2 is HTML Gadget. Use it for your own purpose
  • Number 3 is Label.

Customizing The Menu
1. go to Edit HTML,
2. find (Ctrl+F) this
  • FRONT-TITLE
  • SUB-FRONT-TITLE
  • SUB-TITLE-LINK-ADDRESS
  • GROUP-TITLE-LINK-ADDRESS
3. change all that word with your targeted link address.
4. Then, change the SUB TITLE or GROUP TITLE, that inline, with your own link .

Customizing Archive Widget
We recommend to set flat list, instead of hierarchy without post title include
example : January 2009 or Jan 2009


Customizing Featured Widget ( MANUALLY)


The Structured of content in featured widget :

<span class="cat"> Posted under <a href="http://YOUR-LABEL-LINK-ADDRESS" title="View all posts in Featured" rel="category">LABEL-TITLE</a> </span>
<h2><a href="YOUR-TARGETED-LINK-HERE" title="TITLE-HERE">TITLE-HERE</a></h2>

<div class="fentry">

<p> <a href="YOUR-IMAGE-LINK"><img class="alignnone size-full wp-image-28" title="batmans" src="http://web2feel.com/demo5/wp-content/uploads/batmans.jpg" alt="" width="240" height="150" /></a>
TEASER-TEXT-OR-SHORT-PARAGRAPH ---- HERE
</p>

<div class="featmeta"> <a href="YOUR-TARGETED-LINK-HERE">Read More</div>



The Example Content of Featured Widget :


<!-- ************ BEGIN COPY OF EXAMPLE FEATURED CONTENT *********** -->

<span class="cat"> Posted under <a href="http://web2feel.com/demo5/?cat=8" title="View all posts in Featured" rel="category">Featured</a> </span>
<h2><a href="" title="Batman is back">Batman is back</a></h2>

<div class="fentry">


<p> <img class="alignnone size-full wp-image-28" title="batmans" src="http://web2feel.com/demo5/wp-content/uploads/batmans.jpg" alt="" width="240" height="150" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.</p>

<div class="featmeta"> <a href="">Read More</div>

<!-- ************ END COPY OF EXAMPLE *********** -->



Customizing Glide Content

The structure per content of HTML in Redux is shown below:

<!-- ************ PER CONTENT START *********** -->

<div class="glidecontent">

<h2><a href="Change-with-your-targeted-link" title="title-here">text that show in web</a></h2>
<span class="cats"> Posted under <a href="http://YOUR-BLOG-ADDRESS-HERE.blogspot.com/search/label/TITLE-OF-YOUR-LABEL" rel="category" title="title-here">Label-SHOWN-IN-WEB</a> </span>

<div class="hentry">


<img width="200" src="YOUR-IMAGE-ADDRESS-HERE" height="120"/>

<p>TEASER-TEXT-HERE- MAYBE-SHORT-PARAGRAPH-OR-SHORT-SUMMARY[...]</p>

</div>

</div>

<!-- *********** END OF PER CONTENT *********** -->



If you in hurry, you could copy this code below, then paste into the Glider HTML Javascript in your page element


<!-- *********** start copy ************** -->

<div class="glidecontent">

<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="iPhone Apps">iPhone Apps</a></h2>
<span class="cats"> Posted under <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Downloads">Downloads</a> </span>

<div class="hentry">

<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/iphone.jpg" height="120"/>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem [...]</p>
</div>


</div>

<div class="glidecontent">

<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="Britney is back">Britney is back</a></h2>
<span class="cats"> Posted under <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in music">music</a> </span>
<div class="hentry">
<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/britney.jpg" height="120"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem [...]</p>
</div>
</div>


<div class="glidecontent">
<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="Financial crunch effect on US politics">Financial crunch effect on US politics</a></h2>
<span class="cats"> Posted under <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in politics">politics</a> </span>
<div class="hentry">
<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/obama1.jpg" height="120"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem [...]</p>
</div>
</div>

<div class="glidecontent">
<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="Batman is back">Batman is back</a></h2>
<span class="cats"> Posted under <a href="http://web2feel.com/demo5/?cat=8" rel="category" title="View all posts in Featured">Featured</a> </span>
<div class="hentry">
<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/bats.jpg" height="120"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas [...]</p>
</div>
</div>

<div class="glidecontent">
<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="Action Games">Action Games</a></h2>
<span class="cats"> Posted under <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Childcare">Childcare</a>, <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Downloads">Downloads</a>, <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Dvd">Dvd</a>, <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Games">Games</a>, <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Software">Software</a> </span>

<div class="hentry">
<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/batista.jpg" height="120"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem [...]</p>
</div>
</div>

<div class="glidecontent">
<h2><a href="http://redux-demo.blogspot.com/2009/02/another-test-2.html" title="Post with links">Post with links</a></h2>
<span class="cats"> Posted under <a href="http://redux-demo.blogspot.com/search/label/test%20for%20you" rel="category" title="View all posts in Featured">Featured</a>, <a href="http://web2feel.com/demo5/?cat=19" rel="category" title="View all posts in Uncategory">Uncategory</a> </span>
<div class="hentry">
<img width="200" src="http://web2feel.com/demo5/wp-content/uploads/music.jpg" height="120"/>
<p>This is the web2feel wordpress theme demo site. You have come here from our home page.<br/>
Explore the Theme preview and inorder to RETURN to the web2feel home page CLICK HERE</p>
</div>
</div>

<!-- *********** End of the example *********** -->



AFTER REDUX, THERE WILL BE FUTURA AND MONEZINE ........

Labels:

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home