WPBoxedTech Free Premium Blogger Template

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

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