Templates and Themes for Blogger, Wordpress

Test 1

noreply@blogger.com (Anonymous) — Tue, 29 Dec 2009 00:23:00 -0800

<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/AVvXsEjkUZysN9KazEU1v1eIJ-lXav_yl-w2PD1r4UXiherMML4iFdoTPV0-oT9TfCyjaMkRhrSDe_v8mHomkx9B0D_ohjtm2F36zcWYLaX1L9VJcI7fwnC_RPYiDqft28idtIkAMnqXNh87WfR_/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/AVvXsEia5geEeu_ZTz6aJIvm7QrEsCF_pjedwcuopMNK3-lrxYLqpZPpRB1DtfcRJWvWbd7ne6M9tO_Phn69dmahZqwwLUpLPdzAAAKMPFJY_VMc_GKvQAL7m9hzT_-9q7n1PlfjpJZbmrT2pv_1/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/AVvXsEgg8ANpH3XEBkP_dtLlfM2VFO5ULZS1CqumtwzE9qTknUNH-U7QPDusGBgCb2E0HEDGznx7H6tq6Ndm4894ch31FxnDyvcfDZDSDzpCkSwILV7VsYkoefwrRBKlHm2S2IENlcrZTKfFwCk7/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/AVvXsEiQQ7fI1V04gadzXS3IwrpY-CYmLZFfiKqcHfcLe6FSuH5uqbUNKOfTTNPHeXTWBTcQh2TiNg4DLvXAoQ3BFzn-lR3OD_2arHuqsNRS7-5yo9ioMi85p6sQ2_QCPM-uDcejivz5zpWSzA52/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>
</div>

Test

noreply@blogger.com (Anonymous) — Tue, 29 Dec 2009 00:05:00 -0800

<span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19px; "></span></p><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19px; "><div class="box"><div class="box_outer"><div class="box_inner"><div class="box_bottom_right"><div class="box_bottom_left"><br><div class="box_content"><br><h5>Featured Posts</h5><br><br><div id="carousel_control"><br><div id="play_btn" class="control_btn"><img alt="Play" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkUZysN9KazEU1v1eIJ-lXav_yl-w2PD1r4UXiherMML4iFdoTPV0-oT9TfCyjaMkRhrSDe_v8mHomkx9B0D_ohjtm2F36zcWYLaX1L9VJcI7fwnC_RPYiDqft28idtIkAMnqXNh87WfR_/s1600/play.png" height="7"/></div><br><div id="pause_btn" class="control_btn"><img alt="Pause" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5geEeu_ZTz6aJIvm7QrEsCF_pjedwcuopMNK3-lrxYLqpZPpRB1DtfcRJWvWbd7ne6M9tO_Phn69dmahZqwwLUpLPdzAAAKMPFJY_VMc_GKvQAL7m9hzT_-9q7n1PlfjpJZbmrT2pv_1/s1600/pause.png" height="7"/></div><br><div id="prev_btn" class="control_btn"><img alt="Previous" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8ANpH3XEBkP_dtLlfM2VFO5ULZS1CqumtwzE9qTknUNH-U7QPDusGBgCb2E0HEDGznx7H6tq6Ndm4894ch31FxnDyvcfDZDSDzpCkSwILV7VsYkoefwrRBKlHm2S2IENlcrZTKfFwCk7/s1600/prev.png" height="7"/></div><br><div id="next_btn" class="control_btn"><img alt="Next" width="8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQQ7fI1V04gadzXS3IwrpY-CYmLZFfiKqcHfcLe6FSuH5uqbUNKOfTTNPHeXTWBTcQh2TiNg4DLvXAoQ3BFzn-lR3OD_2arHuqsNRS7-5yo9ioMi85p6sQ2_QCPM-uDcejivz5zpWSzA52/s1600/next.png" height="7"/></div><br><div id="featured_number"/></div><br></div><br><ul id="featured_posts" class="jcarousel-skin-tango"><br><br><li><br><div id="featured_1" class="featured_item"><br><h4><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE1</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE1</span>"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE1</span></a></h4><br><div class="featured_image"><br><img alt="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE1</span>" width="535" src="<span style="font-weight: bold; color: rgb(255, 0, 0); ">IMAGE URL HERE1</span>" height="175"/><br></div><br><div class="featured_desc"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST SUMMARY HERE1</span></div><br><div class="featured_more"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE1</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE1</span>">Read More...</a></div><br></div><br></li><br><br><li><br><div id="featured_2" class="featured_item"><br><h4><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE2</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE2</span>"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE2</span></a></h4><br><div class="featured_image"><br><img alt="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE2</span>" width="535" src="<span style="font-weight: bold; color: rgb(255, 0, 0); ">IMAGE URL HERE2</span>" height="175"/><br></div><br><div class="featured_desc"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST SUMMARY HERE2</span></div><br><div class="featured_more"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE2</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE2</span>">Read More...</a></div><br></div><br></li><br><br><li><br><div id="featured_3" class="featured_item"><br><h4><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE3</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE3</span>"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE3</span></a></h4><br><div class="featured_image"><br><img alt="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE3</span>" width="535" src="<span style="font-weight: bold; color: rgb(255, 0, 0); ">IMAGE URL HERE3</span>" height="175"/><br></div><br><div class="featured_desc"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST SUMMARY HERE3</span></div><br><div class="featured_more"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE3</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE3</span>">Read More...</a></div><br></div><br></li><br><br><li><br><div id="featured_4" class="featured_item"><br><h4><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE4</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE4</span>"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE4</span></a></h4><br><div class="featured_image"><br><img alt="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE4</span>" width="535" src="<span style="font-weight: bold; color: rgb(255, 0, 0); ">IMAGE URL HERE4</span>" height="175"/><br></div><br><div class="featured_desc"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST SUMMARY HERE4</span></div><br><div class="featured_more"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE4</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE4</span>">Read More...</a></div><br></div><br></li><br><br><li><br><div id="featured_5" class="featured_item"><br><h4><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE5</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE5</span>"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE5</span></a></h4><br><div class="featured_image"><br><img alt="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE5</span>" width="535" src="<span style="font-weight: bold; color: rgb(255, 0, 0); ">IMAGE URL HERE5</span>" height="175"/><br></div><br><div class="featured_desc"><span style="font-weight: bold; color: rgb(255, 0, 0); ">POST SUMMARY HERE5</span></div><br><div class="featured_more"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST URL HERE5</span>" title="<span style="font-weight: bold; color: rgb(255, 0, 0); ">POST TITLE HERE5</span>">Read More...</a></div><br></div><br></li><br></ul><br><br></div></div></div></div></div><br></span><p><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19px; "></div></span>

WPBoxedTech Free Premium Blogger Template

noreply@blogger.com (Anonymous) — Mon, 28 Dec 2009 00:55:00 -0800

Template Name : WPBoxedTech

Original Designer : Technology Tricks

Bloggerize by : Free Blogger Template

Demo Url : CLICK HERE

Download : WPBoxedTech.zip(UPDATE)

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

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



<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/AVvXsEjkUZysN9KazEU1v1eIJ-lXav_yl-w2PD1r4UXiherMML4iFdoTPV0-oT9TfCyjaMkRhrSDe_v8mHomkx9B0D_ohjtm2F36zcWYLaX1L9VJcI7fwnC_RPYiDqft28idtIkAMnqXNh87WfR_/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/AVvXsEia5geEeu_ZTz6aJIvm7QrEsCF_pjedwcuopMNK3-lrxYLqpZPpRB1DtfcRJWvWbd7ne6M9tO_Phn69dmahZqwwLUpLPdzAAAKMPFJY_VMc_GKvQAL7m9hzT_-9q7n1PlfjpJZbmrT2pv_1/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/AVvXsEgg8ANpH3XEBkP_dtLlfM2VFO5ULZS1CqumtwzE9qTknUNH-U7QPDusGBgCb2E0HEDGznx7H6tq6Ndm4894ch31FxnDyvcfDZDSDzpCkSwILV7VsYkoefwrRBKlHm2S2IENlcrZTKfFwCk7/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/AVvXsEiQQ7fI1V04gadzXS3IwrpY-CYmLZFfiKqcHfcLe6FSuH5uqbUNKOfTTNPHeXTWBTcQh2TiNg4DLvXAoQ3BFzn-lR3OD_2arHuqsNRS7-5yo9ioMi85p6sQ2_QCPM-uDcejivz5zpWSzA52/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>

</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/AVvXsEjDo9k7txFHt3302fmU2bubdrf7If1UsZHZq0NZ4JNN0Sm6M7HKJ4D6bMexJ3-uBGuQ88RiwHdEAJ2iQBfFzzgHJDuhlzSRtQF9-BMy-6tcpoic2ZWyAwbrRSc1llqisjnvd4nUKsD1WGk/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/AVvXsEgK1X0_G-E8ppvQwaXqnN7tnSKLRcfKkbt1FJ1vxXSjBqKV8o0Zwr26FhDGuYeN3_V-0BCjA_KZ3cHsMbkYNfqxv9K5-AV59_pE6VFA27E_8KY9fes6DyYy5ZqPdrf81qkW3zR6rq_2FS78/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/AVvXsEjySvzDe-1RA7xO8Gdttjyi7oe3L0uFWYBrpGrXjTfNa4GttEh4uLYvyEO6djrevtbZjM3ehPIXTBBx-CApFISsLp548DnvIIVwu1EBRxw5S6BjauljdovIsdSgGv_n9FB5-ybSrpEhr3Je/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>

Blogger Templates

noreply@blogger.com (Anonymous) — Mon, 21 Dec 2009 19:43:00 -0800

These are some blogger templates I created in my free time. Most of the blog layouts work with New Blogger, please revert to Classic Template if you face any problems. I've provided links to the code for each blogger template, you are free to download and use them on your blog. Instructions on how to use the blogger layouts are given here. Let me know if you have any trouble using them on your blog and i'll see what I can do. Suggestions for new blogger templates are welcome.

If you are interested in monetizing your blog and profiting from your writings or just learning how to work with Google Blogger and customizing your blog layout hereare some great reads.

If you are looking for anything in particular for your blog backgrounds leave a comment and I'll try my best to come up with a new blogger template or if you would like any of the existing blog templates to be customized furthur feel free to request.

IMPORTANT: See instructions here on how to create your own Photobucketaccount and link to the images from there.