Magazine Blogger Templates

"Free Blogger Templates"

Showing posts with label Adaptation of Wordpress. Show all posts
Showing posts with label Adaptation of Wordpress. 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 26, 2009

Androida Magazine Blogger Template

Androida Magazine Blogger Template

Androida Magazine Blogger Template is a light and dark blue template which is suitable for your business blog. Androida come with 3 column which the mainpost article are set by two inline, the post area is divided with two column. Androida was designed By Jinsona Design and bloggerized By Cahayabiru.com.

Basic Installation

Feed Burner ID Form
Go to Layout – Edit HTML – no need to expand widget template
Find This Word:

CahayaBirusSphere

Change it with your own Feedburner ID.

Menu Navigation
Add code below to javascript menu widget
<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>

Remember to change
"#" with your own url
"Title Here" with your title

125x125 Banners
Edit sponsor widget and put code below.
<li><a href="Target link Here" rel="bookmark" title=""><img alt="" style="vertical-align:bottom;" src="Image Link Here"/></a></li>
<li><a href="Target link Here" rel="bookmark" title=""><img alt="" style="vertical-align:bottom;" src="Image Link Here"/></a></li>
<li><a href="Target link Here" rel="bookmark" title=""><img alt="" style="vertical-align:bottom;" src="Image Link Here"/></a></li>
<li><a href="Target link Here" rel="bookmark" title=""><img alt="" style="vertical-align:bottom;" src="Image Link Here"/></a></li>

Edit the red code.
Done and Enjoy Androida Magazine Blogger Template

Preview | Download

Oct 19, 2009

Bpress Magazine Blogger Template

Bpress Magazine Blogger Template

Bpress Mag is 3 columns magazine style blogger template desidned by akosipau and has been bloggerized by Blogger Template Place. Bpress Mag Has great feature such as, Slider Gallery, Automatic Read More, Installed Blogger Comment Avatar, and also Twitter update Feature.

Basic Installation

Slider Widget
To put or edit this widget the format code like shown below.

<ul>
<li><a href=""><img border="0" alt="Your Own Title" width="590px" src="Your Image URI" height="353px"/></a>
<div class="slidercontent">Your Own Title</div></li>

<li><a href=""><img border="0" alt="Your Own Title" width="590px" src="Your Image URI" height="353px"/></a>
<div class="slidercontent">Your Own Title</div></li>
</ul>


Twitter Update
Change YOURTWITTERID with your own ID.
<div class='twitter-content'><ul id='twitter_update_list'><li/></ul></div>
<h3 class='followme'><a href='http://twitter.com/YOURTWITTERID' style='color:#FFFFFF; '>Follow me on twitter!</a></h3>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/YOURTWITTERID.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
</div>


FeedBurner Widget
Search Code below and change the RED code to your own feedburner id
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='padding:0; margin:0; ' target='popupwindow'>

...............
..............
..............

<input name='uri' type='hidden' value='YOURFEEDID'/><input name='loc' type='hidden' value='en_US'/>

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 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 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 6, 2009

Yestilo Magazine Style Design For Blogger

Yestilo Template is magazine style blogger template designed by jinsona and has been bloggerized by bloggertemplateplace. Yestilo come with multiple post style in homepage like newspaper. This template is ready for adsense, in navbar area, header area, and sidebar. Some of Yestilo feature are: 4 column template, 3 column footer area, 125 X 125 ads slot in sidebar area, 300X300 ads slot in sidebar area and Integrated twiter update list section.

Yestilo Magazine Style Design For Blogger

Preview [Not Yet] | Download

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.

Jul 27, 2009

The Latest Theme Minimalist Magazine Style

Now it's time to add new magazine template. I was searching through the web and find this minimalist gallery style blogger template. The template called "The Latest Theme". It was originally a wordpress theme designed by Wpthemedesigner and has been converted to blogger by Anshul. This template was unique because it has gallery style with auto readmore with thumbnail, two main columns for post body but with minimalist colour that will make your blog loading more faster.
The Latest Theme Magazine Style
Preview | Download

feature of this template :
* Blogger Header Splitted Into Two Sections
* Horizontal Navigational Menu Links
* Automatic Read More Hack With Thumbnail
* Search Box For Blog
* Swap Title Hack For Blogger
* Three Column Footer
* Embed Comment Form
* Magazine Style Widgets
* Hidden Navbar Layout

Follow step below to install it.
1. Basic Installation

Installation.
Header Image
Upload your header image from header widget inside the blogger layout.That is widget at top left of page elements by hitting Edit Button.

Advertisement Widget
Add code below and replace the red code with 468x60 ads banner code.

<table border="0" width="500" background="http://i36.tinypic.com/2s7uteq.jpg" height="81" align="center">
<tr><td width="500" height="77">
<div align="center">

<!----- Adsense Codes Here------->

</div></td></tr>
</table>


Menu Links.
Find code below and edit it.
<div id='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Widget'>Widgets</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Hack'>Hacks</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Tutorial'> Tutorials</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Templates'>Templates</a></li>
<li><a href='http://anshuldudeja.blogspot.com/2008/11/contact-us.html'>Contact</a></li>
</ul>
</div>


SubMenu Links
Same as step above just edit links below.
<div id='submenu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Widget'>Widgets</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Hack'>Hacks</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Tutorial'> Tutorials</a></li>
<li><a href='http://anshuldudeja.blogspot.com/search/label/Blogger%20Templates'>Templates</a></li>
<li><a href='http://anshuldudeja.blogspot.com/2008/11/contact-us.html'>Contact</a></li>
</ul>
</div>


That's all happy downloading.

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 14, 2009

Vikiworks Infinity Gallery Blogger Template


Vikiworks Infinity originally created by a Chinese designer Yichi for Smashing Magazine and Smashing Jobs and has been converted to blogger by bloggerfaqs. Vikiworks Infinity Blogger Template is another gallery style template for blogger with colorful background. Vikiworks Infinity come with 4 columns, 2 main columns post body and 2 columns in the right sidebar.

Demo | Download

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

Jun 25, 2009

Conservative American Blogger Templates

Conservative American Blogger Templates

Conservative American Blogger Templates is coverted by Zonacerebral from wordpress American Conservative theme designed by Jeremy Buff. It's 2 columns with dark background template.

The feature :

* 2 Columns
* Black
* Elegant
* Rounded corners
* White
* Twitter widgwts
* Slide Show

Preview | Download

Jun 6, 2009

Fresh Magazine 1.1 Blogger Templates

New magazine style blogger template, released by NdyTeeN. It's another mind blowing magazine style blogger templates with simple colour. Just white and red. Featured slide show on top. This is 2 columns blogger template with right sidebar. Ads placement also included. Check the demo for live show.



Installation For Fresh Magazine 1.1 Blogger Templates
1. Basic Installation

2. Setting Header Images.



The PSD images doesn't included in the download file. You must make your header image with photoshop or other similiar image editor program. The image size must be 468 width x 107 height. Now upload it to your header from your blogger dashboard.
get it?

3. Setting up the Advertisement Banner



Go to Your Dashborad >> Layout >> Edit HTML >> Expand Widget Templates.
Now find this code :
<div class='headerright'>

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

</div>


Now Change the red text to your own banner or maybe google adsense code.

3. Setting Up the Top Tab Menu Navigation

Find code below in your template.
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>


Now Change it with your own.

4. Setting Navigation menu just below top tabs

Go to Your Dashborad >> Layout >> Edit HTML >> Expand Widget Templates.
Find Code below.
<div id='subnavbar'>
<ul id='subnav'>
<li>
<a href='#'>Community Events</a>
<ul>
<li>
<a href='#'>Sub Category #1</a>
<ul>
<li>
<a href='#'>Sub Sub Category #1</a>
</li>
<li>
<a href='#'>Sub Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Conferences</a>
</li>
<li>
<a href='#'>Get Connected</a>
</li>
</ul>
</div>


That's the code now change it with your own.

5. Setting The slide show.

Go to Your Dashborad >> Layout >> Edit HTML >> Expand Widget Templates.
Find Code below.
<div class='slide'>
<h2><a href='POST-LINK-HERE' title='Superbowl'>Superbowl</a></h2>
<span class='slmet'> Posted by NdyTeeN On Mei - 25 - 2009 </span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. ...</p>
<img alt='' src='http://web2feel.com/monezine/wp-content/uploads/2008/12/stad.jpg'/>
</div>


Now You just see 5 code like that. Change it with your own. The format is below.
<div class='slide'>
<h2><a href='POST-LINK-HERE' title='Your Title'>Title</a></h2>
<span class='slmet'> Posted by </span>
<p>Your Summary Text. ...</p>
<img alt='' src='Your Image Url'/>
</div>


It's all done. Still have another problem? Then contact the author or you can ask me below and i'll try to solve your problem. Happy Blogging.

Jun 5, 2009

Falkner Press Magazine Style blogger template

Falkner Press Blogger Template

Another Magazine Style blogger template has been released by bloggertricks. Falkner Press Blogger Template was converted from a wordpress theme designed by CamelGraph. It's magazine style blogger template. Falkner Press has 3 columns with 2 right sidebar and much of feature is built in.

Feature :
* Auto Readmore
* Adsense Ready
* Featured Content Slideshow
* Social Bookmarking Icons
* Twitter Updates widget
* And Many more..




1. Basic Installation
2. Installation

Apr 28, 2009

Revolution Lifestyle Blogger Template Magazine Style Blogger Template



This is converted from Wordpress theme and the designer of the original Wordpress Theme is Brian Gardner and bloggerized by bloganol. This Template is also same like the Revolution Crunch Blogger Template.



Installation For Revolution Lifestyle Blogger Template
1. Basic Installation
2. The Rest

Apr 23, 2009

Revolution Church Magazine Style Blogger Template

Revolution Church Magazine Style Blogger Template

Revolution Church Magazine Style Blogger Template is a magazine style wordpress theme designed by Brian Gardner and converted to blogger by bloganol. Revolution Church is 3 column and optimized for advertising.
Features :

1. 3 column with right Sidebar.
2. Optimized for advertising. 4+ perfect areas for advertising.
3. built-In site-search Engine.
4. date widget at Top left that shows the current date.
5. 2 CSS Menus.
6. Magazine style template and Professional look.



Installation For Revolution Church Magazine Style Blogger Template
1. Basic Installation
2. Header Navigation Link
find the following code and edit with your own link.
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>

3. Sub Menu Header Configuration
find the following code and edit with your own link. Or you can use your adsense link unit here.
<div id='subnavbar'>
<ul id='subnav'>
<li>
<a href='#'>Community Events</a>
<ul>
<li>
<a href='#'>Sub Category #1</a>
<ul>
<li>
<a href='#'>Sub Sub Category #1</a>
</li>
<li>
<a href='#'>Sub Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Conferences</a>
</li>
<li>
<a href='#'>Get Connected</a>
</li>
</ul>
</div>

4. Adsense 468x60 Header Banner
Find this code and change it with your own banner or google adsense code.
<div class='headerright'>
Your Adsense Code Here
</div>

5. Adsertising banner below every post
Find code below and change it your own advertising link or you can delete it.
<div class='gapad'>
Your Adsense Code Here/Or you can Delete it.
</div>

6. It's done. Smile +_+. Remember google adsense just allow you to put 3 Adsense units and 3 link units on each page. Cheers.