Magazine Blogger Templates

"Free Blogger Templates"

Showing posts with label Right sidebar. Show all posts
Showing posts with label Right sidebar. Show all posts

Dec 21, 2009

WPBoxedTech Free Premium Magazine Blogger Template

WPBoxedTech Free Premium Magazine Blogger Template
WPBoxedTech is another 3 columns magazine blogger template with simple white and color designed by Technology Tricks and has been converted to blogger by freebloggertemplate.info.

Basic Installation
The Rest of installation you can find it here :

http://www.freebloggertemplate.info/2009/11/wpboxedtech-free-premium-blogger.html

Preview | Download

Nov 10, 2009

Guzel Magazine Blogger Template

Guzel Magazine Blogger Template
Guzel Magazine is new blogger template designed by Custom Theme Design for wordpress and Bloggerized by Free Blogger Template. this template come with 4 columns and right sidebar with simple colour, white and blue. There is a lot of place to put your widget or banner advertisement. Guzel magazine is a new free premium magazine template for blogger user.

Basic Installation

Top Navigation
goto Edit HTML and Find code below in your template.

<div id='topleft'>
<ul id='pagenavigation'>
<li class='page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#'>Categories</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>

<li class='page_item'><a href='#'>Archives</a>
<ul>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
<li class='page_item'><a href='#'>SUB MENU</a></li>
</ul>
</li>
</ul>
</div>

Change blue code to your url and red code to your title url.

Middle Navigations
goto Edit HTML and Find code below in your template.
<div id='menux'>
<ul id='dmenu'>
<li class='cat-item'><a href='http://www.youtube.com'>Video</a>
<ul class='children'>
<li class='cat-item'><a href='http://www.youtube.com'>YouTube</a></li>

<li class='cat-item'><a href='http://www.metacafe.com'>Metacafe</a></li>
<li class='cat-item'><a href='http://www.dailymotion.com'>DailyMotion</a></li>
</ul>
</li>
<li class='cat-item'><a href='http://www.blogger.com'>Blog</a>
<ul class='children'>
<li class='cat-item'><a href='http://www.blogger.com'>Blogger</a></li>
<li class='cat-item'><a href='http://www.wordpress.com'>Wordpress</a></li>
</ul>
</li>
</ul>
</div>

Change blue code to your url and red code to your title url.

Post Feature
Post Feature
1. Click "Featured1/Featured2/Featured3/Featured4"
2. Add a Widget => html/javascript
3. Place your post Title in "Title Box" and yout post summary in "Content Box"
4. Save

Right Featured box
Right Featured box
same way with step 3.
==> popular post widget
Add a Widget => html/javascript => put code below on it.
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FYOURBLOGNAME.blogspot.com&num=5" type="text/javascript"></script>

Change the red code to your own blog url.
==> Recent Post widget
Add a Widget => Feed => input your blog/post feed url
Example : http://yourblogmane.blogspot.com/feeds/posts/default
==> Recent Comment widget
Add a Widget => Feed => input your comments feed url
Example : http://yourblogmane.blogspot.com/feeds/comments/default
==> Post Tags widget
Add a Widget => Labels => and choose tags cloud labels.

All done happy downloading.

Preview | Download

Nov 4, 2009

Stone Room Magazine Blogger Template

Stone Room Magazine Blogger Template

Stone Room is 3 columns magazine style blogger template with beautiful artworks design converted from wordpress theme by led24.de to blogger by BloggerTemplateplace. The most unique feature of Stone Room Magazine Blogger Templates is Unique Navigation Linktabbed to 2 columns.

Basic Installation

Date Format Setting
goto Layout > Page Elements > edit Blog Posts > change time format to long date (e.g Tuesday, June 23, 2009).
Remember, change time format NOT date format.

Twitter Widget
Find Code below in your template :

<script src='http://twitter.com/statuses/user_timeline/MagTemplates.json?callback=twitterCallback2&amp;count=2' type='text/javascript'/>

Change the red code to your own twitter user ID
Feedburner Setting
Find Code below in your template :
<a href='http://feeds2.feedburner.com/MagBlogger'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/MagBlogger?bg=FD6D00&amp;fg=202931&amp;anim=1' style='border:0' width='88'/></a>

Change the red code to your own feedburner user ID
Slider Content Widget
Put Code below in HTML/Javascript widget below your header Section.
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="Your Image Link" height="200px"/></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br/>
</span>
</li>

<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="Your Image Link" height="200px"/></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br/>
</span>
</li>

Change the red code to your own links and titles and image url.

Navigation Link

Find Code below in your template :
<div class='headmenuslot' onmouseout='A_color(2)' onmouseover='A_color(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW' href='Your Main Link'>Your Title</a></div><div class='list_punkts'>

<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
<tr>
<td width='50%'><a href='Your Link Here'>Title</a><br/><p>Short Description about this Item</p></td>
<td width='50%'><a href='Your Link Here'>Title</a><br/><p>Short Description about this Item</p></td>
</tr>
<tr>
<td width='50%'><a href='Your Link Here'>Title</a><br/><p>Short Description about this Item</p></td>
<td width='50%'><a href='Your Link Here'>Title</a><br/><p>Short Description about this Item</p></td>
</tr></table>
<div class='clear'/>
</div>
<div class='list_punkts_bot'/>
</div></div></div>

Change the red code to your own. youll find 4 code like that so you must change all of it.

Description below Navigation Links

Find this code below in your template :
<div class='heabootmenu'>
<div class='heabootmenu_des'>
However, most Wordpress themes are either used too often...</div>
<div class='heabootmenu_des'>
However, most Wordpress themes are either used too often...</div>

<div class='heabootmenu_des'>
However, most Wordpress themes are either used too often...</div>
<div class='heabootmenu_des'>
However, most Wordpress themes are either used too often...</div>
</div>

Change the description. The format should be like this below :
<div class='heabootmenu_des'>
Your Description Go here...
</div>

All done happy downloading.

Preview | Download

Oct 23, 2009

Simple Fresh Magazine Blogger Template

Simple Fresh Magazine Blogger Template

Simple Fresh is new elegant and clean design with magazine style offered for free to all blogger community by ndyteens. Simply Fresh Magazine, with 3 columns simple magazine blogger template. This template is built ads ready with 125x125 banner ads widget. Suitable for business blog. Simply Fresh is fully widgetized so you can put more widget to your template. Simple fresh is supported by new blogger feature such us Embedded Comments form, Avatar comments, and new read more or "Jump-Link" for blogger.

Basic Installation

Header 468x60 Ads
Find code below :

<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAiVFWye0uWmdyRnxe6-dN_Gqz-rLteJqKFPxw1wU3PsDFZ9cqe4BJDLsLPc09xVahjuY7MdEr-OhVGA9rCPaD8picK0nFUv3nXvcXwkMY3Zx8ax9DMgRoLZbDKLVW_0soUNn92PAHm8/s320/topbanner.gif' style='width: 468px; height: 60px;'/></a>

Change it with your own ads banner or you can put your adsense, adbrite or another advertising netwotk.

Navigation menu
Find this code:
<div id='menu'>
<div id='main_menu'><ul>
<li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li></ul>
</div>

Replace the link with yours

Subcribe Setting
Edit Subscribe widget and put code below on it.
Get Update From <b>Magazine Templates</b> On your email!
<p></p><form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your_Feed_Url', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input id="subbox" onfocus="if (this.value == 'Enter Your Email...') {this.value = '';}" value="Enter Your Email..." name="email" onblur="if (this.value == '') {this.value = 'Enter Your Email...';}" type="text"/><input value="Your_Feed_Url" name="uri" type="hidden"/><input value="" name="loc" type="hidden"/><input id="subbutton" value="GO" type="submit"/></form>
<br/>
<p><a href="http://feeds.feedburner.com/Your_Feed_Url"><img width="88" style="border:0" alt="" src="http://feeds.feedburner.com/~fc/Your_Feed_Url?bg=CC0000&amp;fg=444444&amp;anim=1" height="26"/></a></p>

Change Your_Feed_Url with your own feedburner id.

Sponsored Banner
Edit Sponsored Widget and put code below on it.
<center>
<!-- Ad1 start -->
<a class="ad1" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg"/></a>
<!-- Ad2 start -->
<a class="ad2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg"/></a>
<!-- Ad3 start -->
<a class="ad3" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg"/></a>
<!-- Ad4 start -->
<a class="ad4" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg"/></a>
<div class="clearer"></div></center>

Please Change Image url and your link destination.

Done and enjoy.
Preview | Download

Oct 15, 2009

Bemagazine Blogger Template

Bemagazine Blogger Template
Bemagazine was designed and bloggerized by ipietoon. Bemagazine come with 4 columns and ads ready blogger template. Bemagazines is perfect for business blog.

1. Basic Installation

Banner Ads
Paste these code

<div id="adspot">
<!-- Ad1 start -->
<a class="ad1" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg" /></a>
<!-- Ad2 start -->
<a class="ad2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg" /></a>
<!-- Ad3 start -->
<a class="ad3" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg" /></a>
<!-- Ad4 start -->
<a class="ad4" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg" /></a>
<div class="clearer">
</div></div>

Change "#" to Your URL ads and https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg to your own image url

Search Form
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>


RSS Subscribe on Post
Click on expand widget template and find code below :
<div class='subs'>
<div class='title'>Subscribe Here</div>
<center>
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bietemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
<input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/>
</form>

<p><a href='http://feeds2.feedburner.com/bietemplates'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bietemplates?bg=8eca2c&amp;fg=ffffff&amp;anim=1' style='border:0' width='88'/></a></p></center>
</div>

Change red text to your own feedburner ID

Enjoy New Templates.
Preview | Download

Sep 30, 2009

Corporate Theme Magazine Blogger template

Corporate Theme Magazine Blogger template

Corporate Theme is inspired by Wordpress Corporate Themes which is designed by StudioPress and Make it possible to blogger by Bloggerceria. Corporate themes come with 2 columns, slider top, right sidebar, and embedded 3 columns footer section. I've modified this template and now you don't need to upload any javascript code to your own web hosting since it's already built in. You may look the demo and download it. Enjoy.

Preview | Download

Sep 25, 2009

BloggerTube Video Gallery Blogger Template

BloggerTube Video Gallery Blogger Template
BloggerTube is the first blogger template using automatic thumbnail for video, easy post for newbie, well made design and all of that, bloggertube is FREE. BloggerTube Blogger Template was designed and bloggerized by Dante Araujo.

Features on BloggerTube :

1. Automatic embedded video on post page (only paste URL link)
2. Automatic slider for the last featured videos
3. Automatic Recent videos widget (video thumbnail)
4. Automatic Thumbnail from Youtube (only Youtube URL)
5. Page Navigation
6. Three Column Video Posts

Basic Installation

How to post a new video on BloggerTube :

1. Go to setting >> Formatting >> Post Template and paste code below on the form and save it.

endofvid
[starttext]
Write anything here, upload pictures... Make a video description, whatever...
[endtext]


2. Go to youtube video and copy your youtube video url. Look closely to image below

Bloggertube Installation Image
3. Go to your Blogger and make your new post.


4. Your Post Should be format like this below :



5. Here is Your Post Format looks like
Your Youtube Video URLendofvid
[starttext]
Your Text description. Fill it Or leave it blank.
[endtext]


6. Install Recent Video Widget :
Just go to your Page Elements section, click to edit the HTML/Javascript Widget called "Recent Videos" and paste the following code inside:
<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/dante.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

All done. Everything is automatic way. You just need to follow the instruction above. Look Demo below and happy download.

Preview | Download

Sep 23, 2009

Luxuryliner Magazine Style Blogger Template

Luxuryliner is originally a wordpress theme designed by jinsona on web2feel and has been converted to blogger by bloggertemplateplace. Luxuryliner is white and blue magazine template with 3 Column, Right sidebar, White, Blue, Summary Readmore Hack Installed, Avatar Comments Hack Installed. I do my best to give you the installation tutorial and if you still have another problem please contact the author.

Luxuryliner Magazine Style Blogger Template
Preview | Download

Basic Installation

Logo :
Find link below and change it with your own image logo url

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2I3UKE_aOzI7fdnbZ-NrhOq8nX7A51WBzg0WhvenlB0uc1cO1KSZ9AY-MD5OnvYw1BwUkYd_TxFHlujbbV1il1lLvCeR1oVReVmFoV2Z-MmskBZ0VyDx5F-o9GyC8rc0f8BQLlUix8zc/s1600/logo.png


Navigation Menu 1 :
Find code below and change it with your own.
<li><a href='/'>Home</a></li>
<li class='page_item page-item-20'><a href='/' title='Mail signup'>Mail signup</a><ul>
<li class='page_item page-item-21'><a href='' title='Page'>Page</a></li>
<li class='page_item page-item-80'><a href='' title='Testpage'>Testpage</a><ul>
<li class='page_item page-item-84'><a href='' title='Subpage'>Subpage</a></li></ul></li>
<li class='page_item page-item-82'><a href='' title='Sample Page'>Sample Page</a></li></ul></li>
<li class='page_item page-item-22'><a href='' title='About'>About</a></li>
<li class='page_item page-item-24'><a href='' title='About'>About</a></li>
<li class='page_item page-item-25'><a href='' title='About'>About</a></li>
<li class='page_item page-item-99'><a href='' title='About'>About</a></li>
<li class='page_item page-item-102'><a href='' title='memberlist'>memberlist</a></li>
<li class='page_item page-item-2'><a href='' title='ARCHIVES'>ARCHIVES</a></li>


Navigation Menu 2 :
Find code below and change it with your own Link url.
<li class='cat-item cat-item-3'><a href='' title='View all posts filed under Business'>Business</a>
<ul class='children'>
<li class='cat-item cat-item-12'><a href='' title='View all posts filed under Internat'>Internat</a></li>
<li class='cat-item cat-item-13'><a href='' title='View all posts filed under Market'>Market</a></li>
<li class='cat-item'><a href='' title='View all posts filed under Stock'>Stock</a></li>
</ul></li>
<li class='cat-item cat-item-5'><a href='' title='View all posts filed under Downloads'>Downloads</a>
<ul class='children'>
<li class='cat-item cat-item-6'><a href='' title='View all posts filed under Dvd'>Dvd</a></li>
<li class='cat-item cat-item-10'><a href='' title='View all posts filed under Games'>Games</a></li>
<li class='cat-item cat-item-17'><a href='' title='View all posts filed under Software'>Software</a>
<ul class='children'>
<li class='cat-item cat-item-25'><a href='' title='View all posts filed under Office'>Office</a></li></ul></li></ul></li>
<li class='cat-item cat-item-7'><a href='' title='View all posts filed under Entertainment'>Entertainment</a>
<ul class='children'>
<li class='cat-item cat-item-9'><a href='' title='View all posts filed under Football'>Football</a</li></ul></li>
<li class='cat-item cat-item-8'><a href='' title='Description for featured category'>Featured</a></li>
<li class='cat-item cat-item-11'><a href='' title='View all posts filed under Health'>Health</a>
<ul class='children'></ul></li>
<li class='cat-item cat-item-15'><a href='' title='View all posts filed under music'>music</a></li>
<li class='cat-item cat-item-16'><a href='' title='View all posts filed under politics'>politics</a></li>
<li class='cat-item cat-item-1'><a href='' title='View all posts filed under Uncategorized'>Uncategorized</a></li>


Logo/feedburner setting on the downloaded file. Enjoy.

Sep 19, 2009

Gallery Style Magazine Blogger Template

Gallery Style Magazine Blogger Template

Gallery template come with 4 columns (3 columns main body with one columns right sidebar). blogger template designed and bloggerized by Bloggerthemes called Gallery released for free and Just like the name, Gallery Blogger template is perfect for your CSS showcase blog or wallpaper blog. The color is dark style. Thanks to bloggerthemes.

Preview | Download

Basic Installation

Sep 11, 2009

Jynxed Unique Design Blogger Template

Jynxed is a unique template originally designed for wordpress theme by forthelose and has been converted to blogger by wpbloggerthemes. Jynxed has Unique web 2.0 feel. Jynxed template come with 2 columns and right sidebar. just Take a look to the demo to see the it live.

Jynxed Unique design Blogger Template

Preview | Download

Go here for your Basic Installation of blogger template.

Sep 3, 2009

Zin Folio Light Blue Magazine Template

Zin Folio is Light Blue Magazine Template designed by Jinsona Design and has been bloggerized by CahayaBiru.com. Zin Folio is three column template with built in special feature. Zin Folio is a magazine style which equipped with Image and Text Slider, Feedburner Form, Menu Bar, and Inline Small News. Zin Folio come with 2 columns right sidebar. Try this new high quality template for free.

Zin Folio Light Blue Magazine Template

Preview | Download

1. Basic Installation

Customize The Logo
Go to Layout – Edit HTML and find code below

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPFda_-3ATr-Xdn7kej34GeVnYf_Q0QEZ3ID-U02hofDuHrfIx4wXKaeVqq51maNaZKYRaEzbfsyrZQBgPEZ8MwQzj_hBVx0EO29buosdr38pJ9eIX_mNk6sd-Nnk9yCryu5OUy-Fghg/s400/logo.png

Change it with your own. The PSD files has been included in the download file.

Setting Feed Burner ID Form
Go to Layout – Edit HTML and find cobe below
CahayaBirusSphere

Change it with your own feedburner id

Customize The Menu
Find code below in your template and change it again with your own.
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>


Install The Javascript
Upload the Javascript (JS) file in JS foloder to your own webhosting. After that, find this : JAVASCRIPT-HOSTING-LINK-LOCATION in your template.
Change it with your own js link. Example :
<script src="JAVASCRIPT-HOSTING-LINK-LOCATION/slider.js" type="text/javascript"/>

To be like this below :
<script src="http://fileave.com/cahayabiru/slider.js" type="text/javascript"/>


Customize Image and text slider
Please go to link below :
http://www.cahayabiru.com/2009/08/image-and-text-slider_30.html


Customize Small News
Please go to link below :
http://www.cahayabiru.com/2009/08/small-news.html


All done. Enjoy new template.

Aug 16, 2009

MobiPress Professional Magazine Template

MobiPress is designed by Jinsona. And, it has been converted by CahayaBiru.com. MobiPress is Stylist blue, white, and grey color template. Its design will attract another blogger to come to your blog. Equipping with welcoming sentence, mobipress is a right choice for you to reach another excitement.

MobiPress Professional Template

Preview | Download

Installations :
Change MobiPress LOGO
Find code below and change it wiyh your own logo image URL

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCaNTkuHzna0Uzn1MiiGd1m2uLY2oKkLA0BvB_W3R3bVgUfbOs_0otXplqn1Sb2moM7WP7bpX1QKFlUnznNX0EhChhPJM0YNKcyH4CfRGsho4s-av0k2AIEJUuG8x742XBPiCTOXNwuM/s1600/logo.jpg


Setting First Menu
Find code below
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>

Change # and Title Here with your own preferred url and title.

Second Menu
find code below and change it with your own.
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>


Setting Twitter
Find code below
TWITTER-ID-TWITTER

change it with your own twitter id.

Aug 14, 2009

Woodmag Magazine Blogger Template

Woodmag free blogger template Designed by Ipietoon for all of us. Woodmag has neat and clean layouts, designed multicolumn like a magazine style template. Suitable with your business blog.

Feature included :

* Three column
* Tested in majoring browser
* Ads ready
* Automatic readmore
* Three column lower section

Woodmag free magazine blogger template

Preview | Download

Installation :
Top Navigation Menu
Go to Edit HTML, edit this code below

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.bietemplates.com/' target='_blank'>
Template Gallery</a></li>
<li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>


Secondary Navigation Menu
Find Code below and change it with your own.
<div id='nav'>
<ul id='nav'>
<li><a href='http://your-link-here'>Photoshop</a></li>
<li>
<a href='http://your-link-here'>Freebies</a>
<ul>
<li>
<a href='http://your-link-here'>Icon</a>
<ul>
<li><a href='http://your-link-here'>Icon #1</a></li>
<li><a href='http://your-link-here'>Icon #2</a></li>
<li><a href='http://your-link-here'>Icon #3</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Pattern</a></li>
<li><a href='http://your-link-here'>Brush</a></li>
<li><a href='http://your-link-here'>Swirl</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Vector</a></li>
<li><a href='http://your-link-here'>Sketch</a></li>
<li><a href='http://your-link-here'>Wallpaper</a></li>
<li><a href='http://your-link-here'>Theme</a></li>
<li><a href='http://your-link-here'>Layout</a></li>
<li><a href='http://your-link-here'>Inkscape</a></li>
<li><a href='http://your-link-here'>Graphic</a></li>
<li><a href='http://your-link-here'>CSS</a></li>
<li><a href='http://your-link-here'>Community</a></li>
<li><a href='http://your-link-here'>Submit</a></li>
</ul>
</div>


Banner Ads 125x125
Find code below and change the image url and links to your own.
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwfG_GtPKgCd4jAZW_1RG_aQ-PbFlQtXPT6d_vfejYy5oUEZ5gMYmLXcZK5GA65iYUmBRFBnghOaWLeEdxc0W8Z45pbP3aGrqp_p6tiBwKuSC6DLH73wSR1y-BwOaIfH3FSVvrlFvTp7l/s1600/themeforest.jpg'/></a>


Done and smile +_+

Aug 13, 2009

Showcase Light - Free Premium Template

Here is another version of showcase magazine gallery style blogger template which i already share before. This template has very same design with showcase, it's just the colour had change. If you like lighter colors with some nice white and blue than darker colors, then showcase light must be your choice. This template still released by dantearaujo.

Showcase Light - Free Premium Template

Features:

* Gallery Style
* Well designed graphics
* White / Light Gray / Blue
* Custom comments, Blockquotes and Lists
* Automatic Thumbnail
* Custom icons for each sidebar widget

Preview | Download

Aug 7, 2009

Hybrid News Magazine Template

Here is new blogger template released by Free Blogger Template for free to blogger community. Hybrid News was Originally designed by Hybrid. Hybrid News is 3 columns magazine template with right sidebar, blue white and black colour. The javascript file for your template has been embedded directly so you don't need to upload it again to your hosting file.

Hybrid News Magazine Template

Preview | Download

Installation :

1. Editing Top Menu.
Search this code in your template and chage it with your own.
Note : # = link anchor

<ul class='menu sf-menu'>
<li class='current_page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#' title='About'>About</a></li>
<li class='page_item'><a href='#' title='Archives'>Archives</a></li>
<li class='page_item'><a href='#' title='Blog'>Blog</a></li>
<li class='page_item'><a href='#' title='Elements'>Elements</a></li>
<li class='page_item'><a href='#' title='New menu'>New Menu</a></li>
</ul>


2. Second Navigations
Search This code and do the same with step 1.
<ul class='menu sf-menu'>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
</ul>


3. Slide Feature [Automatic update for post summary and image thumbnail]
Find this code Change red text with your blog feeds or blog feed by category/label to be like this http://yourblogname.blogspot.com/feeds/posts/default/-/yourbloglabel
startposts = 0;
numposts = 1;
home_page = "http://hybridnews-fbt.blogspot.com/feeds/posts/default";

startposts = 1;
numposts = 2;
home_page = "http://hybridnews-fbt.blogspot.com/feeds/posts/default";


4. Change default image. Find url below
http://i584.photobucket.com/albums/ss289/hemingways-studio/Have_Images_TEXT.png

Replace it with your own.

Done, Save it, And Go A Live.

Aug 1, 2009

Showcase - Gallery Style Blogger Template

Showcase Blogger Template is one of the best gallery style blogger template that has been launched and given it for free to all of you by Dante. If you need to post pictures, designs, inspirations or any kind os stuff, SHOWCASE is the way to go! This template is come with 3 columns with main post body divided to 2 columns and right sidebar. Thanks to Dante for this one.

Showcase - Gallery Style Blogger Template

Features:

* Gallery Style
* Well designed graphics
* Organized
* Dark Gray / Yellow
* Custom comments, Blockquotes and Lists
* Automatic Thumbnail
* Custom icons for each sidebar widget

Update: The IE Glitch and the Post Title bugs are now solved. Please use the download link to get the new version of Showcase!

Demo | Download

Jul 18, 2009

Mahusay Free Premium Magazine Template

Mahusay Free Premium Magazine Template

Mahusay is originally free premium Wordpress Theme create by Paddsolutions and has been converted to blogger by Free Blogger Template. This theme come with 2 column Magazine style, elegant design, slide feature, and 2 element under post. Slideshow Post Feature are automatic update from your latest post.

Preview | Download

1. Basic Installation

Instalations Guide :

Go to "Edit HTML"
Find The Code below and replace the red/blue code with your own

Javascript Hosting
Find this code and replace with your own host.

<script src='http://WWW.YOUROWNHOSTING.COM/mootools.v1.11.js' type='text/javascript'/>
<script src='http://WWW.YOUROWNHOSTING.COM/jd.gallery.js' type='text/javascript'/>


Twitter Url
Find This Code and replace the red text with your Twitter Url
<a href='http://twitter.com/YOURNAME' id='twitter' title='Twitter'>Twitter</a>


Menu Navigation
Change it with your own.
<ul>
<li class='current_page_item'><a href='/'><span><span>Home</span></span></a></li>
<li class='page_item page-item-39'><a href='#' title='About'><span><span>About</span></span></a></li>
<li class='page_item page-item-28'><a href='#' title='Child Page'><span><span>Child Page</span></span></a></li>
</ul>


Slide Feature with automatic post update
change the red url with your Blog Url and blue Url with your Image Url(background image = 606x225 pixel).
<div class='imageElement'>
<h2>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
</div>
<div class='imageElement'>
<h2>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</p>

<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
</div>
<div class='imageElement'>
<h2>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</p>
<a class='open' href='#' title='Read More'/>

<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image3.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image3.jpg'/>
</div>
<div class='imageElement'>
<h2>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
</div>
<div class='imageElement'>
<h2>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</p>

<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
</div>


Feedburner Subscriber
<input name='url' type='hidden' value='http://feeds.feedburner.com/~e?ffid=YOURFEEDBURNERID'/>


Enjoy and thanks to Free Blogger Template for converting this great template.

Jul 2, 2009

Gamma Ray Blogger Template



Gamma Ray is 2 Columns with magazine style blogger template and right sidebar. Gamma Ray Blogger Template is a modern visual, interactive and sober, page elements to flashy, innovative and personalized blogger template. The template was originally designed by Insight your Blogger. The feature of this template: Menu and Auto Search, Automatic "Read More" with thumbnail, Custom date, Visual uncommon in the post title and sidebar and title of the blog, Slideshow, social networks already installed and many more.

Installation : Later +_+

Demo | Download

Jun 27, 2009

Clinic Blogger Template

Clinic Blogger Template

Clinic Blogger Template is new magazine style Blogger Template with 4 columns. Clinic Template has been bloggerized by Templates Novo Blogger.
The features of this template is :

Header: header in two parts
Column: Post more sidebar divided into 4 parts
Menu 1: Menu vertical that presents only the home page
Menu 2: Horizontal Menu that appears only on internal pages
Slide: slide of pictures with captions
Column called 'Profile' for presentation of author / professional
Adsense column below the header
Posts: automatic summaries on the home page with thumbnails
Related articles on internal pages.

Preview | Download | Installation

Jun 26, 2009

Milano Blogger Template

Milano Blogger Template

Milano Blogger Template is originally a wordpress theme designed by Web2Feel and has been converted to blogger by Falcon Hive. Feature Included: Unique and professional layout design, Welcome Message section, Featured Content section, Top navigation menu, Second navigation menu, JavaScript-based tabber, 300×250 Ads gadget, 125×125 Ads gadget, 2 sidebar section, Fully widgetized

Preview | Download