Free Blogger Templates

Designing beautiful, usable responsive templates for bloggers.

How to Choose the Font of Your Blog

Share:
Go back and half visited a blog where, no matter the quality of content, something seems to bother us, although we do not know what. Believe it or not, often responsible for this is the font used! If printing is not correct, there is no point at all times invested in blog creation and content, it will not bring results.

To help you to choose the right source for your blog, we gather here some tips and concepts that you should keep in mind before you make any decisions regarding the typography of your blog. Check out:

How to Choose Fonts Blog Typographie BTDesigner


Readability

What is the purpose of a source? Of course, it should allow (and help) that the visitor of a blog has its contact with its contents. Therefore, a source is useless if it is not legible and disrupt the user. When choosing a source, concentrate on its readability before anything else.

The rules for legibility of a font are simple - avoid "exaggerated" sources, stay away from extreme colors, and so on. However, if your project requires the use of a source of this kind (which is rare), use in moderation!

Also take into consideration not only the readability of the font on your computer - is increasingly common mobile navigation via smartphones or tablets, where the choice needs to be even more careful.

Colors

Colors are one of the most important aspects in the design ... and rightly so: after all, we have defined many of the things we see through colors! In terms of typography, you should choose a color that does not hinder the reading experience, while highlights and complements the page design.

Chossing a fonts for you blog or website tips important Typhografie BTDesigner


The secret lies in choosing the ideal color: it should be interesting enough to be noticed, but discreet enough not "steal" the focus of the content - after all, it's why people will visit your blog. In other words, a good set of colors (font and background) will only improve your typography, and let the very source and content to do their jobs. Color is an important aspect of design, but it is not the only important aspect of it.

Size, spacing and Placement

The text size is something which you can not experience too. Of course, you can have a huge title and, if you are building a personal website or a portfolio, you can use any type of source. However, the text should have a readable size, not too big and definitely not too small (between 12-16px).
Also take into consideration the placement of text in relation to other items on the page. If the text of your website is the most important content, make sure it is in a prominent position on the page - preferably "above the fold" and no distractions around.

The message

All the elements of a blog should convey a message, about you, your brand or your product. In order to make the typographic decisions of your blog, you should ask what the main purpose of the blog and the message he wants to convey. So, if you are creating a blog for an NGO, its typography must pass the same message, then it makes sense you use a bold and different source.

Using the right source helps you get the message you want to convey more easily. Therefore, it is worth investing a little time while creating the blog and analyze which font to use, ok?

How Choose Fonts Blog Picture BTDesigner


Conclusion

After all, when considering the typography of a template, make sure that the sources selected blend well with your project and your target audience. The aesthetic aspects of web design are well represented through typography and therefore you should never ignore it.

Source: Wix Blog
Images:  Pixabay
0

How to Choose the Color of Your Blog

Share:
How to Choose the Color of Your Blog BTDesigner

You know when you visit a blog where the colors are more than a garnish, like they are within the page content. Choose the "palette" of correct color it may be harder than you think. Just choose not only beautiful or bright colors, one must also take into account other important factors such as:

  1. The colors have to represent your brand
  2. They need to be appropriate to your audience
  3. Finally, it is necessary that they are in harmony with each other

How to Choose Color Blog BTDesigner

In any case, whatever your product/service, avoid sharp contrasts is always a good idea. Nor should avoid using a large number of colors different as this may distract the visitor. Choose a simple color scheme and use it without worry.

Need help choosing a color scheme for your site? An interesting tool is the Cymbolism, trying to associate the colors with the right words order to evoke a certain feeling. For example, most people associate gray with words like "winter", "loneliness" or "sadness". Something to be taken into account when developing a website or even a blog.

How to Choose the Color of Your Blog BTDesigner

Another interesting tool is the Degraeve - Color Palette Generator, a very interesting tool that extracts the colors of the photos you choose, displaying directly the color palette so that you can better visualize the result.

And you know another interesting tool? Leave a comment below, I'm always looking for new features!

Photos credit: Pixabay
Source: Wix
0

How Choosing Images for Your Blog

Share:
Choose the images is for sure one of the most fun and difficult parts when we create a blog. Different blogs or sites need different images for different reasons. You may need a picture that suits a specific atmosphere or else a related graphic to a sale or marketing strategy. Anyway, there are some rules that cater to almost every case, and in this article we will see what they are.

Technical Quality


Choosing Images for Your Blog - BTDesigner

The easiest criterion to follow is technical: use only high-quality pictures on your site. Blurry, jagged or adapted photos should never be used!

Poor-quality images are not only unpleasant to look at, they also pass an image of amateurism, and that's the last thing you want associated with your website.

Another important aspect is the size of images: taking into account the site's design, look for cause them to have at least 300 pixels (height or width).


But at the same time that your photos must be of high quality and of a good size for viewing, you should try to make the file itself is small, so that the loading time of your site does not become too long!

Photos for your Business


Choosing Images for Your Blog BTDesigner


If your blog is a business page for your product or service, you need to choose images that can promote your business efficiently.

To promote products, use a separate photo for each item. Do not try to save "squeezing" its entire product line in a group photo.

Product look better on a white background. It is also useful to show the same product from several different angles.

When promoting a service, you can use images that capture an action - the delivery of an order, the repair of a vehicle, the manufacture of a piece, etc. - Or images that show a result - an appetizing meal, function rooms, a stylish hairstyle, etc.

If you are a service provider, use your own photo (in the "About Us") may be a good idea. In this case, a simple picture will be enough. But you can also give an upgrade on the site to use a photo where you show up with an accessory that symbolizes your business (an apron, a camera, a measuring tape, etc).

Stock Photos


Choosing Images for Your Blog Stock Photos BTDesigner

Generic images that illustrate a situation any are extremely useful when you are creating your site. They save you time and money, and are generally of high quality.

Like the stock photos are created to serve in different situations, it can be generic too much for what you need. To prevent this from happening:

  • When searching for the right photo, try to be as specific as possible; Avoid using common words (like "food" or "persons").
  • You are trying to pass a picture of nostalgia? Its target audience is parents? Your website design has a minimalist style? Choose an image that not only demosntra correct the situation, but it also helps to give an atmosphere to the site.
  • Do not try to be too sophisticated. Use an image that is clearly related to site content.

The Most Important Part - Use Images!

Choosing Images for Your Blog BTDesigner


Commonly found websites with little or no picture. Often this means or inefficient design and a bad experience for the visitor.

Images are not just a garnish. They are also an important marketing tool because it enriches the content of a site and show your visitor that your site is not a scam.

That does not mean you should load your site with photos; just make the images on your website as a priority when creating it.

Source: Wix
1

Livre Respo Blogger Template

Share:
Livre Respo is a multi-purpose Blogger template, with a modern, clean, professional design. With infinite skin colors, Livre Respo is very flexible and easy to customize. So, dont waste  your time it's FREE.

Livre Responsive Blogger Template Free Download BTdesigner
LIVE DEMO     |     DOWNLOAD

Featured Overview:

  • SEO Ready
  • Responsive design
  • Unlimited color schema
  • Featured Posts widget
  • Font Awesome Integration
  • OpenSans Font Integration
  • Summary posts with thumbnails
  • Drop down navigation menu
  • Related posts with thumbnails
  • Social Media Sharing support
  • Breadcrumb ready
  • Easy customization
    Livre Respo Responsive Template Free Download Btdesigner

    Template configuration:
    Download this template. Open archive XML in any editor you have. If you don't have,  you can download the Notepad++ here.
    Just find for below codes and edit the links and text with yours.

    Configure meta contents:
    <meta content='DESCRIPTION HERE' name='description'/>
    <meta content='KEYWORDS HERE' name='keywords'/>
    <meta content='AUTHOR NAME HERE' name='author'/>
    Replace with your links.

    Setting menu:
    <li><a href='#'>About</a></li>
    <li><a href='#'>Contact</a></li>
    <li><a href='#'>Tutorial</a></li>
    Replace # with your links.

    Setting Featured Posts: 
    Follow the instruction in the pack zip.

    Some items can be changed: 
    To change the color scheme of your new template, go to Blogger Template Designer in Advanced you will find the descriptions to change the color of your choice.

    Well, here we go... You finish to setting your new template (don't forget to setting your widgets and Google Analitics code).
    Now go to upload it to Blogger, follow this, INSTRUCTION: How to install your new Blogger template

    Before save, please PREVIEW your template, to check if everything it's OK.
    Save your new template and you are done!

    Enjoy blogging. Thank you for download and use my template.
    That's all for installing this template.

    Important !!!:
    Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

    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.0/

    Tags search:
    Livre Respo Blogger Template
    Livre Respo Blogspot Template
    Livre Respo B Template
    Livre Respo Blogger Theme
    Livre Respo Blogspot Theme
    Livre Respo B Theme


    Feel free to leave a comment below.
    4

    Belastic Responsive Blogger Template

    Share:
    Free Blogger template by BTDesigner

    Here we are with another pretty responsive template, Belastic Blogger template, I had booked this template for the month of February 2014. Professional, easy to customizing, simple and complex at the same time, a great way to enhance your articles, you can use on personal blogs, news and even photography.

    Featured Overview:
    • SEO Ready
    • Responsive design
    • Unlimited color schema
    • Featured Posts widget
    • Widget subscription email
    • Summary posts with thumbnails
    • Drop down navigation menu
    • Related posts with thumbnails
    • Social Media Sharing support
    • Breadcrumb ready
    • Easy customization

    Ads Image of new blogger template belastic by btdesigner

    Live Demo     |     Download


    Template configuration:
    Download this template. Open archive XML in any editor you have. If you don't have,  you can download the Notepad ++ here.
    Just find for below codes and edit the links and text with yours.

    Configure meta contents:
    <meta content='DESCRIPTION HERE' name='description'/>
    <meta content='KEYWORDS HERE' name='keywords'/>
    <meta content='AUTHOR NAME HERE' name='author'/>
    Replace with your links.

    Setting menu:
    <li><a href='#'>About</a></li>
    <li><a href='#'>Contact</a></li>
    <li><a href='#'>Tutorial</a></li>
    Replace # with your links.

    Setting Featured Posts: 
    Follow the instruction in the pack zip.

    Some items can be changed: 
    To change the color scheme of your new template, go to Blogger Template Designer in Advanced you will find the descriptions to change the color of your choice.

    Well, here we go... You finish to setting your new template (don't forget to setting your widgets and Google Analitics code).
    Now go to upload it to Blogger, follow this, INSTRUCTION: How to install your new Blogger template

    Before save, please PREVIEW your template, to check if everything it's OK.
    Save your new template and you are done!

    Enjoy blogging. Thank you for download and use my template.
    That's all for installing this template.

    Important !!!:
    Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

    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.0/

    Tags search:
    Belastic Blogger Template
    Belastic Blogspot Template
    Belastic B Template
    Belastic Blogger Theme
    Belastic Blogspot Theme
    Belastic B Theme


    Feel free to leave a comment below.
    27

    Arvo Theme Responsive Blogger Template

    Share:
    Arvo Responsive Blogger Template, my first responsive template, you can test this template on your mobile or on Am I Responsive? before download, minimalist and modern design this mobile theme defines a solid appearance to all your online content. Inspired by one of templates from Brian Gardner
    arvo theme is a responsive template blogger for blogger

    Live Demo     |     Download

    Featured Overview:
    • SEO Ready
    • Responsive design
    • Summary posts with thumbnails
    • Dropdown navigation menu
    • Related posts with thumbnails
    • Social Media Sharing support
    • Easy costumization

    Template configuration:
    Download this template. Open archive XML in any editor you have. If you don't have,  you can download the Notepad ++ here.
    Just find for below codes and edit the links and text with yours.

    Configure meta contents:
    <meta content='DESCRIPTION HERE' name='description'/>
    <meta content='KEYWORDS HERE' name='keywords'/>
    <meta content='AUTHOR NAME HERE' name='author'/>
    Replace red with your links.

    Setting menu:
    <li><a href='#'>About</a></li>
    <li><a href='#'>Contact</a></li>
    <li><a href='#'>Tutorial</a></li>
    Replace # with your links.

    Setting Subheader:
    <!--Subheader-->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div id='subheader'>
    <div id='subheader-left'>
      <p><h5>Welcome to <strong>Arvo</strong></h5><br/>Responsive Blogger Template by BTDesigner. Here you can write something.<br/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam eu est quis enim commodo aliquet.<br/><br/></p>
    <div class='social'>Follow:
    <a href='http://www.twitter.com'>Twitter</a> | <a href='http://www.facebook.com'>Facebook</a> | <a href='http://www.google.com'>Google +</a> | <a href='http://www.pinterest.com'>Pinterest</a>
    </div>
    </div>
    <div id='subheader-right'>
      <img alt='Smiley face' height='auto' src='http://4.bp.blogspot.com/-X-6g-4y74jY/UoeDwXuhkOI/AAAAAAAAFSs/171ItP-WcFA/s1600/SubPhoto.jpg' width='100%'/>
    </div>
    </div>
    </b:if>
    <!--/Subheader-->

    Well, here we go... You finish to setting your new template (don't forget to setting your widgets and Google Analitics code).
    Now go to upload it to Blogger, follow this, INSTRUCTION: How to install your new Blogger template

    Before save, please PREVIEW your template, to check if everything it's OK.
    Save your new template and you are done!

    Enjoy blogging. Thank you for download and use my template.
    That's all for installing this template . Feel free to leave a comment below.
    Important !!!:
    Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

    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.0/
    13
     
    Copyright BTDesigner™ © 2012 - , All Rights Reserved.

    Made with by BTDesigner • Powered by Blogger