Blogger Tweets Responsive Blogger Template V1.0 Download

Blogger Tweets Responsive Blogger Template V1.0 Download

15
data:blog.title
responsive template

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


  • Update:  - Bugs Fixed for Social Networking site.
                         -Search Box input

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.


unlimited 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.

custom color

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./
Blogger Tweets Responsive Blogger Template V1.0 Download
4 Stars stars - "Blogger Tweets Responsive Blogger Template V1.0 Download" Blogger Tweets Responsive Blogger Template can be used for Blogging purpose, those who wants t...

Post a Comment

nice template tanx Rabbi bro .... go ahead ...

Thanks for sharing such a wonderful template. I have been looking for this sort of template

Welcome James..for any kinds of further support don't hesitate to leave a comment.

Thanks Aslam. and for your support also.

Nice Template Mohammad Bro.. Thanks..

Thanks Venkatesh..this is one of my most successful Blog design. Within 2 days this template downloaded 1000+ time. I am expecting those who are using my template kindly give their support by joining in my Facebook Like page.

thanks for using this.

thank's a lot bhi g...

welcome brother.

it's difficult to find search box

You will find search box below "Followed By Email" widget at right sidebar

Possible template conversion from English to Arabic
ممكن تحويل القالب من انجليزى الى عربى

sir I use it 'but I don't know what is ad size I have to use. please give a information for me and my blog, thanks

Hi Habib Rasel, You can use 728px X 90px in header section and 300px X 250px in sidebar section. :)

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

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

Name

Email *

Message *