Featured Posts
Latest Posts

Tuesday, December 29, 2009

Test 1

<!-- 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/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>
<!-- end featured section --></div>
read more...

Test

read more...

Monday, December 28, 2009

WPBoxedTech Free Premium Blogger Template












Template Name : WPBoxedTech
Original Designer : Technology Tricks
Bloggerize by : Free Blogger Template
Demo Url : CLICK HERE

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







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





read more...

Monday, December 21, 2009

Blogger Templates

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.
read more...