About Me

Hi... my name is Daru Kurniawan Ahmadi. I am from Indonesia, a beautiful equator country in south east Asia. I live in Sidoarjo, East-Java, in Java Island. Please, don't read JAVA SCRIPT OK... instead of East-Java...LOL. Nevertheless, I will relocate myself to my second home in Kinabalu, Sabah, North Borneo, Malaysia to meet the girl that I love.

I use Cahaya Biru as Nick Name is this world wide web. Actually it is from The word "Daru", from Javanese language, which means Cahaya Biru (English: Blue Light). In our people, "Cahaya Biru or Blue Light" has been indicated as a good light for recognizing a baby that just been born. So I use that "Cahaya Biru or Blue light" as nick name in this blog...

In the same time, I don't have any background of study about computer formally. I just like to learn many things. I like to read everything, Philosophy, Politics, Science, Policy Science, History, Computer Technology, and everything.

This picture was taken in 26 June 2008 in Malang, East Java, Indonesia

In the same time, actually, I am a Policy Analyst or Public Administration Researcher. However, I like blogging. So here I am, Helping you by converting some WP Themes to Blogger. And, for next, I will try to create my own templates. :).

Lastly, Thanks For Visiting My Blog.. :) ...


Regards.


Daru Kurniawan Ahmadi
a.k.a Cahaya Biru

Gamezine (Cahaya Versions)

AS MANY BLOGGER HAS DEVELOPED NEW TOOLS,

THE GAMEZINE TEMPLATE HAS BEEN UPDATED

(Please go to this page to get the New Updated Download link , click)

Description :
GameZine Blogger Template is a conversion from its original in WP Themes. The template has a dark grunge design with a fixed with 3 column layout. The template is perfectly suitable for gamers and with some modification it will fit into any niche. The list of features include 1. Magazine theme layout, with dark and grunge style. 2. Multi-level drop-down javascript navigation menu. 3. Featured post section with javascript gallery 4. Featured video section 5. Site wide customizable 125x125 banner ads. 6. Adsense enabled 7. Javascript thumbnail slider which links to posts of specified category. 8. About me section, which is customizable, including image and text. 9. news display with mini thumbnails. 10. Mini posts with thumbnails. 11. customizable top games section on the sidebar. 12. Widgetized, dual sidebar. 13. Theme support 14. Custom theme option page in the admin panel.
(this short description quoted from Web2feel.com)

Overview Of Blogger Template Gamezine
Original Design Author : Jinsona Design
Converted to blogger by : Cahaya Biru
Date of conversion : 29 January 2009, revised the code in 15 February 2009

The Features Of "the awesome" GameZine

1. Menu on top and below header (For installation guide, Click Here)
2. Inline Minipost with magazine style, with Auto mini image included
3. Auto Read More included
   
4. No float Image at post template
5. Auto adjustment image position in post
   
6. Glider Content (for installation guide, Click Here)
7. Image Slide (for the installation Guide, Click Here)
8. Tabber (for the installation guide, Click Here)
9. Nice Video Header (for the installation guide, Click Here)
10. Search Form
11. news display with thumbnails (for the installation guide, Click Here)

The weakness of GameZine Blogger Template :

• No Subscribe feature... :)
• Need Special knowledge of HTML and CSS code / for Professional and Mid-end blogger user

GAMEZINE ADD PAGE ELEMENT: Clean and well organized

By the way, almost forgot, This GameZine is bloggerized with our special setting of xml files. It has a clean and well organized view at the Add Page Element, as shown at above figure. What about the speed and stability...?? You can try it in your blog or preview the demo, right guys...
Actually, the speed is depended on how much images or widget that you install... :)
heheheheh....



This Gamezine Template has been tested and passed in flollowing browser:

• Mozilla Firefox 2.xx (new versions will show it better)
• Internet Explarer 6 (New Versions will show it better)
• Opera 9. (new versions will show it better)

Now, let's see from your browser...!!!


What is your opinion guys about this Gamezine....???

NB: sorry, I put every single guide in another page, not in this page. Some Blogger have given suggestions to me in order to explain more about the guidance and not just steps or alike... That's way I make the guidance in different page of this blog...

Please do not remove the footer credit. I spend several hours to convert this nice WP theme to blogger template so that you can use it for your blog. All I ask is, stay the credit intact.

Gamezine Blogger Template by Cahaya Biru is licensed under a Creative Commons Attribution 3.0 United States License.
Based on a work at cahayabiru-sphere.blogspot.com.
Permissions beyond the scope of this license may be available at http://www.mediafire.com/file/ekyi5rjnomy/GameZineCahayaVersions.rar.

Gamezine Slide Show

This Writing is explaining about how to fill the content of Slider In Gamezine Template

Short Description

Description:
Image slide is a link with thumbnails picture. In this Gamezine, the image size is 160px height and 110px width and the position is above TABDIV or below Content Glider.

HTML Structures Of Slider

<div class="panel">
<a href="YOUR-LINK-ADDRESS-HERE" title="HOVER-TITLE-HERE" > <img src="IMAGE-SOURCE-ADDRESS-HERE" width="160" height="110" alt="HOVER-IMAGE-HERE"/> </a>
</div>

(Please do not change or modify the red texts, even it is a quote symbol)

Please, Change the word :

• YOUR-LINK-ADDRESS-HERE with your post link address in your blog.
• IMAGE-SOURCE-ADDRESS-HERE with your image source address
• HOVER-IMAGE-HERE with your own short description

After changing all words with your own post link, source, and hover description; please read the following steps :

1. Copy your changing.
2. Go to page element
3. You’ll see Slide Gadget

4. Now, press edit
5. Paste your code into the Gadget box
6. Save it,

In addition, If you need to add more content, two, three or etc, you just need to copy-paste another structure under the previous content. After copying, then, make the change that needed.
You can edit this in word processor, notepad, or alike.

Gamezine Glider

This writing explains about how to fill content of GLIDER feature in Gamezine Template

Short Info

Actually, What is content glider??
Content Glider is featured contents on your page, by turning ordinary pieces of HTML content into an interactive "glide in" slideshow.

Just see the screenshot right guys...

Glider Position In Gamezine Template

The Gamezine content Glider position is under header menu, which have left-right toggler in right top corner.

HTML Structure for content of glider

This is the structure of PER Content Glider:

<div class="glidecontent">
<div class="glidemeta">
<h2><a href="TARGETED-LINK-ADDRESS" title="HOVER-TITLE">TITLE-TEXT</a></h2>
SHORT DESCRIPTION HERE , ...</div>
<a href="TARGETED-LINK-ADDRESS" title="title" > <img src="IMAGE-SOURCE-ADDRESS" width="620" height="220" alt="title"/> </a>
</div>

PER Content it means that one picture, one short description, and link. That is the HTML structure of one content in content glider.

Change the words
TARGETED-LINK-ADDRESS,
IMAGE-SOURCE-ADDRESS,
SHORT DESCRIPTION with your own.

The image thumbnails is 620px width and 220px height. Please do not change the image setting.

Moreover, If you need to add more content, just make it two, three or etc, by copy-paste under the previous content. After that, change all link, image source, and short description for the second content.

You can edit this in word processor, notepad, or alike.

Video And News

This article contain two topics of Gamezine Guide. First is about the size of Video Size. The Second is about News with mini thumbnails.

Gamezine Video And Mini Thumbnails

The Size Of gamezine video :
Gamezine video is placed in rightcol. It has been added video header with the original author with Gamezine TV title. The size of gamezine video is 310px width and 255px height.
You could have the code from youtube.com or alike. After you get the code of your favourite video, please read the steps below :


1. Edit video size, by notepad or wordprocessor, into 310px width and 255px height
2. Afterwards, go to add page element.
3. you will see "Video" gadget

4. press edit
5. copy-paste the code that you have been changed into the box
6. save it

News display with mini Thumbnails:
News Display is your post links that have mini picture as thumbnails. The position is exactly below the search form in right column.

The structure of PER content of news is :

<div class="fblock"> <img src="YOUR-IMAGE-SOURCE-HERE" width="80" height="55" alt="" /> <h2><a href="YOUR-POST-LINK-HERE" title=" HOVER-TITLE ">YOUR POST TITLE </a></h2> <div class="auth"> Posted by AUTHOR </div> <div class="fmeta"> MM-DD-YY </div> </div>

change the words

• YOUR-IMAGE-SOURCE-HERE with your own image source
• YOUR-POST-LINK-HERE with your own post link that you want to be listed
  
• HOVER-TITLE with your own short description
• YOUR POST TITLE with your post title
• AUTHOR with your name
• MM-DD-YY with the post date

(You could modify it in notepad, or wordprocessor)

After changing :
1. go to add page element

2. you'll see FEATLIST, then press edit
3. copy-paste all your code into HTML javascript box.
4. save it.
That's all guys .... have a nice try....

Gamezine Menu Bar

This writing guide explains about how to customize Gamezine menu, above and below Header.

Description:
What is the above and below header menu...??
I will show the screenshot of it, I hope you will know the position of the menu. (LOL)







The Menu in Updated one is set in add page element, because of that you have to go to LAYOUT --> Add Page elemetn.

MENU ABOVE HEADER
Here is the HTML structure for FOX MENU

<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>

(please do not change any red text color, eventhough it is quote symbols)

Now, change the words :
TOP-MENU-LINK-ADDRESS-HERE with your own link location. Inline with it, you'll see HOVER-TOP-MENU and YOUR-TOP-TITLE. Also, change that hover and top title.
Hover title, its mean when your mouse is put over the menu, a yellow description will show with small text. see the image below.



After you change all the word that i have mentioned before, now save your template, and view your blog on web ...

After editing,
1. go to Layout -- Add Page element
2. You will see FOX MENU.
3. Press edit
4. then, copy paste your code into the box.
5. Save The Template


MENU BELOW HEADER
After customizing menu that above the header, now you need to set menu below header. The CAT Menu has function as places that you can put your CATEGORY or LABEL or GROUP link of your article. How to set it, it is easy...

HERE is the HTML of CAT MENU which use PARENT LINK only...

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>

You could edit this in wordprocessor or notepad.

Here is the HTML of CAT MENU with PARENT and CHILDREN only....(no SUB PARENT)

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

You could edit this in wordprocessor or notepad.

Here is the HTML of CAT MENU with PARENT, CHILDREN, and SUB PARENT

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<!-- You could add more list by copy-paste the green text in here -->
</ul>
</li>

</ul>
</li>
<!-- You could add more list by copy-paste here -->

You could edit this in wordprocessor or notepad.

Change the words:

• PARENT-LINK-ADDRESS with your label or category link.
• CHILDREN-LINK-ADDRESS with your specific article.
• CHILDREN-TITLE with your article title.

So, have a nice try, You have a homework, right .... :)

Gamezine Tabber

This Writing is explaining about how to fill the tabber in gamezine template

Short Description

Description :

GameZine tabber is a menu with tab navigation, It is exactly below image slide or above post header. Please see the screenshot below.. Gamezine tabber consist three tab. First tab is for your ads 125x125px. Second tab is profile content. And the third tab is random post.

About gamezine tabber in add page element, you can see TABDIV gadget. There is hidden navigation, which you can click to fill the content of first, second, and third tab. See the image below….

Customizing Tabber Of Gamezine Template

First Content (SPONSOR)

The structure of first tab (Ads 125x125px) is :

<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src="ADS-IMAGE-SOURCE-HERE" alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE " alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE " alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE" alt="" /></a> </li>

Change the words

• ADS-IMAGE-SOURCE-HERE with your ads image source
• YOUR-REFERRAL-LINK-HERE with your referral link address

Second Tab Content

This second tab use HTML/Javascript Gadget. So you can fill it with our own description and manage it.

Third Tab Content (Featured post)

<div class="rblock">
<img src="YOUR-IMAGE-SOURCE-HERE" width="80" height="55" alt="" />
<h2><a href="YOUR-POST-LINK-HERE" title="HOVER-TITLE">YOUR POST TITLE</a></h2>
<div class="auth"> MM-DD-YY</div>

Change all the words :

• YOUR-IMAGE-SOURCE-HERE with your own source image
• YOUR-POST-LINK-HERE with your post link location
• HOVER-TITLE with your short description
• YOUR POST TITLE with your post title
• MM-DD-YY with date of post

We recommend this for max 4 featured post.

After your own change

for first content
1. Go to Add page element
2. you'll see tabdiv title (This for first content)



3. then press edit
4. paste your changing in HTML/ javascript box.
5. save it

for second content

1. click hidden navigation (click that blank area, in the middle position)
2. you'll see About me
3. press edit
4. paste your change (second content) into it
5. save it

for third content

1. click third navigation (the blank area in the right position)
2. you'll see ranlist
3. paste your change (third content) into it
4. save it

Have a nice try....

GameZine Template (BT) ??

GAMEZINE'S LOGO

Hi Guys.........., In my previous post, I wrote that Blogger Template Gamezine is for sell. The reason was Laptop. Yes I didn't have any laptop or PC to convert WP Themes in that time ....

Telling this story I remembered my old computer PC once, MSI K7N2, now its only a piece of antique stuff in my museum.

woops.... skipping and jumping ...........

"Darling, this is for you... :)"
"Honey, I'm not asking the laptop to you ... why you give it to me.... !!!!"
"All that I have is yours too.... Now, use it whatever you like"
psssttt.......quite little bit.... I didn't say anything.......

That is the conversation about me and my wife, Sophie. My wife give her laptop to me.
Because of that, Gamezine Blogger Template will be Unlocked and free to everywhere ....
Of course, this GAMEZINE is with our special setting... Cahaya Versions...

But, still, I have to say that "I didn't do anything". Cahaya Biru also want to say special thanks to Jinsona and his lovely WP Themes Web Gallery, web2feel.com for creating and publishing Gamezine. Thanks dude ... :)

All I need now is little time to write some instructions guide of Gamezine Blogger Template (BT) in next post .... :)

ARE YOU READY FOR GAMEZINE .............. :) :)

PREVIEW GAMEZINE BT DEMO

NB:
If you like my work and want to help me to increase this blog .. . you could press donate button and send some amount .... :) :) :)

Zinmag Futura

This day, I would like to launch Zinmag Futura Blogger Template. This template is originally from WP Theme and made by Jinsona. Then I convert it to Blogger Tempate.

Thanks dude... for creating a very nice WP Themes.

Overview:
Name : Blogger Template Zinmag Futura
Original From : Zinmag Futura WP THEME
Original Author : Jinsona Designs
Converted to blogger by : Cahaya Biru

Template Feature :
1. Magazine Style with inline posting
2. Auto readmore included
3. Glide Content with up-down toggler
4. Slider with right-left toggler
5. Featured Post
6. Nice Chocolate Twitter Header
7. Post Focus included**
8. Menu

**Post Focus, its mean that you will not see the Slide, Glide, and Featured section when you enter the single post article. I have another name of it "You can see me in front, but not in behind"... heheheh :D

Any theory about it?? tell me...

Clearly, The Slide, Glide, and Featured secton is all gone when you enter the single post article. Isn't it very nice dude .... :)

Clean and Nice Organized of Futura Page Element

On the other hand, when you go to page element, You will not see any pictures in there. This page element is really private setting for you... It is clean and well organized as a framework of your blog. In the same time, The featured, Glide, and Slide section, is locked. Every widget that locked have the same color with the background. So that you can not remove or drag-drop. Why?? Just because They are the special widgets of Zinmag Futura.

You could change the setting, but we are not recommend it, only if you know about HTML code. I bet you know better than me... :) how much.... 20 bucks...100 bucks... heheheh just kidding about the bet. I don't like gambling either... it is forbidden in my believe... :)

This template has been tested in following browser :
1. Mozilla 2.xx (running well, no overflow, but the slide link is not shown)
2. mozilla 3.0x (perfect)
3. Internet Explorer 6 (running well, no overflow, but png image not shown)
4. Opera 9.0 (find)
That old browser is only tested tools. New Versions of it will show better.


Let's see the demo, from your computer, right guys.... !!! :D

PREVIEW DEMO | DOWNLOAD

Customizing Featured Widget (MANUALLY)

Oh.... well... now we are here.... Customizing Every Featured in Futura.

The Blogger Template Zinmag Futura is different from its versions in WP Theme. In WP themes, you can set all features into control panel by “semi-automatically”. But, in here, blogger, Zinmag Futura have to set manually.

Now I would like to explain how to customize the featured.

Customizing Menu
0. Go to Layout -- Edit HTML
1. Find (Ctrl+F) this

• SUB-TITLE-LINK-ADDRESS
• GROUP-TITLE-LINK-ADDRESS

2. Change it with your own targeted link.
3. Then, you have to change the title that inline the link, you will see:

• GROUP TITLE
• SUB TITLE
• FRONT TITLE
• SUB FRONT

4. Change it with your own title

5. Save the template

Customizing TWITTER
1. Go to EDIT/HTML, click expand widget template
2. find (Ctrl+F) this word:
TWITTER-ID-TWITTER
3. change all that word with your ID
4. Save The Template

example:
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/cahayabiru.json?callback=twitterCallback2&amp;count=5' type='text/javascript'/>

After That, Go to Add Page Element Tab, then read the explanation below.

Customizing The Slide (below the menu) :
The content in slide widget have a structure. I will explain to you the structure of image slide , please read below :

<!-- *********** BEGIN OF PER CONTENT *********** -->
<div class="panel">
<img width="200" src="IMAGE-SOURCE-ADDRESS-HERE" height="120"/>
<h2><a href="YOUR-LINK-ADDRESS-HERE" title="Batman">TITLE LINK HERE</a></h2>
</div>
<!-- *********** END OF PER CONTENT *********** -->

change the word :
"YOUR-LINK-ADDRESS" with your own targeted link
"IMAGE-SOURCE-ADDRESS-HERE" with your own hosted image
"TITLE LINK HERE" with your own word. It will appear in the web
And Remember, the size of picture is 200px width and 120px height

If you want to add more slide, just copy-paste another one of the structure above, then edit image source address, title link, and link address.

In Futura, The structure have to like that.
You could change it, but we are not recommend it, only if you understand javascript that have set by Jinsona Design.

The example of slide (5 content) :

<!-- *********** BEGIN COPY *********** -->

<div class="panel">
<img width="200" src="http://web2feel.com/futura/wp-content/uploads/bats.jpg" height="120"/>
<h2><a href="http://futura-demo.blogspot.com/2009/02/dont-cry.html" title="Batman">Batman</a></h2>
</div>

<div class="panel">
<img width="200" src="http://web2feel.com/futura/wp-content/uploads/obama.jpg" height="120"/>
<h2><a href="http://futura-demo.blogspot.com/2009/02/dont-cry.html" title="Obama">Obama</a></h2>
</div>

<div class="panel">
<img width="200" src="http://web2feel.com/futura/wp-content/uploads/britney.jpg" height="120"/>
<h2><a href="http://futura-demo.blogspot.com/2009/02/dont-cry.html" title="Test postin paragraphs and words">Test postin paragraphs and words</a></h2>
</div>

<div class="panel">
<img width="200" src="http://web2feel.com/futura/wp-content/uploads/pitts.jpg" height="120"/>
<h2><a href="http://futura-demo.blogspot.com/2009/02/dont-cry.html" title="Post with links">Post with links</a></h2>

</div>

<div class="panel">
<img width="200" src="http://web2feel.com/futura/wp-content/uploads/shooter.jpg" height="120"/>
<h2><a href="http://futura-demo.blogspot.com/2009/02/dont-cry.html" title="An ordered list">An ordered list</a></h2>
</div>

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

Customizing The Featured Post :

The featured post is a place that make your reader know about your featured post. In this Zinmag Futura, The featured post is recommended only for one content.

The Structured of content in featured post widget :

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

<span class="cat"> Posted under <a href="YOUR-LABEL-LINK-ADDRESS" title="View all posts in Featured" rel="category">LABEL-TITLE</a> </span>
<h2><a href="YOUR-TARGETED-LINK-HERE" title="Batman is back">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>

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

Change all word :

• YOUR-LABEL-LINK-ADDRESS with your label address of article
• YOUR-IMAGE-LINK with your own image hosted link
• TEASER-TEXT-OR-SHORT-PARAGRAPH with your own article text
• YOUR-TARGETED-LINK with your post article that related with teaser text.

The Example Content of Featured Widget :

<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="http://web2feel.com/demo5/?p=19" 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="http://web2feel.com/demo5/?p=19">Read More</div>

Customizing The Glide in Futura
The Futura Glide is a featured above main post area that have up-down toggler. When you click the toggler, the content will change up and down.

The Structure Of Per Content Of Futura Glide :

<div class="glidecontent">
<span class="cats"> <a href="YOUR-LINK-ADDRESS-HERE" rel="category" title="View all posts in Featured">TITLE-HERE</a>, <a href="LABEL-LINK ADDRESS-HERE" rel="category" title="View all posts in Uncategorized">CATEGORIES OR LABEL HERE</a> </span>
<h2><a href="YOUR-TARGETED-LINK-HERE" title="Batman">TITLE HERE</a></h2>
<div class="hentry">
<img width="200" src="IMAGE-ADDRESS-HERE" height="120"/>
<p>TEASER TEXT OR SHORT PARAGRAPH HERE [...]</p>
</div>
</div>

Example Content Of Glide in Futura (3 content) :

<!-- *********** Begin Copy *********** -->
<div class="glidecontent">
<span class="cats"> <a href="http://web2feel.com/futura/?cat=8" rel="category" title="View all posts in Featured">Featured</a>, <a href="http://web2feel.com/futura/?cat=1" rel="category" title="View all posts in Uncategorized">Uncategorized</a> </span>
<h2><a href="http://web2feel.com/futura/?p=42" title="Batman">Batman</a></h2>
<div class="hentry">
<img width="200" src="http://web2feel.com/futura/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 at nisl. Nullam lorem [...]</p>
</div>
</div>

<div class="glidecontent">
<span class="cats"> <a href="http://web2feel.com/futura/?cat=8" rel="category" title="View all posts in Featured">Featured</a>, <a href="http://web2feel.com/futura/?cat=1" rel="category" title="View all posts in Uncategorized">Uncategorized</a> </span>
<h2><a href="http://web2feel.com/futura/?p=42" title="Batman">Batman</a></h2>
<div class="hentry">
<img width="200" src="http://web2feel.com/futura/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 at nisl. Nullam lorem [...]</p>
</div>
</div>

<div class="glidecontent">
<span class="cats"> <a href="http://web2feel.com/futura/?cat=8" rel="category" title="View all posts in Featured">Featured</a>, <a href="http://web2feel.com/futura/?cat=1" rel="category" title="View all posts in Uncategorized">Uncategorized</a> </span>
<h2><a href="http://web2feel.com/futura/?p=42" title="Batman">Batman</a></h2>
<div class="hentry">
<img width="200" src="http://web2feel.com/futura/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 at nisl. Nullam lorem [...]</p>
</div>
</div>

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

PLEASE DO NOT REMOVE THE FOOTER CREDIT...

Zinmag Futura Blogger Template by Cahaya Biru is licensed under a Creative Commons Attribution 3.0 United States License.
Based on a work at cahayabiru-sphere.blogspot.com.
Permissions beyond the scope of this license may be available at http://www.cahayabiru.com/2009/02/blogger-template-zinmag-futura.html.


that's all guys... Any question or comments, leave in comments box below.... If you like my work and want to help me increase this blog .. . you could press donate button .... :) :) ...

ENJOY THE FUTURA ........ :)

Zinmag Redux

The full versions of redux (based on the WP THEME) maybe is to complicated for some blogger, and they don't want to used it. Set these, set those, ohhh.... boring.... boring....:)

Based on that issue, I give you the Easy Versions of Redux. And I call it The Redux Version 2.

This Redux is Free.... no paypal account... or alike... However if you want to donate me, you can click donate button.... heheheheh.... hahahah :D

PREVIEW DEMO | DOWNLOAD

FOR SHORT

Just Upload the XML file.

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

• 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 which inline with your link .

THEN YOU ARE DONE ....

see yaaaa.........

Zinmag Redux (Full Featured)

Logo of Zinmag Redux

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)

PREVIEW 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 ........