X-Red Responsive Blogger Template

Name : X-Red
Platform : Blogger/BlogSpot
Release Date : 1 Jan, 2014
Category : Technology, Blogging
Layout : Two Column
Author : www.bornblogger.net
License : Creative Commons Attribution
Preview         Download

If you are our loyal reader then you probably know that in previous post All in One SEO Pack Of 2014,  I asked you about giving the template as new year gift. So I’m here come up with the template which I asked you to give as new year gift and I spent my 10 days to make it more attractive and beautiful (little bit stylish). So lets start the post :

Credits

This is our 2nd Template on this blog and this is free of cost template for you all guys,  and this time we implemented the footer credit link, and this is humbly request that don’t remove it Just think about our 10 days hard work. And I expect that you’ll never ever remove the footer credit .. Thanks.

X-Red Blogger Template

This template is Responsive (little bit stylish) and SEO friendly which is designed by us. I’ve split the  Header section into two part in the left side I’ve placed the tittle and description and in the right side I implemented the ad banner section. I’ve also added the stylish menu in the bottom of the header.It also have the 3 column footer which helps you to add the extra widgets like Author bio, Popular Posts, Alexa Ranking and Much more.

Feature Of X-Red Blogger Template

• SEO Friendly :- You all know I recently posted about SEO All in One Pack. And I told you that I will do all that SEO on that Template. Yes, I added all the SEO in that template. So you don’t need to care about SEO Optimization.
• 468×60 Ad Section In Header :- As I told you in the above of the post that I split header in to two parts so in the right I gave you the ad section which will double your income.
• Auto Read More with button :- This template has auto read more with button So it will show automatically all the post in the home page.
• Related Posts with Thumbnails :- So I also added the related posts widget in the last of the post. It will decrease your bounce rate.
• Twitter and Facebook Buttons Below Posts :- So Guys in this template I’ve add facebook and twitter buttons which will surely doble your followers and Likes.
• Custom Threaded Comments :- I’ve Designed the comment system two you don’t need to customize it.
• Three Column Footer :- As I told you above that I also added the three column footer which will help you to add extra widgets on it.

Customization

If you have some knowledge of CSS and HTML then you can customize this template easily and make it your blog friendly. This template need some customizations only so follow the below instructions to customize it 

Edit The Navigation Menu

• Go To Blogger >> Template >> Edit HTML
• Find For <nav class=’navix’ id=’nav’>
• You Will See The Following Code There.

<nav class=’navix’ id=’nav’>
<a href=’#’ id=’mobilenav’/>
<ul class=’menu js-enabled arrows’ id=’menunav’ style=’display: block;’>
<li><a href=’#‘>Home</a></li>
<li><a href=’#‘>Tutorials</a></li>
<li><a href=’#‘>Tips</a></li>
<li><a href=’#‘>Tricks</a></li>
<li><a href=’#‘>Widgets</a></li>
<li><a href=’#‘>SEO</a></li>
<li><a href=’#‘>Make Money</a></li>
<li><a href=’#‘>Templates</a></li>
</ul>
</nav>

• Replace all the Bolded Text and Hash Tags with yours.

Edit The Twitter and Facebook Buttons

• Go To Blogger >> Template >> Edit HTML
• Find For <!– FB and Twitter Buttons Code Starts–>
• You Will See The Following Code There.

<!– FB and Twitter Buttons Code Starts–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=”margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; “>
<div style=”float:left; width:272px; border-right:1px solid #ddd;”>
<iframe allowtransparency=”true” src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbornblogger&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62″ style=”border:none; overflow:hidden; width:292px; height:62px;” frameborder=”0″ scrolling=”no”></iframe>
</div>
<div style=”margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;”>
<iframe title=”Twitter Follow Button” style=”width: 266px; height: 32px;” class=”twitter-follow-button” src=”http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=Samad_100&amp;show_count=true&amp;show_screen_name=true&amp;size=l” allowtransparency=”true” frameborder=”0″ scrolling=”no”></iframe>
<script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script>
</div> </div> </b:if>
<!– FB and Twitter Buttons Code End–>

• Now Replace Bolded Text with Yours.
• Congratulations! You’ve Successfully Customized The Template!

Final Words!

So Buddies! This was our X-Red Responsive BTemplate. I hope that you’ll like this template and use it on your blogs.Need any help to customize this template feel free to ask from comments and Subscibe us to get free blogging guides and freebies straight in your inbox.

Note : Its 10 days hard work so please don’t remove our footer credit this is humbly request.

Download