Gallery

Recent Posting

Gamezine (White)



In my previous post, Some of my visitors commented :

Ammy says:
its not white isnt it cahaya !!


李後頡 Says:
i am extremely interested in the white version, when do you plan on releasing it?


This day I would to introduce white versions of gamezine. I change the gamezine pictures into white blue, font, and its background color as you can see in the screenshot above.... I hope you like this white versions, guys. :)

OVERVIEW

LAYOUT DESIGNER
Author: Jinsona Design
URL : web2feel.com

Modified and coded to Blogger XML
Author : Cahaya Biru
URL : http://www.cahayabiru.com (This Blog)
Date : 21 April 2009

Please do not remove the footer credit. We spent several hours coding from WP THEME so that you could use it for free in Blogger. All that I ask, please stay the credit Intact. Thanks.... :)



Acid Rain

ACID RAIN

Acid RAIN
Acid Rain is simple, two column, and black stylist template.

Gamezine (Updated)

Gamezine is one of my favorite template .... Releasing in February 2009, Gamezine is still one of most wanted template in blogosphere.

Now, I want to release and share it again with premium setting. But, wait, this premium is for free... :)... Yes, once, this setting is only for premium. But, I have promised to myself that after owning domain, I will share this premium secret for free.... :).

As many blogger has developed new tools, this Gamezine XML (Update) template include new setting of readmore which more reliable and stabil than the previous one. Also, this Update have been filled with proper z-index, which I've been hide this secret for several months.. :)... But, now that secret is shared. The template also use widgetized MENU and CAT MENU which have 120% longer than the previous one.

So... after z-index, cat menu, what else..... ehmmm....
This Gamezine use three sidebar.... I have added one more... so that you can have more option. :)... Ok... here is the gamezine Updated ...


Googlepages Reduce Speed



For about 1 year ago, googlepage.com is one of my favorite site which I used to store my files, scripts, image, or etc. Because it is free... :). However, now, googlepage or pages.google.com has been closed. I know that announcement about a half year ago... So, when you go to google page you will find that yellow just like the screenshot above...
Moreover, pages.google.com has reduced the bandwidth speed. Clearly, when you host your JS script files to googlepage, and you use it for your blog, then your blog will load slowly. Don't believe about what I've said, then go try, and compare it...please, Check it with this tools. Stopwatch numion.com

Lastly, Have a nice blogging... :)

Increase Comment Box Width

For about half year ago, Blogger.com have updated the comment style into comment-form as an option for the old one. While in 2009, many converter transform magazine style into XML Templates. So, the comment box style is a need because it use a wide view of comment box. However, blogger have set the width of the box only about 300px and that is short. Now, come question, is it possible the increase the box width of comment? Quickly I answered, yes it is possible. But, How to do it??
This article explain about how to increase the width of comment box easily...

Daily Planet



Dailyplanet is a News/Magazine Template. This template is bundled with a lot of features you like to have on your premium theme. There are featured post section, customizable miniposts, featured video section, list of featured posts etc.

OVERVIEW:
Designer : Jinsona Design
URL: www.web2feel.com

Blogger XML coded:
Converter : Daru Kurniawan Ahmadi
Nick : CahayaBiru
URL : http://www.cahayabiru.com (this site)

Releasing : 05 April 2009

DEMO
  1. Versions A (Based Original Version in WP Theme)(Demo, click here)
  2. Versions B (Single Mainpost, No Auto Readmore) (Demo, click here)

Daily Planet Guide

MENU

This is HTML Structure of menu


<li><a href='YOUR-MENU-LINK-LOCATION' title='View Files Under MENU-TITLE'>MENU-TITLE</a></li>



Change the word:
  • YOUR-MENU-LINK-LOCATION with your menu link.
  • MENU-TITLE with your menu title. Example: About, Contact, or etc.

If you want to add more menu link. just copy-paste the structure above under the previous.


POSTLINK

This is the HTML Structure Of POST LINK in Daily planet.


<div class="panel">
<img width="100" alt="" src="YOUR-IMAGE-HERE" height="60"/>
<div class="fcats"><a href="YOUR-POST-CATEGORY-LINK-LOCATION" rel="category" title="LABEL-TITLE">LABEL-TITLE</a> </div>
<h2><a href="YOUR-POST-LINK-LOCATION" title="POST-TITLE">POST-TITLE</a></h2>
<div class="auth"> Posted by AUTHOR</div>
<div class="fmeta">

MM-DD-YYYY |
<a href="YOUR-POST-LINK-LOCATION#comments" title="Comments On POST-TITLE">ADD COMMENTS</a></div>

</div>



Change the word :
  • YOUR-POST-CATEGORY-LINK-LOCATION with your CATEGORY LINK LOCATION. Example: http://www.cahayabiru.com/search/label/Blogger%20Tricks
  • YOUR-POST-LINK-LOCATION with your post link location.
  • POST-TITLE with your post title.
  • YOUR-IMAGE-HERE with your image. The size is 100px width and 60px height.
  • AUTHOR with your name.

Here is The example code that you can use.


<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/bats.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a> </div>
<h2><a href="#" title="Batman is back">Batman is back</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-20-2007 |
<a href="#" title="Comment on Batman is back">ADD COMMENTS</a></div>

</div>

<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/music.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a>, <a href="#" rel="category" title="View all posts in Uncategory">Uncategory</a> </div>
<h2><a href="#" title="Post with links">Post with links</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-18-2007 |
<a href="#" title="Comment on Post with links">ADD COMMENTS</a></div>

</div>

<div class="panel">
<img width="100" alt="" src="http://web2feel.com/dailyplanet/wp-content/uploads/pitts.jpg" height="60"/>
<div class="fcats"><a href="#" rel="category" title="View all posts in Featured">Featured</a> </div>
<h2><a href="#" title="An ordered list">An ordered list</a></h2>
<div class="auth"> Posted by jinsona </div>
<div class="fmeta">

Nov-18-2007 |
<a href="#" title="Comment on An ordered list">ADD COMMENTS</a></div>
</div>


FEATURED HEADLINES

Here is the HTML Structure of Daily Planet Featured Content


<h2><a href="YOUR-POST-LINK-LOCATION" title="POST-TITLE">POST-TITLE</a></h2>

<div class="fentry">

<p> <a href="IMAGE-LINK-LOCATION"><img alt="" width="240" src="IMAGE-LINK-LOCATION" class="alignnone size-full wp-image-28" height="150" /></a>

YOUR TEASER TEXT

.</p>
<div class="clear"></div>
</div>
<div class="featmeta">

<span class="cats"> Posted under <a href=" YOUR-CATEGORY-LINK-LOCATION" rel="category" title="CATEGORY-TITLE">CATEGORY-TITLE</a> </span>

<span class="rm"><a href="YOUR-POST-LINK-LOCATION" title="Batman is back">Read More</a> </span>

</div>



Please, change the words:

  • YOUR-POST-LINK-LOCATION with your post link
  • POST-TITLE with the title of your post
  • IMAGE-LINK-LOCATION with your image location
  • YOUR-CATEGORY-LINK-LOCATION with the category of your post
  • CATEGORY-TITLE with the title of post category
  • YOUR TEASER TEXT with your post short texts, description, or short paragraph.



Here is the example that you can try in your daily planet template.


<h2><a href="http://travellogsbook.blogspot.com/2009/03/hidden-overlapping-image-and-text-list.html" title="Batman is back">Batman is back</a></h2>

<div class="fentry">

<p>L<a href="http://web2feel.com/dailyplanet/wp-content/uploads/batmans.jpg"><img alt="" width="240" src="http://web2feel.com/dailyplanet/wp-content/uploads/batmans.jpg" class="alignnone size-full wp-image-28" height="150" title="batmans"/></a>orem 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>
<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 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="clear"></div>
</div>
<div class="featmeta">

<span class="cats"> Posted under <a href="#" rel="category" title="View all posts in Featured">Featured</a> </span>

<span class="rm"><a href="#" title="Batman is back">Read More</a> </span>

</div>

Avoiding Video Overflow

Magazine Style Template now are one of the most popular choices in Blogger XML Templates. That magazine usually use single or two inline minipost setting with CSS auto-readmore or probably javascript. However, the problem for video sometime come, not just in Blogger XML but also in wordpress.

In the same time, Many of my template users asking, they said why the video are showed overflow in minipost. Actually I have answered that problems. I said that you have to use wmode setting. But, It seem I have to write about it ...

In this article, I would like to explain about how to customize the video code from youtube.com so that it will become wmode. I choose youtube.com because many of questioner use youtube video files.

USING POST FOCUS TRICKS

In this article, I would like to explain about two tags in blogger XML which have function to control viewing content in your blogger page. Blogger Blog actually have 3 (three) pages: 1. homepage, 2. single page or article page, and label/category page.

The tags that I would explain is for displaying section or alike in homepage only. But, the section are not going to appear in single page. I usually call this with the term "POST-FOCUS" or "YOU CAN SEE ME IN FRONT, BUT NOT IN BEHIND". Yes, the visitors can see the section that covered only in homepage, but they can not see it again in single pages.

POST-FOCUS mean that the blog writer help his/her visitors to get focus on reading his/her articles. In any condition, sometime, a reader do not want to see any featured template such as IMAGE SLIDER, CONTENT GLIDER, OR MOOTOOLS (Flash). The reader said, the slider or glider make them confuse because they need to focus on the article. Also, in many cases, that featured template takes much time to load in single page. So, it will better when the featured template is appeared in homepage only.

If there any suggestions about the name or theory about it, you could tell me guys.... :)

Sexy Social Bookmark

About three days ago I am walking around the web and find a good tutorial about adding social bookmarks. Actually, about it, many blogger have written. But, I have never found it with something sexy. Yes, It has a short title "add is sexy", very stylist and also sexy.... :). Please see the screenshot below.


Or, you could see the demo at the end of this article.

Then, I will try to explain about how to add that in blogger.

Calculate Blog Weight


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

Powered by iWEBTOOL


Return to Top