BSXtreme Exclusive Wide Blogger Template For Free

BSXtreme Exclusive Wide Blogger Template For Free

Comments: 8
Blogger Template

BSXtreme is a free exclusive blogger template which has created by BloggerSpice Team. For the first time we have faced many problem when we started designing this template. We have taken this project before releasing BSFancy blogger template. At the beginning I was frustrated that we may not be able to complete this template but after successfully releasing BSFancy we have got confidence and completed BSXtreme. This template is an output of our hard work. It takes almost one month to finish the design because I am too much busy on my job and my partner Dixit also busy on his study. Designing this template just like a dream because we didn’t work any full wide blogger template but thanks god that we have fulfilled our dream. So this is our humble request that those who are eager to use this template please keep the footer credit intact.

Live Demo Download
This template is suitable for Tech, Blogging, and Magazine type blog. And this is also compatible on all type browsers. I have personally tested on Internet Explorer 10, Google Chrome, FireFox, Safari, Comodo browser. 


Best Features of BSXtreme Blogger Template

  • SEO friendly and based on CSS Coding
  • Black, Dark Blue and Green color combination
  • Attractive Header with Ready Featured Slider
  • Neon Hover effect on Blog images.
  • Horizontal Menu
  • 2 Column Magazine style
  • 4 Column Footer
  • Comment Counter
  • Wide image thumbnail on Post body
  • Related post with Wide image thumbnail
  • Attractive comment section
  • Stylish Unique Credit Wrapper

Managing Horizontal Menu

It’s very simple. Just find the below code and change one by one-

<li><a href='#'>Blogger Tips</a></li>
<li><a href='#'>Tricks</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Blogger Tools</a></li>
  • Replace # with links and Change the name according to your blog labels or category.

Setting up Image Slider

To change the image slider you have to resize your image. Make sure the image size should be of the following dimensions.

Width: 600px/430px and  Height: 200px

  • To change the image please follow the below instruction

Step 1 Log in to your blogger account and Click on Template  ->

Step 2 Now click on Edit HTML-> Unfold code  

Step 3 Now find code like below by Pressing  Ctrl + F

<a href="#" target="_parent"><img alt="Project 1" src=""></a></div><div style="width: 430px; height: 200px;" class="cs_article"><a href="#" target="_parent"><img alt="Project 2" src=""></a></div><div style="width: 430px; height: 200px;" class="cs_article"><a href="#" target="_parent"><img alt="Project 3" src=""></a></div><div style="width: 430px; height: 200px;" class="cs_article"><a href="#" target="_parent">

  • Replace # with Post URL
  • Replace image URL with your image link

You will need to repeat the above mentioned steps will all other image slide code sets.

All the very best!

Layout View

Comment Section


4 Column Footer


Related Post With Wide Image Thumbnail 

Related Post


This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.

However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:


Related Post

Speak Your Mind

Parallel Blog says: 7/11/2013

Really cool and nice template.
simple and clean with all features.
good work.

Mohammad Fazle Rabbi says: 7/11/2013

thanks bro..I always appreciate comments from my loyal readers

ADESANMI ADEDOTUN says: 7/15/2013

This template is great, and to now crown it all; a guideline was included in the article. Kudos to you

Mohammad Fazle Rabbi says: 7/16/2013

thanks bro that you like this template

Arie Purnomo says: 9/17/2013

hey guys, im from indo. how to edit read more style. im not like readmore style color green and black. can you help me ? how to change style color for readmore..

my blog
waiting for you reply.

Mohammad Fazle Rabbi says: 9/17/2013

Hi get the readmore code find code like below---

.jump-link a
border:5px solid green;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
font:14px verdana;

from the above code change 3 line--

background:black; -----------for button background color

border:5px solid green;---------------border color
color:#90F128;---------------border background color

generate the color code from below link

Arie Purnomo says: 9/17/2013

ok guys, thanks . your template its good.

BTW, see picture, and how to make it ? :)

Mohammad Fazle Rabbi says: 9/17/2013

code won't appear in comment box. Send me a backup copy of your template..I will make change. or give me email address I am sending the instruction.

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *