Blogger Tweets Responsive Blogger Template can be used for Blogging purpose, those who wants to start their blogging career and looking for a suitable blogger template Blogger Tweets Responsive Template is appropriate. This template containing many attractive features. After hardworking in couple of week I have finally completed the design. I have included latest Font Awesome 4.2 and instead of image I have tried to add Font Awesome icons. Accept social media icon whole template containing icons form Font Awesome 4.2. This is 2 Column Magazine style boxed blogger template and you can change the color of template easily. In addition this Blogger Tweets Responsive blogger template based on neat and clean design with unlimited color feature. In download file you will find social media icons also which may you can upload in your own hosting server.
Blogger Tweets Responsive
Platform: Blogger / Blogspot
Release date : 4th November 2014
Author : Mohammad Fazle Rabbi
Website: www.bloggerspice.com
License : Creative Commons Attribution 3.0
Live Demo Download
Some key features that I have incorporated in this premium blogger template that might be helpful for potential users. The main features of this blogger template are as follows-
Responsive Design- Pure Responsive design which will fit for any device.
Unlimited Color- This template’s base color is red but don’t worry if you don’t like the color. You can choose unlimited color in this template according to your desire. Added one click option to change the whole template color.
Dropdown menu- Blogger Tweets Template contain flexible 2 sets menu which will help your visitor to navigate to different categories. Top menu include dropdown option. The secondary menu containing Font Awesome 4.2 icons for making it more attractive.
Related Posts - The main concept of this template is Square style so I have added 2 column Related Posts with square size small image Thumbnails which will perfect to display related posts thumbnail and can be resize.
Social Media Icon- A set of social media icon has added at the top of the template. Which will help your visitors to connect with your social media profile.
JSON Search Box- JSON search box integrated which is help the visitor to get quick search result.
Flicker Image Gallery- You can easily display your Flicker images as Gallery style in your blogger template.
Page Navigation- For making the template user friendly I have added colored pagination that will help the user to navigate easily.
Blogger & Facebook Comment system- Blogger Tweets template containing Blogger and Facebook comment system. Commentator can easily make comment by selecting suitable comment system.
Other features- Ads ready space, 2 column Magazine Style blogger template, 3 column Footer section, Customized footer, custom Label, Threaded comment, Back to top button for speed scroll, unlimited color combination. Fast loading.
Change Template color
You can change the template color by following the below steps-
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Customize and select Advanced-> Header Background Color and change the color code according your desire.
Step 3 After selecting the color simply click on Apply to Blog button from top right corner. And also click on Back to Blogger link for returning in Blogger Dash Board.
SOCIAL MEDIA WIDGET SETUP
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by Pressing Ctrl+F
<li class='facebook'>
<a href='http://www.facebook.com/' rel='nofollow' target='_blank' title='facebook'>
</a></li>
<li class='googleplus'>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='googleplus'>
</a></li>
<li class='pinterest'>
<a href='http://pinterest.com/' rel='nofollow' target='_blank' title='pinterest'>
</a></li>
<li class='twitter'>
<a href='http://twitter.com/' rel='nofollow' target='_blank' title='twitter'>
</a></li>
<li class='rss'>
<a href='http://feedburner.com/' rel='nofollow' target='_blank' title='rss'>
</a></li>
<li class='skype'>
<a href='http://www.skype.com/' rel='nofollow' target='_blank' title='Skype'>
</a></li>
<li class='vimeo'>
<a href='http://www.vimeo.com/' rel='nofollow' target='_blank' title='vimeo'>
</a></li>
<li class='flickr'>
<a href='http://www.flickr.com/' rel='nofollow' target='_blank' title='flickr'>
</a></li>
<li class='linkedin'>
<a href='http://www.linkedin.com/' rel='nofollow' target='_blank' title='linkedin'>
</a></li>
<li class='youtube'>
<a href='http://www.youtube.com/' rel='nofollow' target='_blank' title='youtube'>
Step 4 After finding it Replace all the Bold URL with your social site's URLs and ID.
Step 5 Save the template by clicking Save template button.
TOP MENU CUSTOMIZATION
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by Pressing Ctrl+F
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
<li><a class='prett' href='#'>Drop Menu</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 6</a>
</li>
<li><a class='prett' href='#'>Drop Menu 1</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
Step 4 After finding it Replace all # with your Post Label's URLs and change the category name.
Step 5 Save the template by clicking on Save template button.
MAIN MENU CUSTOMIZATION
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by pressing Ctrl+F
<li> <a href='#'> <i class='fa fa-file'/> Tutorial</a></li>
<li><a href='#'><i class='fa fa-dollar'/> Make Money</a></li>
<li><a href='#'><i class='fa fa-users'/> Blog Traffic</a></li>
<li><a class='prett' href='#'><i class='fa fa-cog'/> Tools</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-line-chart'/> SEO</a></li>
<li><a class='prett' href='#'><i class='fa fa-wordpress'/> WordPress</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
Step 4 After finding the code Replace all # with your Post Label's URLs and change the category name.
Step 5 Save the template by clicking on Save template button.
NEWS TICKER CUSTOMIZATION
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by pressing Ctrl+F
var url_blog = 'http://bloggertweets.blogspot.com/',
Step 4 After finding it Replace bloggertweets.blogspot.com with your Blog URLs.
Step 5 Save the template by clicking on Save template button.
JSON Search Box Setup
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by pressing Ctrl+F
url: "http://bloggertweets.blogspot.com/", // URL Blog
Step 4 After finding it Replace bloggertweets.blogspot.com with your Blog URLs.
Step 5 Save the template by clicking on Save template button.
PAGE NAVIGATION SETUP
Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard
Step 2 Now click on -> Template -> Edit HTML
Step 3 Now Find this code like below by pressing Ctrl+F
var postperpage=4;
var numshowpage=2;
Step 4 After finding it alter postperPage= 4,numshowpage=2, digit only.
FLICKER IMAGE CODE
Step 1 First Go to ->Blogger Dashboard -> Layout
Step 2 Now Click On Add a gadget link and add an HTMl widget
Step 3 Now Copy the Code Given Below and Paste it to there.
<div class="flickr_plugin"><script src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript"></script></div>
Customization
Replace 52617155@N08 With Your Flicker Id
You Can use http://idgettr.com/ to Generate Your Flickr Id
Step 4 Now Click on Save by clicking on Save template button.
You are done.
License
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:
http://creativecommons.org/licenses/by/3./