Magazine Blogger Templates

"Free Blogger Templates"

Showing posts with label Blogger Templates. Show all posts
Showing posts with label Blogger Templates. Show all posts

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

BlogArtZine Magazine Blogger Template

BlogArtZine Magazine Blogger Template

BlogArtZine is another magazine style blogger template for blogspot users bloggerized by BlogSkinPress. BlogArtZine Magazine Blogger Template Released with 4 columns, with 2 column center main post body side by side. This template suitable for CSS gallery blog or wallpapers blogs. The minor things from it just the colour style is'nt that great. But you can edit it manually. I do some edit with this template, also included avatar enabled in comments section.

Basic Installation

Navbar Menu
Find code below in your template

<li><a href='#'>Home</a></li>
<li><a href='#'>Posts RSS</a></li>
<li><a href='#'>Comments RSS</a></li>
<li><a href='#'>Contact</a></li>
<li>+</li>
<li><a href='#'>Submit Templates / Themes</a></li>

Change the "#" with your own URL and Chage the title to whatever you want.

Feedburner Setting
Find Code below in your template :
<div id='feeds'>
<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=YOUR-FEEDBURNER-ID&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>
<a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/YOUR-FEEDBURNER-ID?bg=5eb7c3&amp;fg=ffffff&amp;anim=1' style='border:0' width='88'/></a>
</div>

Change YOUR-FEEDBURNER-ID with your own ID
125x125 Ads Setting
Find Code below and change it with your own ads banner
<div id='adspot'>
<!-- Ad1 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
<!-- Ad2 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
<!-- Ad3 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
<!-- Ad4 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
<div class='clearer'/>
</div>

All done feel free to download it and enjoy the template. you can also help me to spread the worlds about Magazine Blogger Templates with twitter on top. Enjoy.

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

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

Aug 28, 2009

Premium Dashboard Professional Magazine Style

Premium Blogger Dashboard is professional template made it by SAER. Premium Dashboard is another professional magazine style template for blogger and come with 2 columns and right sidebar. It has many beautiful functions ! the first on is the rounded menu navigation on the top of the featured post and the search bar. The second function is the automatic read more. another great function which is has related post widget.

Premium Dashboard Professional Magazine Style

Preview | Download

Basic Installation

Menu Navigations, change the links to your needed links.

<ul>
<li class='current_page'><a expr:href='data:blog.homepageUrl' title='Home'><span>Home</span></a></li>
<li><a href='http://blogger-dashboard.blogspot.com/search/label/Blogger%20Templates' title='Blogger Templates'><span>Blogger Templates</span></a></li>
<li><a href='http://blogger-dashboard.blogspot.com/search/label/Blogger%20Tutorial' title='Blogger Tutorial'><span>Blogger Tutorial</span></a></li>
<li><a href='http://blogger-dashboard.blogspot.com/search/label/Twitter%20Tips' title='Twitter Tips'><span>Twitter Tips</span></a></li>
<li><a href='http://blogger-dashboard.blogspot.com/search/label/SEO%20Tips%20and%20Tricks' title='SEO TIPS'><span>SEO TIPS</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><span>Posts RSS</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'><span>Comments RSS</span></a></li>
<li><a href='http://www.blogger.com' title='Login'><span>Login</span></a></li>
</ul>

Subscription widget

<a href="http://feeds.feedburner.com/BloggerDashboard"><img alt="feedburner" style="border: 0pt none ; margin-top: 15px;" src="http://lh4.ggpht.com/_9b1traaMESE/SmDYssZpwFI/AAAAAAAAALs/g17Vr4lP_sY/Rss%20feeds%20icon%203222.png"/></a><!-- AddThis Button BEGIN -->

<div expr:addthis:url="data:post.url" class="addthis_toolbox addthis_default_style" expr:addthis:title="data:post.title"><a share="[object Object]" class="addthis_button_compact at300m" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=saer_gh" ost="1" conf="[object Object]"><span class="at300bs at15t_compact"></span>Share</a> <span class="addthis_separator">|</span> <a share="[object Object]" class="addthis_button_facebook at300b" ost="1" conf="[object Object]" title="Send to Facebook"><span class="at300bs at15t_facebook"></span></a><a share="[object Object]" class="addthis_button_myspace at300b" ost="1" conf="[object Object]" title="Send to MySpace"><span class="at300bs at15t_myspace"></span></a><a share="[object Object]" class="addthis_button_google at300b" ost="1" conf="[object Object]" title="Send to Google"><span class="at300bs at15t_google"></span></a><a share="[object Object]" class="addthis_button_twitter at300b" ost="1" conf="[object Object]" title="Tweet This"><span class="at300bs at15t_twitter"></span></a><script src="http://s7.addthis.com/js/250/addthis_widget.js?pub=saer_gh" type="text/javascript"></script><!-- AddThis Button END --><a alt="Subscribe using any feed reader!" href="http://www.addthis.com/feed.php?pub=saer_gh&amp;h1=http%3A%2F%2Fblogger-dashboard.blogspot.com%2Ffeeds%2Fposts%2Fdefault&amp;t1=" target="_blank" onclick="return addthis_open(this, &#39;feed&#39;, &#39;http://blogger-dashboard.blogspot.com/feeds/posts/default&#39;)"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" alt="Subscribe" width="125" src="http://s7.addthis.com/static/btn/lg-feed-2-en.gif" height="16"/></a><script src="http://s7.addthis.com/js/250/addthis_widget.js?pub=saer_gh" type="text/javascript"></script></div>

Change the red code to your feedburner ID.
If you have another problem, contact the author here. Enjoy.

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

Jul 6, 2009

Not Magazine Blogger Template

Not Magazine Blogger Template
Not Magazine Blogger Template is 4 columns with simple and clean design. not magazine is designed for free by Ipietoon for blogspot user. The main Homepage will have 4 columns, 1 in the left and 2 sidebar on the right side. But if you're going to post pages, the left sidebar will disappear. The template was fully widgetized. The color is white and blue and black. You can add as many widget on the footer. Footer is 3 columns. So try it.

Feature

1. Layout 4 column and 3 column at lower section
2. Adsense ready
3. Social Bookmarks icon on everypost
4. Search Menu
5. Best viewed using Firefox 3, Opera 8, Opera 9, Opera 10, Internet Explorer 7, Internet Explorer 8, Safari

Navigation Menu Setting
go to Layout >> Edit HTML >> Expand widget templates >> edit this code.

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://dezigntuts.com' target='_blank'>Dezign Resources</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>

Banner 125x125 Setting

<div class='banner'>
<ul>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
</li>

<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='mailto:cebong.ipit@gmail.com' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwnyg0duibM8BvvPhUG7MPyOAaOjYJeX4ep3-FCt9vmo2A53-ED74g0DMEAoyXOy_ej7Te32crqEdUhdrjmMhddOyr4_o4n3TL_I2YvcVwahu_468jXbDPDVpdiM4Jr9L25y3ggy9lzEl/s1600/advertise+125x125.png'/></a>
</li>
</ul>
</div>

Change the red text to your own link and blue color to your images url.

That's all. Leave your comments if you have another problem. Glad to see you here. Do you like my new theme? XD. follow the links to download below.

Preview | Download