WordPress Theme To Blog

Quasar

2011-05-06T11:34:00.008+07:00

$33

Quasar WordPress Theme

Quasar WodrPress Theme is an All-in-one Theme especially for small to large business, magazine or portfolio. It is build on top of the infuse Framework and comes with a lot of features and various stylings.
Quasar WordPress Theme features :
- Advanced Menu System
- Advanced Commenting System
- Advanced Showcase – 3 different Types of Showcases for the Homepage:
- Homepage Variations
- Custom Fields
- Support for Post Thumbnails
- Widgets
- Custom Login Box
- Typography with Webfonts
- Integrated Fancybox
- Image Loading
- Editor Mode
- Various Shortcodes
- Admin Settings
- 10 preset Styles + 2 Bonus Styles and Options to easily create own.
- Integrated Support for Twitter @anywhere
- Integrated Support for Contact Form 7
- Integrated Support for WPML Multi Language
- Integrated Support for Download Monitor

More WordPress Themes from Mojo Themes

Galactic

2011-05-06T11:22:00.006+07:00

$33

Galactic WordPress Theme

Galactic WordPress Theme is a creative professional’s dream. With footer gallery thumbnails work can be featured on every page! Inspired by popular font, Vador, modern portfolio layouts and the best movie of all time, this theme is out of this world!
Galactic WordPress Theme Features :
- 3 Preset Theme Styles (Darth Vador, The Force, The Darkside)
- Homepage Slider w/ 16 Unique Transitions
- Portfolio Custom Post Type with Category pages
- Custom Admin Panel
- 3 Custom Widgets
- Custom Contact Form
- 3 Page Templates
- Menu, Widgets and Post Thumbnails
- Pure CSS Dropdown Menus
- ShareThis Support
- CSS Styling For Supported Plugins
- jQuery Powered
- 6 PSD files
- XHTML 1.0 Strict and CSS 2.0 markup

More WordPress Themes from Mojo Themes

My Works

2011-05-06T11:12:00.007+07:00

$33

My Works WordPress Theme

MyWorks WodrPress Theme is a premium WordPress theme created for those whom seek a clean and elegant portfolio and business style website. The theme comes with all the features you will need to set up a professional website and showcase your work.
MyWorks WordPress Theme Features :
- Filterable portfolio template
- NivoSlider image slider on homepage
- bxCarousel slider integration for latest blog and portfolio items
- Related Projects via tags
- Customizable text for the homepage – disable portfolio and/or blog section
- Clean, minimal and great design – no need to change the colors
- PSD files included for comments, arrows, social icons and other main elements
- Premium support from theme authors
- And much more

More WordPress Themes from Mojo Themes

Vetee

2011-05-06T11:02:00.007+07:00

$35

Vetee WordPress Theme

Vetee Magazine WodrPress Theme is a clean and professional wordpress magazine theme. This theme is also good for business and corporate sites. Packed with some awesome features such as different color schemes and multiple sidebars. Plus a built-in Unbranded Theme Options Panel.
Theme Features :
- Valid HTML 5
- Full Localisation Support (contains .po/.mo files)
- Multiple Sidebars
- Custom Widgets
- Built in Slider with options
- 9 Color Schemes
- Theme Options Panel (Unbranded!)
- Google Fonts
- Custom Login Logo & Custom Default Gravatar Support
- WordPress 3.0+ Ready (Menus & Featured Images)
- Shortcodes
- Page Templates
- Working Contact Page
- Layered PSDs for Customization + Separate Logo PSD
- Detailed Documentation

More WordPress Themes from Themes Forest

WordPress Aid

2011-05-05T14:53:00.028+07:00

$35

WordPress Aid WordPress Theme

WordPress Aid is ideal for charity organizations. It’s focused on raising funds for your charity and alerting visitors to important issues happening in the world.

10% of the profits from WordPress AID goes directly to the UN Foundation fund for AIDS , Tuberculosis and Malaria. The United Nations Foundation works in close partnership with The Global Fund to fight AIDS , Tuberculosis and Malaria to support and fund prevention and treatment of HIV /AIDS in Africa.
Features :
- Valid HTML5 markup
- Works with WordPress 3.1+
- Easy logo customization
- WordPress 3.0 menu support
- Full width page template included
- Super easy admin panel using the OptionTree Plugin
- Easy thumbnail images with built-in WordPress system
- Unlimited color options
- FREE version upgrade if you purchased this theme
- Advanced jQuery animations and effects
- Promote your social network with 70+ icons!

More WordPress Themes from Themes Forest

Press Magajah Blogger Template

2010-07-24T01:19:00.010+07:00

After Free Blogger Template Column Magazine White, this is my next free blogger template, Press Magajah Blogger Template. This template is magazine and news style template with nice automatic image slideshow content. This template is 4 column blogger template at main page and 3 column at single post for main post ans 2 right sidebar also 2 column footer. This template suitable for daily news blog

Here's the screenshot

You can see demo live or download Blogger Template Press Magajah for free.

Note : Please attention how to setting this template

Column Magazine White Blogger Template

2010-07-02T12:55:00.007+07:00

In my previous post, Free Blogger Template Column Magazine Dark, i want release other version of color this template and now, Column Magazine White ready download for free.

Here is the screenshot

You can see demo live or download this template for free

* Please attention setting of this template

Column Magazine Dark Blogger Template

2010-06-22T20:05:00.009+07:00

Free Blogger Template Column Magazine Dark is my next template after Layer Blue Template. This template is magazine style with 3 column on top of main post for feature posts, 2 column footer and 2 right sidebar. You can add more content blog with this template. This template suitable for gallery blog, news blog and online store blog.

Here is screenshot Column Magazine Dark template

You can see demo live this template or download blogger Template Column Magazine Dark for free.

Note :
- Left sidebar is not appear in main post. Please attention setting of this template
- Others color of this template as soon as release

Type and Function Codes To Set Display Widget Blog

2010-06-14T00:51:00.010+07:00

As we know, many blogger templates with magazine style. Feature of the blogger template magazine style is that there are widgets that can disappear and appear either on the main post or single post.

Here is the types and functions codes to set display widget blog that you should know to make your template like style magazine.

Type and function codes to set display widget blog

1. <b:if cond='data:blog.url == data:blog.homepageUrl'>

Function of this code is only displaying the widget blog on the main post and will disappear when you click the label post and single post.
Example of using this code you see in blogger template Face Off Magajah which when you click the label post and single post, header of that template will change.

2. <b:if cond='data:blog.url != data:blog.homepageUrl'>

Function of this code is displaying widget blog only on label post and single post..
For example, click here for label post and click here for single post (please see main post for this template too to know the defference)

3. <b:if cond='data:blog.pageType != "item"'>

Function of this code is displaying widget blog only on main post and label post.
For example, you can see this blog for main post and label post its different with single post.

4. <b:if cond='data:blog.pageType == "item"'>

Function of this code is displaying widget blog only on single post..
For example, you can see in this blog, then click one of post at that blog. Sidebar section on that blog will appear.

5. <b:if cond='data:blog.pageType == "index"'>

Function of this code same with function code no. 3.

You just select the codes where you want to use for your widget blog and determine whether the widget blog from the appears and then disappear or disappear and then appears for your blog??

You can see blogger template with magazine style at New Free Blogger Template Everyday

Pic : http://www.linzistoppard.com/press/indexmain.html

Layer Blue Blogger Template

2010-05-20T02:04:00.013+07:00

After a long time im not release new blogger template, finally i have ready with my new free blogger template, Layer Blue template after Face Off Magajah template.

Here is the screenshot Layer Blue template

See the demo live or download this template for free.

Setting Layer Blue Blogger Template

1. Setting Menu

Go to Layout > Edit HTML and find this code :

<div class='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Edit Me</a></li>
<li><a href='#'>Edit Me</a></li>
<li><a href='#'>Edit Me</a></li>
<li><a href='#'>Edit Me</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts blog'>Posts RSS</a></li>
</ul>
</div>

Change red color with your link and title

2. Setting Subcribe to Email and Twitter

Go to Layout > Edit HTML and find this code :

<div id='social'>
<div class='subcribe'>
<a href='SUBCRIBE_EMAIL_LINK_HERE'><img alt='subcribe email' src='http://4.bp.blogspot.com/_aAjcAMHOGT4/S_N7XFrqzLI/AAAAAAAACd0/e6qVCKbh1Jg/s1600/email+icon.png' style='vertical-align:middle; margin-right: 5px;' title='subcribe to email'/></a><a href='SUBCRIBE_EMAIL_LINK_HERE'>Subscribe to Email</a>
</div>

<div class='twitter'>
<a href='TWITTER_LINK_HERE'><img alt='Follow Us on Twitter!' src='http://2.bp.blogspot.com/_aAjcAMHOGT4/S_N7XQ4_ERI/AAAAAAAACd8/ualx12PMgYo/s1600/twitter+icon.png' style='vertical-align:middle; margin-right: 5px;' title='Follow Us on Twitter!'/></a><a href='TWITTER_LINK_HERE'>Follow Us on Twitter</a>
</div>
</div>

Change red color with your email subcribe link and your Twitter account link.

Thanks

Setting CSS Code and Javascript Code to Increase Loading Blog

2010-03-25T11:58:00.016+07:00

Many ways to increase loading blog. If in my previous post how to increase loding blog with external link css code, now how to increase loading blog with setting css code and JavaScript code.

First, see structure the blog template codes below. Generally, blog template codes as follows like this :

<b:skin><![CDATA[/*

CSS code

]]></b:skin>






Adding new code like Feature Content and auto readmore make the structure of template code changes

Example : You want to add Feature Content widget on your blog.

Featured Content usually consists of css code and JavaScript code. Placement css code from the tutorial itself refers placed on top

]]></b:skin>

and JavaScript code, are usually placed under the code

]]></b:skin> or above code



Featured Content itself is usually only appear on the main post and label post and will not appear on the single post. Structure html code of Feature Content usually like this :

<b:if cond='data:blog.pageType != "item"'>
<div id='feature-content'>
<b:section class='feature' id='feature' preferred='yes'>
<b:widget id='HTML30' locked='false' title='Feature Content='HTML'/>
</b:section>
</div>
</b:if>

* I use <b:if cond='data:blog.pageType != "item"'> code for Feature Content widget on my blogger template which have Feature Content. Other blog use <b:if cond='data:blog.pageType == "index"'> code for Feature Content.

When you click a single post, the Feature Content will be lost but if you look at the View Page Source, CSS and JavaScript code pf Feature Content is still seemingly, and it will remain readable by search engines as the existing code in your blog. Is not this a heavy impact for your blog??

Then how?? You have to do some to "hide" css and JavaScript code from the search engines.

1. css code
As i have written above, css code for the Feature Content is usually placed above

]]></b:skin>

Move that code under the code

]]></b:skin>

with the following structure like this:

<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>

Your CSS code here

</b:if>
</style>

2. JavaScript code

For JavaScript, make the code like this below :
<b:if cond='data:blog.pageType != "item"'>
<script src='URL-JAVASCRIPT-CODE' type='text/javascript'/>
</b:if>

Save.

Now, click on one of your blog posts and see the View Page Source. CSS and JavaScript code Feature Content are not appear on your blog and automatically, it will also reduce the weight of your blog that means increase loading your blog.

* Note red color
* Red color for CSS and JavaScript code it must same with html code of Feature Content

Example this trick for Auto readmore

<b:if cond='data:blog.pageType != "item"'>

JavaScript auto readmore code here

</b:if>

You can also use this step for other widget blog like code JavaScript for other widget like related post or other.

Note:
- Code <b:if cond='data:blog.pageType != "item"'> is one of codes to display widget on main blog post and post labels. You can use other codes to set the displaying widget by yourself.
- For type and function other code to set widget display, i'll post in next post.

Face Off Magajah Blogger Template

2010-03-18T20:26:00.032+07:00

This is my new blogger template, Face Off Magajah template after Portal Magajah Template. This template have a different size between main post and single post.

This template used <b:if cond='....'></b:if> codes to show and hide the widget blog like a header, main post, sidebar, bottom widget and search. So, please read carefully how to setting this template.

Here is the screenshot Main post and Single post

1. Main Post. Click image to enlarge

2. Single Post. Click image to enlarge

Here is the screenshot layout blogger template Face Off Magajah with and without <b:if cond='....'></b:if> code

3. Layout with <b:if cond='....'></b:if>. Click image to enlarge

4. Layout without <b:if cond='....'></b:if>. Click image to enlarge

You can see demo live blogger template Face Off Magajah or download this template for free.

Setting Face Off Magajah blogger template

1. Setting Menu (Menu on Main Post and Single Post)

Go to Layout > Edit HTML and find these code below

<div id='navigation'>

<div id='navhome'>

Change YOUR-LINK-ABOUT-HERE, LINK-RSSFEED-HERE and Edit Me.

2. Setting Acordion Menu (Menu Blog widget like in demo live)

I was added Accordion menu for this template. This widget (Accordion Menu) for link Recent post and recent post per category.

<div class="arrowlistmenu">
<h3 class="menuheader expandable">Recent Posts</h3>
<ul class="categoryitems">
<--- Code here --->
</ul>

<h3 class="menuheader expandable">Category 1</h3>
<ul class="categoryitems">
<--- Code here --->
</ul>

<h3 class="menuheader expandable">Category 2</h3>
<ul class="categoryitems">
<--- Code here --->
</ul>
</div>

Red color is Title of Submenu.

Insert your code Recent Post in <--- Your Link here --->.

Setting Recent Post per Category on Menu Blog
Copy and paste this code below

<script src="http://sites.google.com/site/vectorireng/javascript/codejavascript.js"></script>
<script>var numposts = 8; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://freetemplate-ajah.blogspot.com/feeds/posts/default/-/Free%20Blogger%20Templates?orderby=published&alt=json-in-script&callback=rp">
</script>

Change the red color with your blog.

Blue color is name of label/category your post. Letter case is sensitive. Make sure you type correctly. That is example for my post label Free Blogger Templates.

If your post label name is ABC, you must type

/-/ABC?

If your post label name is ABC Post, you must type

/-/ABC%20Post?

3. Setting Feature Content

Copy and paste these code below

<style type="text/css">
div.TabTampil div.TTs{height: 24px; overflow: hidden; }

div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active{ background: #fff; }

div.TabTampil div.Halamans{ clear: both; overflow: hidden; background: #fff;}

div.TabTampil div.Halamans div.Halaman{ height: 100%;
padding: 0px; overflow: hidden; color: #000;}

div.TabTampil div.Halamans div.Halaman div.Alas{ padding: 5px; }

div.TabTampil div.TTs a{float: left;display: block; width: 30px; text-align: center; height: 20px; padding: 3px; margin-right:1px; vertical-align: middle; text-decoration: none; font:bold 12px Arial; color: #ff0000}
</style>

<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil"><div style="width: 250px;" class="TTs"> <a>1</a><a>2</a><a>3</a></div>
<div style="width: 250px; height: 200px;" class="Halamans">

<div class="Halaman">
<div class="Alas">
<a href="LINK-ULR-HERE" title="Title" target="_blank"/><img src="LINK-URL-IMAGE" alt="Alt Image" title="Title Image" width="240" height="180" /></a>
</div></div>

<div class="Halaman">
<div class="Alas">

<---- Feature Post Here --->

</div></div>

<div class="Halaman">
<div class="Alas">
<a href="LINK-ULR-HERE" title="Title" target="_blank"/><img src="LINK-URL-IMAGE" alt="Alt Image" title="Title Image" width="240" height="180" /></a>
</div></div>

</div></div></form><script style="text/javascript"

src="http://sites.google.com/site/vectorireng/javascript/codejavascript.js"></script><script

type="text/javascript">tabtampil_inisial('TabTampil');</script>

Red color is number Feature Content displayed. Code above is example for 3 Feature Contents. You can add new feature content by added new number of red color and code post feature content.

4. Add new widget on Sidebar

As i wrote above, this template using the <b:if cond='....'></b:if> codes. And as you see in body (HTML) all blogs widget begins / grouped with the <b:if cond='....'></b:if> code. For Header2 code, Navhome, Middlehome, Featured, Searchhome, and Bottom widget will appear in the layout (see image number 4). For widget Header, Menu, Main Post, and Sidebar, it will not appear. Therefore, if you want to add a new widget on Sidebar, you can add through the Add Element from the widgets that appear on the layout and give the title. Then, click Edit HTML and search that widget and cut and paste on sidebar.

Another way to add widget on Sidebar (only HTML/Javascript widget)
Go to Layout > Click Edit HTML and find this code

<div id='sidebar-wrapper'>

Then, copy and paste this code like the other codes

<b:widget id='HTML55' locked='false' title='Title Sidebar' type='HTML'/>

Change Title Sidebar with your title

Save

If you have question about setting this template, you can leave a comment.

Note :
- Im sorry, my english is bad but i hope you understand

WordPress Theme : Canvas Theme

2010-03-14T04:14:00.011+07:00

Canvas WordPress Theme is our most pretentious theme to date! Every element of Canvas is highly customizable through our options panel, so you can make the design, layout and typography exactly like you want. If you are after a highly customizable blog design or just a starter theme for your next client project, then Canvas will most definitely work for you!

See demo live Canvas Theme

Canvas WordPress Theme features

:

- Customize any element
Canvas will let you customize the style and typography of every element in the design. Packed with 90+ options, it allows you to make your blog look exactly like you want!

- Use your own images in design
The options panel lets you upload your own images for use as main background image and header background image. It’s never been this easy!

- Easy to change width
Canvas lets you easily change between 5 different site widths (980, 960, 940, 880 and 760 pixels) and also has an option to box your layout in.

- Change your layout
You can also choose between 6 different layouts for and order of content/sidebars (full width, 2 col left, 2 col right, 3 col left, 3 col middle, 3 col right). Canvas also lets you specify individual layouts per post or page!

- Custom Widgets
The theme has 2 widgetized areas in sidebar and 4 widgetized areas in footer (optional), and also some extra Woo custom widgets (Woo Tabs, Flickr, Twitter, Adspace, Search).

- Child Theme Friendly
Canvas is the first theme from WooThemes that has made use of custom hooks, which makes it a lot easier to customize the theme via a child theme without touching any code in the main parent theme. Download our sample child theme Fresh Canvas to get started.

See more detail Canvas Theme

Exclusive offers 3 for 1. Get 2 free WordPress Themes for buy 1 theme | Browse all WordPress Themes

Resource

WordPress Theme : Open House Real Estate WordPress Theme

2010-03-14T03:48:00.009+07:00

Open House Real Estate WordPress Theme is highly customizable Real Estate WordPress theme with Google Maps Integration, offers a professional look for Agents and Realtors that want to build a website around the WordPress platform Compatible with American and European Markets.

Open House Real Estate WordPress Theme features custom plugins and scripts that make add/delete/modify listings an easy task with included photo gallery for up to 12 pictures with a lightbox effect, gorgeous photo fade animations and automatic Google Map integration as soon as the address is entered on each individual listing.

The theme can be used as a single or multi-agent website with individual Agent-Realtor pages with listings and biography information, Agent photo uploader, no custom fields, financing calculator, unlimited dropdowns, etc.

Demo Open House Real Estate WordPress Theme

Open House Real Estate WordPress Theme features :

- Compatible with all markets New!
- Google Maps Integration
- "No Custom Fields"
- Logo PSD and Font included
- demo-content.xml included
- Single or Multiple Agents
- Individual Agents page with listings and bio
- Carousel Property Slider
- Unlimited dropdowns for category search
- Contact agent from property page
- Logo Uploader
- Easy Listings Management (Custom Script)
- Widget Ready
- Custom Plugins
- Photo Gallery (up to 12 images)
- Agent Photo Uploader
- IE6, IE7, Firefox and Safari compatible
- XHTML and CSS valid
- Extensive help and tutorial included
- Advertisement Banner Management
- Ad your Adsense or Image Link Code
- Turn all-or-individual banners on/off
- Image Auto Resizer (for thumbnails)
- Gravatar Support
- Financing Calculator
- Threaded comments
- Available color : Black, White, Blue, Green, Red

Demo and more details Open House Real Estate WordPress Theme

Resource and browse more WordPress Theme

Portal Magajah Blogger Template

2010-03-02T03:11:00.020+07:00

Blogger template Portal Magajah is magazine style template with feature content image slider and 4 column in main post. This is my blogger template after Ireng Manis template.

Here is the screenshot

You can see the demo live or download blogger template Magajah Portal.

Setting template Portal Magajah

1. Setting top nav

Go to layout > Edit HTML and find this code

<div class='nav'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a href='YOUR-LINK-HERE' title='About us'>About</a></li>
<li><a href='YOUR-LINK-HERE' title='Contact us'>Contact</a></li>
</ul>
</div>

Change YOUR-LINK-HERE with yours

2. Setting menu

Go to layout > Edit HTML and find this code

<div class='menu'>
<ul>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change red color with yours

3. Setting Adsense 927 x 90

Go to layout > Edit HTML and find this code



--- your Adsense code here ----

4. Setting Adsense 160 x 60 (left sidebar in single post)

Go to Layout > Edit HTML > click Expand Widget Templates and find this code

<span class="adsense">


--- your Adsense code here ----

</span>

5. Setting image author

Go to Layout > Edit HTML and find this code

.mypic {
background: url(http://2.bp.blogspot.com/_aAjcAMHOGT4/S4qRsv7P8BI/AAAAAAAACBc/k5w30_BFxFM/s1600/ireng%2Bajah.jpg) no-repeat;
float: left;
width: 50px;
height: 50px;

Change the red color with url your image. Size image is 50 x 50

6. Setting Banner 125 x 125
If you want to add banner 125 x 125 on sidebar, copy and paste these code below

<div id="banner125">
<a class="bannerleft" href="YOUR-LINK-HERE" target="_blank"><img border="0" alt="TITLE-IMAGE" src="URL-BANNER-HERE" width="125" height="125" /></a>

<a class="bannerright" href="YOUR-LINK-HERE" target="_blank"><img border="0" alt="TITLE-IMAGE" src="URL-BANNER-HERE" width="125" height="125" /></a>
</div>

Change YOUR-LINK-HERE with your URL, TITLE-IMAGE for alt image and URL-BANNER-HERE with your URL banner

Blue color is banner for the left side and red color banner for the right side

7. Setting Feature Content
Go to Layout > click Edit Feature Content widget. Copy and paste these code below

<div class="jflow-content-slider">
<div id="slides">
<div class="slide-wrapper">
<div class="slide-thumbnail">
<a href="YOUR-LINK-HERE" title="Edit Me"><img width="200" alt="#" src="IMAGE-URL-HERE" height="180" /></a>
</div>
<div class="slide-details">
<h3>TITLE-HERE</h3>
<div class="description">
Short description here
</div>
</div>
<div class="clear"></div>
</div>

<div class="slide-wrapper">
<div class="slide-thumbnail">
<a href="YOUR-LINK-HERE" title="Edit Me"><img width="200" alt="#" src="IMAGE-URL-HERE" height="180" /></a>
</div>
<div class="slide-details">
<h3>TITLE-HERE</h3>
<div class="description">
Short description here
</div>
</div>
<div class="clear"></div>
</div>

</div>

<div id="myController">
<span class="jFlowPrev">Prev</span>
<span class="jFlowControl">1</span>
<span class="jFlowControl">2</span>
<span class="jFlowNext">Next</span>
</div>
<div class="clear"></div>
</div>

Change the red color with yours.

*That is sample for 2 images content.

Feature content by Webdesignbooth

Thanks

ireng_ajah

Ireng Manis Blogger Template

2010-02-25T17:45:00.014+07:00

This template, Ireng Manis Template actually premium blogger template but now, this template Ireng Manis is FREE.

You can see demo live or download blogger template Ireng Manis.

Setting Ireng Manis Blogger Template

1. Seting top menu

Go to layout > Edit HTML and find this code :

<div id='topnav'>
<div class='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts blog'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments blog'>Comments RSS</a></li>
<li><a href='LINK-CONTACT-HERE' title='Contact us'>Contact</a></li>
</ul>
</div>
</div>

Change LINK-CONTACT-HERE with your link

2. Setting Navigation Menu

Go to layout > Edit HTML and find this code :

<div class='navmenu'>
<ul>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change YOUR-LINK-HERE your link and Edit Me with Title the link

3. Setting Facebook, Twitter, Subcribe to RSS Feed and Email

Go to layout > Edit HTML and find this code :

<div id='sidebarl-top'>
<a href='YOUR-FACEBOOK-ACCOUNT-HERE'><img alt='Facebook' src='http://1.bp.blogspot.com/_aAjcAMHOGT4/S4N9fz9gSAI/AAAAAAAAB-k/HJd02lSwT9w/s1600/facebook%2Bicon.jpg' title='My Facebook'/></a>
<a href='YOUR-TWITTER-ACCOUNT-HERE'><img alt='RSS' src='http://3.bp.blogspot.com/_aAjcAMHOGT4/S4N9hDVB9jI/AAAAAAAAB-8/69WE0ppgck4/s1600/twitter%2Bicon.jpg' title='Follow Us on Twitter'/></a>
<a href='YOUR-RSS=FEED-LINK-HERE'><img alt='RSS' src='http://3.bp.blogspot.com/_aAjcAMHOGT4/S4N9g_MOyXI/AAAAAAAAB-0/uGwPt70mH8I/s1600/subcriberss%2Bicon.jpg' title='Subscribe via RSS'/></a>
<a href='YOUR-EMAIL-SUBCRIBE-LINK-HERE'><img alt='email' src='http://1.bp.blogspot.com/_aAjcAMHOGT4/S4N9gud9gkI/AAAAAAAAB-s/dmPKf9Aoiv8/s1600/subcribe%2Bemail%2Bicon.jpg' title='Subscribe via Email'/></a>
</div>

Change the red color with your Facebook, Twitter, RSS feed and subcribe to email links.

Update :
I make some little change for this template to make more beautiful. Really sorry for blogger who downloaded this template before this

Thanks

ireng_ajah

Layar Putih Blogger Template

2010-02-22T16:11:00.015+07:00

It’s a long time released new blogger template after blogger template Ruang Biru. My new blogger template i called Layar Putih template. I add infinite carousel with jquery from Tutsvalley. (modified by me)

This template compatible with most user browsers but for IE, feature infinite carousel will not perfect view. I don’t know why. I just modified width size.

Here is screenshot blogger template Layar Putih

You can see demo live blogger template Layar Putih or download this blogger template for free.

Setting blogger template Layar Putih

1. Navigation and RSS Feed
Go to Layout > Edit HTML and find this code

<div class='nav'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a href='YOUR-LINK-HERE' title='About us'>About</a></li>
<li><a href='YOUR-LINK-HERE' title='Contact us'>Contact</a></li>
<li class='rssfeed'><a href='LINK-RSS-FEED-HERE' title='Subcribe RSS Feed'/></li>
</ul>
</div>

Change YOUR-LINK-HERE with yours and LINK-RSS-FEED-HERE with your RSS Feed link

2. Setting Menu
Go to Layout > Edit HTML and find this code

<div class='menu'>
<ul>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change YOUR-LINK-HERE with yours and Edit Me with Title your link

3. Setting Infinite Carousel
Go to Layout > Page Element > Click Edit Features widget and copy paste these code below :

<div id='carousel_container'>
<div id='left_scroll'><a href='javascript:slide("left");'><img src="http://4.bp.blogspot.com/_aAjcAMHOGT4/S4GTB1PdTFI/AAAAAAAAB9k/Xjht2gddS-E/s1600/slide_l.png" width="15" height="300" /></a></div>
<div id='carousel_inner'>
<ul id='carousel_ul'>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
<li><a href='YOUR-LINK-HERE'><img width="300" height="280" src="IMAGE-LINK-HERE" /></a></li>
</ul>
</div>
<div id='right_scroll'><a href='javascript:slide("right");'><img src="http://2.bp.blogspot.com/_aAjcAMHOGT4/S4GTChT8zjI/AAAAAAAAB9s/KjIg3Ifvib0/s1600/slide-r.png" width="15" height="300" /></a></div>
<input type="hidden" id="hidden_auto_slide_seconds" value="0" />
</div>

Change YOUR-LINK-HERE with your link and IMAGE-LINK-HERE with image link.

Blue color is width and height image.

Thanks

ireng_ajah

Note :
Thanks to Tutvalley

Ruang Biru Blogger Template

2010-02-09T19:10:00.016+07:00

Blogger template Ruang Biru is new free blogger template after Gang Blogger template. This template is multi column in main post. Column for post, column sidebar top, right and left and middle column. I dont add the email subcribe, RSS Feed, Facebook and Twitter account in this template.

Here is the screenshot

You can see demo live Ruang Biru template or download this blogger template for free.

Setting Ruang Biru blogger template

Setting Menu
Go to Layout > Edit HTML and find this code

<div id='navigation'>
<div class='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='YOUR-LINK-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change the YOUR-LINK-HERE with your URL and Edit Me with your Title.

Setting Banner 125px
Go to Layout > Edit Banner 125px widget and add this codes below :

<div id="banner125">
<a class="bannerleft" href="YOUR-LINK-HERE" target="_blank"><img border="0" alt="TITLE-IMAGE" src="URL-BANNER-HERE" width="125" height="125" /></a>

<a class="bannerright" href="YOUR-LINK-HERE" target="_blank"><img border="0" alt="TITLE-IMAGE" src="URL-BANNER-HERE" width="125" height="125" /></a>
</div>

Change YOUR-LINK-HERE with your URL, TITLE-IMAGE for alt image and URL-BANNER-HERE with your URL banner

Blue color is banner for the left side and red color banner for the right side

Update :
Error in margin post has fix. Sorry who have previously download this template.

Update :
- I've got some error in this template and error has been fixed.

Thank

ireng_ajah

Free Icon Package For Your Site

2010-02-06T16:16:00.014+07:00

Bored with the standard icons? Here are a few sets of icons that you can use to beautify the look of your website and computer.

Folder Icons Pack
Resource | Download

Simple & bold social media icons
Resource | Download

Ultimate Icon Set
Resource | Download

Hand-drawn web icon set
Resource | Download

Amazing Web Design Icons
Resource | Download

Onebit free icon set
Resource | Download

Feed icon
Resource | Download

Free web 2.0 RSS icons
Resource | Download

Aquaticus Social Icons
Resource | Download

Gang Blogger Template

2010-02-01T12:59:00.015+07:00

My previous free blogger template is Resensi Post template. And now, new blogger template from me is Gang Blogger Template. Absolutely, this template is modified from template on this blog (Blogger template by ireng_ajah).

You can see demo live or download Gang Blogger Template for free

Setting Gang Blogger Template

1. Short description on top

Go to Layout > Edit HTML and find this code

<div id='Intro'>
<div class='myintro'>
--- Short Description here ---
</div>
</div>

2. Setting your logo

Go to Layout > Edit HTML and find this code

#r_head{
background:url(http://4.bp.blogspot.com/_aAjcAMHOGT4/S4OSZoP8_UI/AAAAAAAAB_E/uLKwaOmZ8_E/s1600/Logo%2BBlogger.png) no-repeat;

Change red color with url your logo. Size for this logo is 120px X 120px

3. Setting 2 level menu navigations

<div class='navigation'>
<ul>
<li>
<a expr:href='data:blog.homepageUrl'>Home</a></li>

<li>
<a href='#'>Title Here</a>
<ul>
<li><a href='#'>Edit Me Here</a></li>
<li><a href='#'>Edit Me Here</a></li>
<li><a href='#'>Edit Me Here</a></li>
<li><a href='#'>Edit Me Here</a></li>
</ul>
</li>
</ul>
</div>

Red color is Menu and blue color is child menu

4. Setting Subcribe to RSS Posts

<div id='RSS'>
<a href='#' target='_blank' title='Subcribe to RSS Post'><img height='45' src='http://sites.google.com/site/vectorireng/gambar/gang-rsslogo.gif' width='60'/></a>
</div>

Change the red color with your URL RSS feed

Thanks

ireng_ajah

Note :
- Child menu in 2 level menu navigation is not perfect view with IE. I try to fix it but i cant. Sorry..

Resensi Post Blogger Template

2010-01-26T23:44:00.023+07:00

After released blogger template Dasar Ireng Template, its time for new blogger template Resensi Post Template. If my previous templates dominated by dark background and color, this template more "clear", hehehe..

Here is the screenshot

See demo live blogger template Resensi Post or download Resensi Post template for free.

Setting Resensi Post Blogger Template

1. Setting Top Menu
Go to Layout > Edit HTML and find this code

<div class='topmenu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Take me home'>Home</a></li>
<li><a href='YOU-LINK-HERE' title='About us'>Edit Me</a></li>
<li><a href='YOU-LINK-HERE' title='Adverise us'>Advertise</a></li>
<li><a href='YOU-LINK-HERE' title='Contact us'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='RSS Posts'>RSS Posts</a></li>
</ul>
</div>

Change the red color

2. Setting menu navigations
Go to Layout > Edit HTML and find this code

<div class='menu'>
<ul>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
<li><a href='LINK-MENU-HERE' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change the red color

Total width for this menu navigation is 675px and every item menu is 80px. So, item name do not over 80px.

3. Setting Facebook, Twitter, Post RSS and subcribe to Email

Go to Layout > Edit HTML and find this code

<div class='socialize'>
<ul>
<li><a href='LINK-YOUR-FACEBOOK' target='_blank' title='View my Facebook profile'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-facebook.jpg' width='90'/></a></li>
<li><a href='LINK-YOUR-TWITTER' target='_blank' title='View my Twitter profile'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-twitterlogo.gif' width='90'/></a></li>
<li><a href='LINK-YOUR-RSS-POST' target='_blank' title='Subcribe to RSS Post'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-rsslogo.gif' width='90'/></a></li>
<li><a href='LINK-YOUR-EMAIL-SUBCRIBER' target='_blank' title='Suubcribe to Email'><img height='50' src='http://sites.google.com/site/vectorireng/gambar/res-email.jpg' width='90'/></a></li>
</ul>
</div>

Change the red color.
For RSS Post link, would be like this :

http://feeds.feedburner.com/freeajah

For Subcribe to Email link, would be like this :

http://feedburner.google.com/fb/a/mailverify?uri=freeajah

4. Setting banner ads 125px X 125px

Go to Layout > Edit HTML and find this code

<div class='banner'>
<ul>
<li><a href='YOUR-LINK-HERE' target='_blank'><img src='IMAGE-LINK-HERE'/></a></li>
<li><a href='YOUR-LINK-HERE' target='_blank'><img src='IMAGE-LINK-HERE'/></a></li>
</ul>
</div>

Change red color

Update : I make a little change in a:link, a:visited, and a:hover colors

Change that codes with these code below :

a:link {
color:#244dd4;
text-decoration:none;
}
a:visited {
color:#263277;
text-decoration:none;
}
a:hover {
color:#888862;
text-decoration:none;
}

Thanks

ireng_ajah

Online File Compressor to Increase Loading Blog

2010-01-23T22:48:00.014+07:00

If in my previous post about increase loading blogs with a simple way, with css file as an external link, this time post still same about how to increase loading blog but with compressing files online.

Here are the online tools to compress file like css compressor, javascript compressor, html compressor and image compressor.

CSS compressor

1. CSS Drive

2. CSS Compressor

3. Arantius

4. Clean CSS

5. Lottery Post

6. Pingates

7. Page Column

8. Askapache

9. Php Insider

10. Ice Board

11. Flump Cakes

12. Compressor

13. Peterbe

14. Refresh SF

15. Mab Blog

16. Seven Forty

17. Creatyvist

18. Homepage Performance

19. Generate It

20. CSS Portal

JavaScript Compressor

1. JavaScript Compressor

2. Creatyvist

3. JS Compress

4. Compressor Rater

5. About

6. Minify JavaScript

7. Dynamic Tool

8. Askapache

9. Minify JS

10.Compress JavaScript

11. Lottery Post

12. Huffman Javascript

13. Closure Compiler

14. Design 215

15. Milonic

16. Joliclic Code

17. YUI 2Clics

18. Felgall

19. LZ77

20. Pink Orange

HTML Compressor

1. Text Fixer

2. Boryi

Image Optimizer

1. Dynamic Drive

2. Image Optimizer

3. Stanley Shilov Image Compression

4. Jpeg Compress

5. Srink Pictures

6. Resize 2Mail

7. Jpeg-Optimizer

8. Smush It

9. Puny PNG

10. Gif Bot

11. Iresize

12. My Imager

13. Pic Resize

14. Web Resizer

15. Chami Jpeg Compressor

16. Image My Addr

17. Jpeg / Gif Compress

18. Jpeg Reducer

19. Compression Link Info

Free Template Dasar Ireng Template

2010-01-18T03:01:00.012+07:00

After 1 week i released Petak Foto Template, now you can see my other free blogger template. I called Dasar Ireng Template. Here is the screenshot Dasar Ireng Template.

You can see demo live or download free blogger template Dasar Ireng Template

How to setting Dasar Ireng Template??

1. Menu

Go to Layout, Edit HTML and find this below code :

<div class='menu'>
<ul>
<li>
<a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='#'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='#'>Comments RSS</a></li>
<li><a href='YOUR-LINK-ABOUT-HERE' title='#'>About</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE/YOUR-LINK-ADVERTISE-HERE' title='#'>Contact</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE/YOUR-LINK-ADVERTISE-HERE' title='#'>Advertise</a></li>
</ul>
</div>

Change the red color with your link and title. You can change this menu as you like.

2. Features Content

Click Edit Features-Content and add this below code :

<div class="jflow-content-slider">
<div id="slides">
<div class="slide-wrapper">
<div class="slide-thumbnail">
<a href="YOUR-LINK" title="TITLE"><img width="260" alt="TITLE IMAGE" src="YOUR-IMAGE-LINK" height="210"/>
</a></div>
<div class="slide-details">
<h3>TITLE HERE</h3>
<div class="description">
Short description here. Be a descriptive.
</div>
</div>

<div class="clear"></div>
</div>

<div class="slide-wrapper">
<div class="slide-thumbnail">
<a href="YOUR-LINK" title="TITLE"><img width="260" alt="TITLE IMAGE" src="YOUR-IMAGE-LINK" height="210"/>
</a></div>
<div class="slide-details">
<h3>TITLE HERE</h3>
<div class="description">
Short description here. Be a descriptive.
</div>
</div>

<div class="clear"></div>
</div>

</div>
</div>

<div id="myController">
<span class="jFlowPrev">Prev</span>
<span class="jFlowControl">1</span>
<span class="jFlowControl">2</span>
<span class="jFlowNext">Next</span>
</div>
<div class="clear"></div>
</div>

Change the red color with yours

* This is example for 2 images. If you want to add more image, just follow the previous code.

Update :
I make a little change with this template. Im sorry who had previously download this template.

Thankyou

Increase Loading Blog with Simple Way

2010-01-17T20:20:00.011+07:00

Many ways to increase loading blog. You can compress your css files, javascript files and html files. You can also reduce your image size, remove useless widget blog, etc.

If you see Page View Source this blog, you will not find the css files above the ]]></b:skin> code for this blog because i remove that code and replace it with a link file i uploaded and place it below the ]]></b:skin> code. Is this an effective way to increase loading blog?? (reduce blog size)

Here are the results of a comparison between file css above ]]></b:skin> code and just copy the link and place it below ]]></b:skin> code.

Screenshot css file above the ]></b:skin> code (click image to enlarge)

Screenshot css file just copy a link file and place it below the ]></b:skin> code (click image to enlarge)

I use tool from Seo Centro to measure my blog size and the result based on images above :

- Before i use that method my blog size 61747 bytes and after use that method, my blog size 53911 bytes (reduced approximately 7000 bytes !!)

Is a significant blog size decrease, is not it?

How ??

Copy your css blog file to Notepad. Save as .css. Upload that file to web file hosting and copy the link, then paste below the ]></b:skin> code.

<link href='URL-FILE-CSS-HERE' rel='stylesheet' type='text/css'/>

Beside that tips to increase loading blog, you can use other simple way to increase your loading blog. Just put a slash at the end of links. Slash ("/") at the end link like http://freetemplate-ajah.blogspot.com/ is to identify the web server, that the link points to a directory.

You can find here for more tips how to increase loading blog

Note :
- I measured the results of comparison at 6 January, 2010. You can see that post in my other blog here.
- You can use Google Site as the web file hosting.

How to Hack Meta Tag Every Posts for Blogger (II)

2010-01-17T18:55:00.016+07:00

If in my previous post about hack meta tag every post on blog, meta tag keywords and meta description tag that is labels post and post title, now is another way how to hack a meta tag in every post.

Meta tag for main post

<b:if cond='data:blog.pageType == "index"'>
<meta expr:content='data:blog.pageTitle + " , YOUR_DESCRIPTION_BLOG_HERE"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", YOUR_KEYWORD_BLOG_HERE"' name='keywords'/>
</b:if>

Meta tag for every post (page post)

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Add 2 codes above on your blog. 2 codes above is meta tag code for main post and single post.

I use this meta tag code for my blog. For more details see View Page Source this blog in main post and this post. You will find meta tag code like these :

Result Meta tag for main post / main blog.

Meta tag description : "Blog Title , Description Blog" (without quotes).
Meta tag keyword : "Blog Title , Keywords Blog" (without quotes).

Result Meta tag for every post.

Meta tag description : "Blog Title: Post Title"
==>> "Free Blogger Template Ajah: How to Hack Meta Tag Every Posts for Blogger (II)" (without quotes)

Meta tag keywords : "Blog Title: Post Title "
==>> "Free Blogger Template Ajah: How to Hack Meta Tag Every Posts for Blogger (II)" (without quotes)

Meta tag everypost for Description and Keyword only BLOG TITLE and POST TITLE but i use this tricks for main blog.

*yellow color is kind of codes to set hide and appear widget blog.

Hack Meta Tag Every Posts for Blogger

2010-01-16T11:37:00.012+07:00

Meta tag is important for blog. Blogger does not like WordPress which have plug-in All In One SEO for meta tag in every posts. How to hack meta tag code for every post in Blogger?? You can use this below code.

1. Backup your template

2. Find this code <head>

3. Replace with this code below


<b:if cond='data:blog.pageType == "item"'>
<b:section id='meta1' showaddelement='no'>


<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>

<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>


<head> 


<b:include data='blog' name='all-head-content'/>



<b:if cond='data:blog.pageType != "index"'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />

<b:else/>
<title><data:blog.pageTitle/></title>
<meta name='keywords' content='YOUR-KEYWORDS-BLOG-HERE' />
<meta name='description' content='YOUR-DESCRIPTION-BLOG-HERE' />
</b:if>


4. Save

How the result for this trick in post page??

If you open one of your blog post, you can see like image below (i use my other blog to try this code).

See the underline (click image to enlarge)

You can find meta tag configurations like this :

Meta Tag Keyword is your Category/Label Posts and

Meta Tag description is your Title Post.

Thanks to Mike More for this tricks.

Petak Foto Blogger Template

2010-01-07T20:07:00.014+07:00

Next free blogger template Template Petak Templates Series is Petak Foto Template. Basically, this template like a template Petak Umpet in previous post. But i specialize this template for the photo blog. You can post your photos or images you like. Please note the way settings this template so the template can work well as a demo.

See demo live or dowload free blogger template Petak Foto Template for free

How to setting this template??

Setting this template is same like Petak Umpet template. You can see how to setting this template here

*I make a little change. Not like first released.

Petak Umpet Blogger Template

2010-01-01T18:51:00.009+07:00

See demo live or download blogger template Petak Umpet for free

How to setting blogger template Petak Umpet template ??

Setting Menu

1. Top menu

Go to Layout, Edit HTML and find this below code

<div id='topnav'>
<div class='menu'>
<ul>
<li>
<a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts blog'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments blog'>Comments RSS</a></li>
<li><a href='YOUR-LINK-ABOUT-HERE' title='About us and blog'>About</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE' title='Contact us'>Contact</a></li>
<li><a href='YOUR-EMAIL-ADDRESS-HERE/YOUR-LINK-ADVERTISE-HERE' title='Advertise with us'>Advertise</a></li>
</ul>
</div>
<div class='subcribe'>
<a href='YOUR-LINK-EMAIL-HERE' target='_blank'><img alt='Email subcribe' height='25' src='http://sites.google.com/site/vectorireng/gambar/email-petak.gif' title='Subcribe via email' width='50'/></a>
<a href='YOUR-RSS-FEED-HERE' target='_blank'><img alt='RSS Feed' height='25' src='http://sites.google.com/site/vectorireng/gambar/rss-petak.gif' title='RSS Feed' width='50'/></a>
</div>
</div>

* Change with your link

2. Menu 2

Go to Layout, Edit HTML and find this below code

<div class='menu2'>
<ul>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
<li><a href='#' title='#'>Edit Me</a></li>
</ul>
</div>

* Change # with your link and title and change Edit Me

Setting Sidebar widget.

Everytime you add gadget in sidebar, you must edit the gadget and add this below code

<b:if cond='data:blog.pageType == "item"'>

.....

</b:if>

1. Widget HTML/Javascript

Example for Check Out widget like a demo

Original kode of HTML/Javascript

<b:widget id='HTML4' locked='false' title='Check Out' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Change that code with

<b:if cond='data:blog.pageType == "item"'>

.....

</b:if>

So, Check Out widget would like this

<b:widget id='HTML4' locked='false' title='Check Out' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<h2 class='title'><data:title/></h2>

<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

* Note the red color

2. Label widget

Original code like this

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

After customized would like this

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>

* Note the red color

For other widget, you can customize by yourself.

If you have any question for setting this template, you can leave a comment or contact me

Note :
Next free download blogger template ; Petak Foto template

*I make a little change. Not like first released.

Warna Gelap Blogger Template

2009-12-24T20:19:00.006+07:00

After release Ireng Putih template, now turn to Warna Gelap template. Background Warna Gelap template is dark color but not black color

Setting menu Warna Gelap template

Go to layout, edit HTML and find this code :

<div class='menu2'>
<ul>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
<li><a href='#' title='Edit Me'>Edit Me</a></li>
</ul>
</div>

Change the # with your Link and Edit Me by yourself

See demo live blogger template Warna Gelap template or download Warna Gelap template

Thankyou

New Blogger Template : Ireng Putih Template

2009-12-21T11:39:00.004+07:00

Features Ireng Putih Template :
1. SEO friendly
2. auto readmore
3. nested menu link
4. haccordion with image and summary post (feature content)
5. Black and white color
6. right sidebar
7. ads ready
8. 3 column footer
9. compatible with most user browsers:
and more..

For more detail about this template, you can see a demo live.

Download not available.

Mirip Sandstone Blogger Template

2009-12-14T23:10:00.006+07:00

Free blogger template Mirip Sandstone. This is my first blogger template based on WordPress Theme from Free WP Theme. I try for simple Wordpress theme first. I hope you like my work.

Live demo original Sandstone WordPress Theme

Live demo Sandstone blogger template by ireng_ajah or download this template

Thankyou

Ireng Manis Blogger Template

2009-12-04T22:43:00.008+07:00

This is my first Premium blogger template, Ireng Manis Template. And now, this template is FREE and ready to download.

Features Ireng Manis Template :
1. Black sweet color
2. auto readmore
3. unique menu link
4. facebook and twitter account
5. 3 column
6. right sidebar
7. ads ready
8. 3 column footer
and more..

You can see live demo or download this blogger template for free.

Free Blogger Template : Template Biasa

2009-12-02T01:02:00.004+07:00

I think many bloggers are simple in blogging activity. Therefore, i created this template, Free blogger template : Template Biasa for blogger who likes simple template

See demo live here

1. Setting Menu
Go To Layout. Edit HTML and find this code and replace the '#' symbol with Your Link and TITLE and Edit Me with Title and Name Your Link

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts blog'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments blog'>Comments RSS</a></li>
<li><a href='#' title='TITLE'>Edit Me</a></li>
<li><a href='#' title='TITLE'>Edit Me</a></li>
<li><a href='#' title='TITLE'>Edit Me</a></li>
<li><a href='#' title='TITLE'>Edit Me</a></li>

2. Setting Facebook, Twitter, RSS Feed and Subcribe via Email
Go to Layout, edit HTML and find this code

<div class='facebook'>
<a href='YOUR-FACEBOOK-ACCOUNT-HERE'><img alt='Facebook' src='http://sites.google.com/site/vectorireng/Home/facebooklogo.jpg' title='My Facebook'/></a>
</div>
<div class='twitter'>
<a href='YOUR-TWITTER-ACCOUNT-HERE'><img alt='RSS' src='http://sites.google.com/site/vectorireng/Home/twitterlogo.png' title='Follow Us on Twitter'/></a>
</div>
<div class='rss'>
<a href='YOUR-RSS-FEED-LINK-HERE'><img alt='RSS' src='http://sites.google.com/site/vectorireng/Home/rssfeed.png' title='Subscribe via RSS'/></a>
</div>
<div class='rssemail'>
<a href='PUT-YOUR-EMAIL-SUBSCRIPTION-ADDRESS-HERE'><img alt='email' src='http://sites.google.com/site/vectorireng/Home/emailsubcribe.png' title='Subscribe via Email'/></a>
</div>

Change the LINK with yours

Download this template

Free Blogger Template : Dasar Putih Template

2009-11-12T17:09:00.005+07:00

Demo Dasar Putih template | Download

Setting Dasar Putih Template

I removed READMORE setting from Blogger and change with READMORE modification for ads can display under Title Post and end of post.

1. Setting banner 927px x 90px
Go to Layout, Page Element. Add this code

<span class="code"><div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<a href="YOUR_LINK"><img border="0" alt="Instaforex" src="YOUR_IMAGE_LINK"/></a>
<span>Short Information The Banner</span>
</li>
<li class="s3sliderImage">
<a href="YOUR_LINK"><img border="0" alt="Instaforex" src="YOUR_IMAGE_LINK"/></a>
<span>Short Information The Banner</span>
</li>
<li class="s3sliderImage">
<a href="YOUR_LINK"><img border="0" alt="Instaforex" src="YOUR_IMAGE_LINK"/></a>
<span>Short Information The Banner</span>
</li>
<li class="s3sliderImage">
<a href="YOUR_LINK"><img border="0" alt="Instaforex" src="YOUR_IMAGE_LINK"/></a>
<span>Short Information The Banner</span>
</li>
<li class="s3sliderImage">
<a href="YOUR_LINK"><img border="0" alt="Instaforex" src="YOUR_IMAGE_LINK"/></a>
<span>Short Information The Banner</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div></span>

* Banner size MUST 927px x 90px.

2. Setting RSS Feed, Post Comment

Go to Layout, Page Element and add this code

<a href="YOUR_FEEDBURNER_EMAIL_SIGNUP_LINK">Sign Up Email Feed</a>
<br/><a href="YOUR_FEEDBURNER_RSS_LINK">RSS Feed</a>
<br/><a href="YOUR_BLOG/feeds/posts/default">Posts RSS</a>
<br/><a href="YOUR_BLOG/feeds/comments/default">Comments RSS</a>

YOUR_FEEDBURNER_EMAIL_SIGNUP_LINK could be like this :

http://feedburner.google.com/fb/a/mailverify?uri=blogspot/cgoz

3. Stting Menu Link
Go to Layout, Edit HTML and find this code
<div class='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
</ul>
</div>
</div>

Change <li><a href='#'>Edit</a></li> with your LINK.

4. How to post
- Write your article before READMORE
<span class="fullpost">

- For full article after that code and before this code.
</span>

5. Setting comment form
Attention : For setting coment form, use Full page or Full page setting.

6. Title Banner SlideShow and Subcribe Feed
I recommended dont have use Title for that widget

Note :
Im sorry because my English is bad ^_^

Free Blogger Template Minima Berwarna

2009-10-27T01:11:00.005+07:00

Blogger Template Minima Berwarna is my second free blogger template. Based on Minima Template, i tried to play the colors.

See live demo | Download

Feature :

2 Column
Right sidebar
Domtabs
Full color

Setting domtabs :

If you want change a domtabs, go to Layout, Edit HTML and find this code.

<ul class='domtabs'>
<li><a href='#recent'>New Posts</a></li>
<li><a href='#cats'>Label</a></li>
<li><a href='#arc'>Archives</a></li>
</ul>

Change red color with what you want.

Welcome to Free Blogger Template Ajah.

2009-10-26T22:13:00.001+07:00

Welcome to Free Blogger Template Ajah.

This blog is showroom for my work of blogger template.

I hope you like my work :-)