Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts
Rotundo Blogger Template
Template name : Rotundo
Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Pbtemplates, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar
Release date : January 6, 2011
Coder/Designer Name(s) : Lasantha Bandara / CamelGraph
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://camelgraph.com/
Basic Instructions : How to install a Blogger template
Advanced Details : http://www.premiumbloggertemplates.com/2011/01/rotundo-premium-blogger-template.html
Configure Meta tags
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
Replace DESCRIPTION HERE,KEYWORDS HERE as below.
DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.
How To Configure Favicon:
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>Now replace "YOUR-FAVICON-URL" with your Favicon address/url.
How To Setup Subscription Box
Login to your blogger dashboard--> layout- -> Edit HTML.Now find "pbtemplates". You can find it several times.Replace these with your real Feedburner ID.
How To Setup Twitter Widget
Login to your blogger dashboard--> layout- -> Edit HTML.Now find this:
<script src='http://twitter.com/statuses/user_timeline/pbtemplates.json?callback=twitterCallback2&count=1' type='text/javascript'/>Replace "pbtemplates" with your Twitter Username.
Configure Featured Content Slider:
Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .
Now replace,
"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.
for each featured slider.
How To Add a Header Logo
You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method).Logo image size must be 275px width and 60px height.
If you have any problem regrading this template,leave a comment below.
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
Permanent Blogger Template
Template name : Permanent
Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White
Release date : January 8, 2011
Coder/Designer Name(s) : Lasantha Bandara / New WP Themes
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/
Basic Instructions : How to install a Blogger template
Advanced Details : http://www.premiumbloggertemplates.com/2011/01/permanent-blogger-template.html
Configure Meta tags
Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :
meta content='DESCRIPTION HERE' name='description'
meta content='KEYWORDS HERE' name='keywords'
Replace DESCRIPTION HERE,KEYWORDS HERE as below.
DESCRIPTION HERE : Write your blog description
KEYWORDS HERE : Write the keywords of your blog separated by comma.
How To Configure Favicon:
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :
link href="YOUR-FAVICON-URL" rel="shortcut icon" type="image/vnd.microsoft.icon"
Now replace "YOUR-FAVICON-URL" with your Favicon address/url.
Configure Featured Content Slider:
Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started --> .Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'>and </div>
Now replace,
"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.
for each featured slider.
How To Add a Header Logo
You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method). Logo image size must be 251px width and 80px height.
If you have any problem regrading this template, leave a comment below.
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/WPBoxedTech Premium Blogger Template
Template Name : WPBoxedTech
Original Designer : Technology Tricks
Bloggerize by : Free Blogger Template
Instalations Guide :
Here we go, WPBoxedTech Free Premium Blogger Template. I think you all already understand how to setup the navigation menu. So, I only guiding you for "slide feature" and "subscribe feature".
See the element picture below[click the picture for full size]
There are two special element widget[red box in the picture].
1. Slide Feature Element
Click "Add A Gadget" => "HTML/JavaScript Add"
No need to write a title for this element
Place the code below in the "Content box" and change the red code as you want
<!-- featured section -->
<div class="box"><div class="box_outer"><div class="box_inner"><div class="box_bottom_right"><div class="box_bottom_left">
<div class="box_content">
<h5>Featured Posts</h5>
<div id="carousel_control">
<div id="play_btn" class="control_btn"><img alt="Play" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbVvh0N6vhooxMg67C7QIroigkox9hFVb9xARuoWh_CKLr0a0Tqa3riGwlPe8TSlc-lOpRfVLSSSe2xy5i_siNMRHq_PcRI1O84heZiPxx0Pu0SaETJSiVm80bIZ23Z9SJjjDbb9OvJJ7Z/s1600/play.png" height="7"/></div>
<div id="pause_btn" class="control_btn"><img alt="Pause" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8DEkC1jOlZvLebN-dzCWqQyAuHxgzRoXlQdjhcRmX8UGGmM8D4J8mix8Um2RS7ErY0TiPLZdX_rPDqrEw4bpAIhtTCr8pNZo1PhVk1JodUulSdSJcrKUAJ75LIhQwP2cHIfYCrSL5LYzV/s1600/pause.png" height="7"/></div>
<div id="prev_btn" class="control_btn"><img alt="Previous" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsHJy17N38Zn2nHpDZN-DLXnZEKlNTOWwWWZ9tNZTErzjI01TO6NU8Xnczxm_UGggbTASiA6L-yztU-2YXHT_gwVRHykUO_CS2mspQh-KZEOQSZ2Yj0IuNWRlzcW9nS4uqwCVwW2BYCO5/s1600/prev.png" height="7"/></div>
<div id="next_btn" class="control_btn"><img alt="Next" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdBw9qIA0wckBWFYlrm3xLDAzj3XI3tPpMYUBT5L12EkH20Xh4GHqwFs39R875vTDVJm3gvEcacUUYsZeI_JZ6cW3eKdQTTrxfYdgoG1GmGUp3ZtKKkWHH2HdH8dRTuaGWm2kayDCr0Lq1/s1600/next.png" height="7"/></div>
<div id="featured_number"/></div>
</div>
<ul id="featured_posts" class="jcarousel-skin-tango">
<li>
<div id="featured_1" class="featured_item">
<h4><a href="POST URL HERE1" title="POST TITLE HERE1">POST TITLE HERE1</a></h4>
<div class="featured_image">
<img alt="POST TITLE HERE1" width="535" src="IMAGE URL HERE1" height="175"/>
</div>
<div class="featured_desc">POST SUMMARY HERE1</div>
<div class="featured_more"><a href="POST URL HERE1" title="POST TITLE HERE1">Read More...</a></div>
</div>
</li>
<li>
<div id="featured_2" class="featured_item">
<h4><a href="POST URL HERE2" title="POST TITLE HERE2">POST TITLE HERE2</a></h4>
<div class="featured_image">
<img alt="POST TITLE HERE2" width="535" src="IMAGE URL HERE2" height="175"/>
</div>
<div class="featured_desc">POST SUMMARY HERE2</div>
<div class="featured_more"><a href="POST URL HERE2" title="POST TITLE HERE2">Read More...</a></div>
</div>
</li>
<li>
<div id="featured_3" class="featured_item">
<h4><a href="POST URL HERE3" title="POST TITLE HERE3">POST TITLE HERE3</a></h4>
<div class="featured_image">
<img alt="POST TITLE HERE3" width="535" src="IMAGE URL HERE3" height="175"/>
</div>
<div class="featured_desc">POST SUMMARY HERE3</div>
<div class="featured_more"><a href="POST URL HERE3" title="POST TITLE HERE3">Read More...</a></div>
</div>
</li>
<li>
<div id="featured_4" class="featured_item">
<h4><a href="POST URL HERE4" title="POST TITLE HERE4">POST TITLE HERE4</a></h4>
<div class="featured_image">
<img alt="POST TITLE HERE4" width="535" src="IMAGE URL HERE4" height="175"/>
</div>
<div class="featured_desc">POST SUMMARY HERE4</div>
<div class="featured_more"><a href="POST URL HERE4" title="POST TITLE HERE4">Read More...</a></div>
</div>
</li>
<li>
<div id="featured_5" class="featured_item">
<h4><a href="POST URL HERE5" title="POST TITLE HERE5">POST TITLE HERE5</a></h4>
<div class="featured_image">
<img alt="POST TITLE HERE5" width="535" src="IMAGE URL HERE5" height="175"/>
</div>
<div class="featured_desc">POST SUMMARY HERE5</div>
<div class="featured_more"><a href="POST URL HERE5" title="POST TITLE HERE5">Read More...</a></div>
</div>
</li>
</ul>
</div></div></div></div></div>
<!-- end featured section --></div>
Example :
POST URL HERE = http://www.freebloggertemplate.info/2009/11/coming-soon-wpboxedtech-free-premium.html
POST TITLE HERE = Coming Soon : WPBoxedTech Free Premium Blogger Template
IMAGE URL HERE = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlxzJXtCpHcbJfuuWOuM-hc1djX-M0_-rdbOO0QsWK7dZegZaXNeFmN7UuVjSOUbWZZqS_h9g9TIHNfOGTP2B7rY8I9d2qz3AvtVlmYA6y7Onn0mXZpvDGCJJx3IC7GJPdNyPO6iy33A/s400/wpboxedtech.gif
POST SUMMARY HERE = WPBoxedTech is one of Free Professional Premium Wordpress Theme by technologytricks.com and fast load theme. It is a 3 column professional clean and sleek design layout which can be used for all tech niche blogs. Now I convert this theme for Blogger Community.
2. Subcribe element at the bottom
Click "Add A Gadget" => "HTML/JavaScript Add"
TITLE BOX = SUBCRIBE or else
Place the code below in the "Content box" and change the red code WITH YOUR OWN URL
<div class="subscribe_content">
<div class="subscribe_item">
<div class="subscribe_img"><img alt="Subscribe to RSS Feed" width="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ch4gTHXOW-Zt2sdAnDV23MxbnVs19OE2h7U8GfhqL0AD9YZSABZAewBgGnnHc-b4G-6zdtQpcdswkxSaULQca8KVkhPl9k7yZh4VGWhDzJbq2SOy8RpKEXIDIR97RAyMW0uILe5d1fOM/s1600/ico-rss.jpg" height="32"/></div>
<div class="subscribe_desc">
<a href="FEED SUBSCRIBE URL">Subscribe to RSS Feed</a>
Receive feed updates via your feed reader
</div>
</div>
<div class="subscribe_item">
<div class="subscribe_img"><img alt="Email Subscription" width="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-vWOEnZsWlHmbF6vUpjxas8YBcUJVk6pbERDIHxe4uh1r9zz22EDef-sPy4YR5iEC3CQ7uv2RutdZj_XcBI1sC4IWOb-lofYwE9ryw6bRrkeKXGzlZLq0MI-JJgIbUDHcNTeLTND7h1k3/s1600/ico-subscribe.jpg" height="32"/></div>
<div class="subscribe_desc">
<a href="EMAIL SUBSCRIBE URL">Email Subscription</a>
Receive feed updates via email
</div>
</div>
<h4>Be My Friend?</h4>
<div class="network_list">
<ul>
<li class="first"><a href="YOUR DIGG URL">Digg</a></li>
<li class="second"><a href="YOUR TWITTER URL">Twitter</a></li>
<li class="third"><a href="YOUR FACEBOOK URL">Facebook</a></li>
<li class="fourth"><a href="YOUR LINKADIN URL">LinkedIn</a></li>
<li class="fifth"><a href="YOUR STUMBLEUPON URL">StumbleUpon</a></li>
<li class="sixth"><a href="YOUR YOUTUBE URL">YouTube</a></li>
<li class="seventh"><a href="YOUR MYSPACE URL">MySpace</a></li>
<li class="eigth"><a href="YOUR GOOGLE VIDEO URL">Google Video</a></li>
</ul>
</div>
</div>
UPDATE:
PLEASE RE-DOWNLOAD THIS TEMPLATE IF YOU ALREADY DOWNLOAD IT BEFORE. THE OLD TEMPLATE HAVE A PROBLEM WHEN USING "BLOGGER IN DRAFT MODE" TO UPLOAD AN IMAGE TO YOUR POST.
HERE IS THE RULES IF YOU WANT TO FIX THE OLD VERSION BY YOUR SELF :
*HARD MODE*
1. GO TO "EDIT HTML"
2. CHECK "EXPAND WIDGET TEMPLATE"
3. PRESS CTRL+F AND SEARCH "SEPARATOR" (WITHOUT QUOTE)
4. CHANGE ALL "SEPARATOR" WORD WITH "UNDERLINER"
5. SAVE.
*EASY MODE*
EXAMPLE:
WHEN YOU UPLOAD IMAGE FOR YOUR POST, YOU WILL GET THE CODE LIKE THIS (BLOGGER IN DRAFT MODE ONLY):
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufaak7OEaEi3WEZ73WvAN7OME2pawho0Kw-09SeaaSfIQV4PsdHvfu-98hHLOTM-cbuLss76eR4Z8O7qpBHIMfGtRDlBamTAVAo1rFo9rVg7ouuHt6B37OCTauxGYzQAKbPAuV79ooWU/s1600-h/2009_04250211d.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufaak7OEaEi3WEZ73WvAN7OME2pawho0Kw-09SeaaSfIQV4PsdHvfu-98hHLOTM-cbuLss76eR4Z8O7qpBHIMfGtRDlBamTAVAo1rFo9rVg7ouuHt6B37OCTauxGYzQAKbPAuV79ooWU/s320/2009_04250211d.JPG" /></a><br />
</div>
JUST REMOVE THE "CLASS='SEPARATOR'" CODE.
Factor Blogger Template
Template name : Factor
Template type : 1 Sidebar, 2 Column, Black, Featured Section, Fixed width, Grey, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0
Release date : December 26, 2010
Coder/Designer Name(s) : Lasantha Bandara / New WP Themes
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/
Basic Instructions : How to install a Blogger template
Advanced Details : http://www.premiumbloggertemplates.com/2010/12/factor-blogger-template.html
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
LongSea Blogger Template
Template name : LongSea
Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Blue, Featured Section, Fixed width, Header Banner, Magazine, Nature, Right Sidebar, Slider, Top Navigation Bar, Web 2.0
Release date : December 26, 2010
Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/
Basic Instructions : How to install a Blogger template
Advanced Details : http://www.premiumbloggertemplates.com/2010/12/longsea-blogger-template.html
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
NewsZine Blogger Template
Template name : NewsZine
Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White, Yellow
Release date : December 26, 2010
Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/
Basic Instructions : How to install a Blogger template
Advanced Details : http://www.premiumbloggertemplates.com/2010/12/newszine-blogger-template.html
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
