Gallery

Recent Posting

About Me


Hello, thank you for stopping to cahayabiru.com.

Cahayabiru is a combination of two words from Indonesian Language, namely: Cahaya and Biru.
Cahaya = light
Biru = blue
you can call us with the name of "cahaya" or "bluelight"

Although initially popular and many articles present blogger template collections, Cahayabiru is a blog that filled with articles by people who care about the design, templates, tricks, tips, and tutorials for blogging.


Lastly, thank you very much for stopping into our Webblog.

Gamezine (Cahaya Versions)

AS MANY BLOGGER HAS DEVELOPED NEW TOOLS,
THE GAMEZINE TEMPLATE HAS BEEN UPDATED


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)

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

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.

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....:)

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

Zinmag Primus V. 1.1


In this post, I am not launching new WP themes converted to Blogger Templates. But, I want to continue Zinmag Primus versions 1.0 to versions 1.1, and providing little difference between them.

Actually the Versions 1.0 of zinmag primus is not converted by me, but Falcon did.
I have modified some the code of it, than I called Versions 1.1.


Calculate Blog Weight


type your web or blog address (max 10)
 
(example: cahayabiru.com)  
 

Powered by iWEBTOOL


Return to Top