Grenda Blogger Template

Grenda theme is a business and personal theme with clean look and design. A green colored template that has two-columns with post thumbnails integrated. The theme was created originally by DynamicWP.  Here are the features:

• Slider
• Compatible with Firefox, Safari, Chrome, IE9, IE8, IE7
• 2 Columns
• Left sidebar
• Thumbnail is displayed on homepage if image is available

SPECIAL NOTES:
The zipped file contains two templates – xml WITH slider and xml WITHOUT slider for those who don’t want or need it. For those using the template with slider, go to DESIGN -> EDIT HTML. In the Edit Template section, click “Expand Widget Templates”, look for the following:
<div id=”slideshow”>

In the example below, replace the ones in red bold with the post you want to feature. Take note that the “slides” is for the featured post excepts while the “slides-nav” is for the corresponding navigation for the “slides”.

<div id="slideshow" class="left">
<div class="slides">
<ul>
<li title="Post with Images and Headers">
<img src="http://4.bp.blogspot.com/-ARarwouU8XI/Tmf3oClqHYI/AAAAAAAAAhs/2yz160RE9g4/s320/mountain.jpg" alt="img" />
<div class="entry">
<h2><a href="http://grenda-blogger-template.blogspot.com/2012/01/post-with-images-and-headers.html" rel="bookmark" title="Post with Images and Headers">Post with Images and Headers</a></h2>
Suspendisse vel lorem nec mi posuere porttitor. Sed aliquam felis sed orci fermentum nec interdum magna ultricies. Aenean convallis arcu quis ante pulvinar et feugiat nisi ullamcorper... </div>
</li>
<li title="Aliquam eros leo, interdum">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=620&amp;h=395&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/triworks_arch1.jpg" alt="img" />
<div class="entry">
<h2><a href="http://themes.dynamicwp.net/?p=124" rel="bookmark" title="Aliquam eros leo, interdum">Aliquam eros leo, interdum</a></h2>
Aliquam eros leo, interdum blandit sollicitudin ut, porttitor non ante. Quisque tellus urna, aliquet ut fermentum ullamcorper, rutrum sit amet sapien. In orci massa, placerat id convallis non, ... </div>
</li>
<li title="Cumma Sociss Natuqoe Ie">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=620&amp;h=395&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/triworks_arch7.jpg" alt="img" />
<div class="entry">
<h2><a href="http://themes.dynamicwp.net/?p=111" rel="bookmark" title="Cumma Sociss Natuqoe Ie">Cumma Sociss Natuqoe Ie</a></h2>
Mauris eu neque felis, ac feugiat enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent accumsan erat sit amet metus aliquam dapibus et ... </div>
</li>
<li title="Set Justoo Adio">
<img src="http://4.bp.blogspot.com/-ARarwouU8XI/Tmf3oClqHYI/AAAAAAAAAhs/2yz160RE9g4/s320/mountain.jpg" alt="img" />
<div class="entry">
<h2><a href="http://themes.dynamicwp.net/?p=104" rel="bookmark" title="Set Justoo Adio">Set Justoo Adio</a></h2>
Sed justo odio, malesuada ut tincidunt tincidunt, sollicitudin vel dolor. Nulla malesuada bibendum sagittis. Nunc metus metus, posuere eu egestas at, consequat sed leo. Sed eget nunc at ... </div>
</li>
<li title="Suspendiesse Sodales">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=620&amp;h=395&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/img_1.jpg" alt="img" />
<div class="entry">
<h2><a href="http://themes.dynamicwp.net/?p=99" rel="bookmark" title="Suspendiesse Sodales">Suspendiesse Sodales</a></h2>
Suspendisse sodales magna quis nisi consectetur convallis semper in odio. Nullam id metus est. Vestibulum quis tellus metus. Nam elementum, turpis a dignissim lobortis, est sem molestie sem, ... </div>
</li>
</ul>
</div>
<ul class="slides-nav">
<li>
<a href="" title="Post with Images and Headers">
<img src="http://4.bp.blogspot.com/-ARarwouU8XI/Tmf3oClqHYI/AAAAAAAAAhs/2yz160RE9g4/s320/mountain.jpg" alt="img" />
Post with Images and Headers<br /> January 21, 2012</a>
</li>
<li>
<a href="" title="Aliquam eros leo, interdum">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=39&amp;h=39&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/triworks_arch1.jpg" alt="img" />
Aliquam eros leo, interdum<br /> December 6, 2010</a>
</li>
<li>
<a href="" title="Cumma Sociss Natuqoe Ie">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=39&amp;h=39&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/triworks_arch7.jpg" alt="img" />
Cumma Sociss Natuqoe Ie<br /> December 6, 2010</a>
</li>
<li>
<a href="" title="Set Justoo Adio">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=39&amp;h=39&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/img_2.jpg" alt="img" />
Set Justoo Adio<br /> December 6, 2010 </a>
</li>
<li>
<a href="" title="Suspendiesse Sodales">
<img src="http://themes.dynamicwp.net/wp-content/themes/Grenda/timthumb.php?&amp;w=39&amp;h=39&amp;zc=1&amp;src=http://themes.dynamicwp.net/wp-content/uploads/2010/12/img_1.jpg" alt="img" />
Suspendiesse Sodales<br /> December 6, 2010 </a>
</li>
</ul>
</div>


Tags: blogger template, dynamicwp, two columns

Neonsential Reloaded Blogger Template

Neonsential Reloaded is a nice two-column template that is created originally by www.paddsolutions.com. The template is Facebook, Twitter and Google Plus ready. Here are the features:

• Banner ready
• Slider
• Has Twitter, Facebook, Google Plus widgets
• Compatible with Firefox, Safari, Chrome, IE9, IE8, IE7
• 2 Columns
• Right sidebar

SPECIAL NOTES:
The zipped file contains two templates – xml WITH slider and xml WITHOUT slider for those who don’t want or need the it. For those using the template with slider, go to DESIGN -> EDIT HTML. In the Edit Template section, click “Expand Widget Templates”, look for the following:
FEATURED POSTS

In the example below, replace the ones in bold with the post you want to feature:


<b:if cond='data:title != ""'>
<h2 class='title'>Featured Posts</h2>
</b:if>
<div class="interior">
<div id="slideshow-box">
<div class="list">
<div class="item">
<div class="image clear-fix">
<a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/scelerisque-scelerisque-amet-sit-augue/" title="Permanent Link to Scelerisque scelerisque amet sit augue?">
<img width="550" height="269" src="http://www.paddsolutions.com/wpmag/neonsential-reloaded/wp-content/uploads/2010/12/artroll-550x269.jpg" class="attachment-neonsential-reloaded-slideshow wp-post-image" alt="Colorful stripes" title="Amet ac. Urna risus augue, nunc placerat nunc rhoncus! Amet pid aliquet diam! Turpis sit, dapibus in facilisis nascetur? In mid, magna augue eu odio. Nec duis tincidunt urna, augue porta sit augue adipiscing sit…"/> </a>
</div>
<div class="meta clear-fix">
<h3><a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/scelerisque-scelerisque-amet-sit-augue/" title="Permanent Link to Scelerisque scelerisque amet sit augue?">Scelerisque scelerisque amet sit augue?</a></h3>
<p><span class="interior">Amet ac. Urna risus augue, nunc placerat nunc rhoncus! Amet pid aliquet diam! Turpis sit, dapibus in facilisis nascetur? In mid, magna augue eu odio. Nec duis tincidunt urna, augue porta sit augue adipiscing sit…</span></p>
</div>
</div>
<div class="item">
<div class="image clear-fix">
<a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/globetrotting-in-style/" title="Permanent Link to Globetrotting in Style">
<img width="550" height="269" src="http://www.paddsolutions.com/wpmag/neonsential-reloaded/wp-content/uploads/2010/12/luxuryliving-550x269.jpg" class="attachment-neonsential-reloaded-slideshow wp-post-image" alt="Where do you want to go next?" title="Etiam augue nunc? Ut natoque ridiculus egestas, vel ut nisi, proin odio rhoncus scelerisque est magna, mid, sagittis cursus penatibus vel facilisis scelerisque elementum et nascetur tristique! Amet tincidunt massa. Mid ut nunc facilisis: Dictumst,…"/> </a>
</div>
<div class="meta clear-fix">
<h3><a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/globetrotting-in-style/" title="Permanent Link to Globetrotting in Style">Globetrotting in Style</a></h3>
<p><span class="interior">Etiam augue nunc? Ut natoque ridiculus egestas, vel ut nisi, proin odio rhoncus scelerisque est magna, mid, sagittis cursus penatibus vel facilisis scelerisque elementum et nascetur tristique! Amet tincidunt massa. Mid ut nunc facilisis: Dictumst,…</span></p>
</div>
</div>
<div class="item">
<div class="image clear-fix">
<a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/lost-in-big-apple/" title="Permanent Link to Lost in Big Apple">
<img width="550" height="269" src="http://www.paddsolutions.com/wpmag/neonsential-reloaded/wp-content/uploads/2010/12/New_York_City-550x269.jpg" class="attachment-neonsential-reloaded-slideshow wp-post-image" alt="New_York_City" title="Risus nascetur? Cursus sed, in? Sed! Eu mattis montes tempor tristique, odio odio? Proin vel pulvinar ac nisi! Purus! Ut. Augue, augue nascetur lacus. Elit, aliquam magna dignissim elit purus rhoncus et. Risus mid! Hac…"/> </a>
</div>
<div class="meta clear-fix">
<h3><a href="http://www.paddsolutions.com/wpmag/neonsential-reloaded/lost-in-big-apple/" title="Permanent Link to Lost in Big Apple">Lost in Big Apple</a></h3>
<p><span class="interior">Risus nascetur? Cursus sed, in? Sed! Eu mattis montes tempor tristique, odio odio? Proin vel pulvinar ac nisi! Purus! Ut. Augue, augue nascetur lacus. Elit, aliquam magna dignissim elit purus rhoncus et. Risus mid! Hac…</span></p>
</div>
</div>
</div>
</div>
</div>

Tags: blogger template, two sidebars, with slider

Kinetic Magazine Blogger Template

Kinetic Magazine Blogger Template is another clean-looking template with slider, two-columns, right-sidebar, with post thumbnails, adapted from WordPress. Here are some of the features:

• Banner ready
• Kwicks slider
• Has social bookmarks widget
• Thumbnail is displayed on homepage if image is available
• Compatible with Firefox, Safari, Chrome, IE9, IE8, IE7
• 2 Columns
• Right sidebar

SPECIAL NOTES:
To change the content of the Kwicks slider, go to DESIGN -> EDIT HTML. In the Edit Template section, click “Expand Widget Templates”, look for the following:

In the example below, replace the ones in bold with the post you want to feature:


<li id='kwick_1'>
<div class='excerpt'>
<h2><a href='http://kinetic-magazine-blogger-template.blogspot.com/2011/09/code-test.html' rel='bookmark' title='Permanent Link to Code Test!'>Code Test</a>
</h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis...
</div>
<img alt='Code Test!' height='314' src='http://4.bp.blogspot.com/-ARarwouU8XI/Tmf3oClqHYI/AAAAAAAAAhs/2yz160RE9g4/s400/mountain.jpg' width='600'/>
</li>

If you want to remove the Kwicks slider, go to DESIGN -> EDIT HTML. In the Edit Template section, click “Expand Widget Templates”, look for the following code and delete the entire section:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Slider -->
<div id='slidewrap'>
<b:section class='slider' id='slider' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML898' locked='true' title='Slider (Please don not edit here)' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<ul class='kwicks horizontal'>
<li id='kwick_1'>
<div class='excerpt'>
<h2><a href='http://kinetic-magazine-blogger-template.blogspot.com/2011/09/code-test.html' rel='bookmark' title='Permanent Link to Code Test!'>Code Test</a></h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis... </div>
<img alt='Code Test!' height='314' src='http://4.bp.blogspot.com/-ARarwouU8XI/Tmf3oClqHYI/AAAAAAAAAhs/2yz160RE9g4/s400/mountain.jpg' width='600'/>
</li>
<li id='kwick_2'>
<div class='excerpt'>
<h2><a href='http://www.simplewpthemes.com/demo/preview/?p=248' rel='bookmark' title='Permanent Link to Suspendisse neque tellus'>Suspendisse neque tellus</a></h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis... </div>
<img alt='Suspendisse neque tellus' height='314' src='http://1.bp.blogspot.com/-KlU060XsJtA/Tmf1iUp-b-I/AAAAAAAAAho/fpjpnBFXMtk/s400/img1.jpg' width='600'/>
</li>
<li id='kwick_3'>
<div class='excerpt'>
<h2><a href='http://www.simplewpthemes.com/demo/preview/?p=246' rel='bookmark' title='Permanent Link to Curabitur faucibus'>Curabitur faucibus</a></h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis... </div>
<img alt='Curabitur faucibus' height='314' src='http://www.simplewpthemes.com/demo/presstar/wp-content/uploads/2009/09/16.jpg' width='600'/>
</li>
<li id='kwick_4'>
<div class='excerpt'>
<h2><a href='http://www.simplewpthemes.com/demo/preview/?p=244' rel='bookmark' title='Permanent Link to Mauris euismod rhoncus tortor'>Mauris euismod rhoncus tortor</a></h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis... </div>
<img alt='Mauris euismod rhoncus tortor' height='314' src='http://www.simplewpthemes.com/demo/presstar/wp-content/uploads/2009/09/15.jpg' width='600'/>
</li>
<li id='kwick_5'>
<div class='excerpt'>
<h2><a href='http://www.simplewpthemes.com/demo/preview/?p=242' rel='bookmark' title='Permanent Link to Sed nunc augue'>Sed nunc augue</a></h2>
Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis... </div>
<img alt='Sed nunc augue' height='314' src='http://www.simplewpthemes.com/demo/preview/wp-content/uploads/2010/01/16.jpg' width='600'/>
</li>
</ul>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- End Slider -->
</b:if>

Tags: blogger template, two sidebars, with slider

Numerto Magazine Blogger Template

Numerto Magazine Blogger Template is a clean-looking template that is two-column with 4 footer columns available. Here are some of the features:

• Banner ready
• Has a built-in slider
• Has social bookmarks widget
• Thumbnail is displayed on homepage if image is available
• Compatible with Firefox, Safari, Chrome, IE9, IE8, IE7
• Uses Google Web Fonts

SPECIAL NOTES:

To edit the slider, do the following:
1. Go to DESIGN. Click EDIT HTML and check EXPAND WIDGET TEMPLATES.
2. Search for HTML898. Below it, there’s <ul> tag. Inside it are the <li> tags. That’s the place to edit the sliders.

Replace the one in red with the link and title of your blog post, respectively.
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='sed nunc augue'>

Replace the one in red with the link of your image. You can adjust the width by replacing the value of width=”39″
<img alt='sed nunc augue' class='slimage full alignleft' height='198' src='http://www.simplewpthemes.com/demo/theme/wp-content/uploads/2010/07/22.jpg' width='398'/>

Replace the one in red with the link and title of your blog post, respectively. The texts inside the <p> tag should be replaced with a short description / summary of your blog post.

<h2 class='titlesl'>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='sed nunc augue'>Sed nunc augue</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>

 

If you want to remove the slider, look for the following code and delete:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Slider -->
<div id='sliderw'>
<b:section class='slider' id='slider' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML898' locked='true' title='Slider' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'>Bookmark Us</h2>
</b:if>

<ul>
<li>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='sed nunc augue'>
<img alt='sed nunc augue' class='slimage full alignleft' height='198' src='http://www.simplewpthemes.com/demo/theme/wp-content/uploads/2010/07/22.jpg' width='398'/>
</a>
<h2 class='titlesl'>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='sed nunc augue'>Sed nunc augue</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
<li>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='mauris euismod rhoncus tortor'>
<img alt='mauris euismod rhoncus tortor' class='slimage full alignleft' height='198' src='http://www.simplewpthemes.com/demo/theme/wp-content/uploads/2010/07/1.jpg' width='398'/>
</a>
<h2 class='titlesl'>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='mauris euismod rhoncus tortor'>Mauris euismod rhoncus tortor</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
<li>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='why is it needed'>
<img alt='why is it needed' class='slimage full alignleft' height='198' src='http://www.simplewpthemes.com/demo/theme/wp-content/uploads/2010/07/3.jpg' width='398'/>
</a>
<h2 class='titlesl'>
<a href='http://numerto-magazine-blogger-template.blogspot.com/' title='why is it needed'>Why is it needed</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
</ul>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- End Slider -->
</b:if>

Tags: blogger template, two sidebars, with slider

Diary / Notebook Blogger Template

Want a personal looking theme for your blog? Why not try using this template I’ve adapted from WordPress to your Blogger blog. I’ve converted this for a client who will be using this in her blog. This is a cool template for personal theme that is social bookmark ready, two-sidebars and uses Google Web Fonts. The theme was created by Site5.

DIARY / NOTEBOOK BLOGGER TEMPLATE DEMO

DOWNLOAD DIARY / NOTEBOOK BLOGGER TEMPLATE

SPECIAL INSTRUCTIONS:
TO MAKE ANY CHANGES TO THE CODE, GO TO DESIGN. CLICK EDIT HTML AND CHECK EXPAND WIDGET TEMPLATES.

1. To change the Twitter, Facebook and Contact links to yours, find the following code below and replace it with your own Twitter, Facebook and contact links:

<aside id="sidebar">
<section id="socialIcons">
<ul>
<li><a class="twitter tip" title="Follow Us on Twitter!" href="http://twitter.com/diary">Follow Us on Twitter!</a></li>
</ul>

<ul>
<li><a class="facebook" title="Join Us on Facebook!" href="http://www.facebook.com/diary">Join Us on Facebook!</a></li>
</ul>

<ul>
<li><a class="rss" title="RSS">RSS</a></li>
</ul>

<a id="butContact" style="display: block; background-position: 50% 0pt;" href="http://diary-blogger-template.blogspot.com/contact.html">Contact</a>
</section>
</aside>

2. To remove the search box beside the blog title, search for the code below and delete it:

<div id='topSearch'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
<fieldset>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
</fieldset>
</form>
</div>

Tags: blogger template, personal theme, two sidebars