Preview
This template is Responsive (little bit stylish) and SEO friendly which is designed by me. 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.
Credits
This is our 1st Template on this blog and this is free of cost template for you all guys, and 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.
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 X Red Responsive Blogger Template.
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 expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a></li>
<li><a href='/search/label/blogger'><i class='fa fa-btc'/> Blogger</a></li>
<li><a href='/search/label/WordPress'><i class='fa fa-krw'/> WordPress</a></li>
<li><a href='/search/label/Make%20Money'><i class='fa fa-usd'/> Make Money</a></li>
<li><a href='/search/label/SEO'><i class='fa fa-signal'/> SEO</a></li>
<li><a href='/search/label/Widgets'><i class='fa fa-cogs'/> Widgets</a></li>
<li><a href='/search/label/Template'><i class='fa fa-cloud'/> Templates</a></li>
<li><a href='/search/label/CSS'><i class='fa fa-css3'/> CSS</a></li>
<li><a href='/search/label/Newbies%20Series'><i class='fa fa-users'/> Newbies Series</a></li>
</ul>
</nav>
Replace all the Bolded Text 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 == "item"’>
<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%2Fvotingsandfuns&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&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#_&id=twitter-widget-0&lang=en&screen_name=Samad_100&show_count=true&show_screen_name=true&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!
Download
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.