WPBOXED TECH, FREE PREMIUM BLOGGER TEMPLATE














This is a beautiful 3 Columns Template that was brought to blogger by: www.freebloggertemplate.info.
It has a professional clean and sleek design layout, with a fast loading time.

Features:


  • 3 Columns
  • Footer Section with 3 columns
  • Search Bar
  • Adapted from Wordpress
  • Featured Posts
  • Slide Show
  • Automatic Read More
  • Nice Subscription Section
  • Automatic Image Thumbnail
  • Social Bookmarking Buttons


INSTALLATION GUIDELINES

  • Customize the Top Navigation Menu
In order to do that please edit your template and search for the lines below. Replace # with your custom Url.



<li class='first current_page_item'><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-12'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item page-item-13'><a href='#' title='Advertise'>Advertise</a></li>
<li class='page_item page-item-14'><a href='#' title='themes'>themes</a></li>


  • Customize the Slide Feature Section

To do that, please go to the Layout / Page Elements section of your Template and click "Add a Gadget" (as shown in the image), then select "HTML/Java Script Add" and paste the code below.



<!-- 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="http://2.bp.blogspot.com/_lxBSX0YJV58/SwQlWwTYYlI/AAAAAAAAAmM/3X3rSfq7a1A/s1600/play.png" height="7"/></div>
<div id="pause_btn" class="control_btn"><img alt="Pause" width="8" src="http://3.bp.blogspot.com/_lxBSX0YJV58/SwQlOqgywtI/AAAAAAAAAmE/lWd29uMFFe0/s1600/pause.png" height="7"/></div>
<div id="prev_btn" class="control_btn"><img alt="Previous" width="8" src="http://4.bp.blogspot.com/_lxBSX0YJV58/SwQlXGDpsDI/AAAAAAAAAmU/h_JEGKzs4Hw/s1600/prev.png" height="7"/></div>
<div id="next_btn" class="control_btn"><img alt="Next" width="8" src="http://3.bp.blogspot.com/_lxBSX0YJV58/SwQlOC7grvI/AAAAAAAAAl8/qH1ivA6na6I/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>

Replace POST URL HERE, POST TITLE HERE, IMAGE URL HERE, POST SUMMARY HERE according to your personal needs.


  • Customize the Subscribe section in the footer section( as shown in the image below).

Click "Add a Gadget", then choose "HTML/Java Script Add" and paste the code below:


<div class="subscribe_content">
<div class="subscribe_item">
<div class="subscribe_img"><img alt="Subscribe to RSS Feed" width="32" src="http://2.bp.blogspot.com/_lxBSX0YJV58/SwQlFuK1k_I/AAAAAAAAAlM/FogVGTbLfxo/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="http://3.bp.blogspot.com/_lxBSX0YJV58/SwQlF1t9jOI/AAAAAAAAAlU/fVwRHX67YGo/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>

Be careful to change the blod code with your personal URLs.

0 comments:

Post a Comment