Bộ template Blogger Responsive 2014 share anh em làm SEO và viết blog chuyên nghiệp

Bộ Template Blogger Responsive 2014

Với xu hướng từ năm 2013 2014 trở về sau, các thiết bị di động như điện thoại di động iphone, Galaxy, máy tính bảng…ngày càng phổ biến và dẫn đến các bộ máy tìm kiếm lớn như Google, Bing cũng phải chú trọng trả về các kết quả tìm kiếm với chất lượng nội dung và khả năng hiển thị tốt nhất của website. Để cạnh tranh với cả rừng trang blog/website đổi thủ, bạn nâng cao kỹ năng viết blog và thiết kế hoặc sử dụng các template blogger tối ưu SEO, thiết kế tương thích hiển thị cả trên máy tính bàn/laptop, và thiết bị di động (Responsive Design)

Lưu ý là các tempalte này mình sưu tầm ở web nước ngoài cho nên các giới thiệu và hướng dẫn bằng tiếng Anh, bạn nào đọc được thì tốt, không đọc được cũng không sao, nhìn giao diện thích thì chọn cũng được rồi, còn nếu bạn nào cần giải thích rõ hơn thì có thể để lại cho YTQ cũng OK.

1/ Theme thứ nhất: RespoAum Responsive Blogger Template

Responsive Design blogger template 2014

RespoAum is the newest and the most advanced Blogger template with a Responsive design  and fluid layout.

Key Features

  1. Responsive Design: This theme is fully responsive with lot of features, As we all know that PC market is going down and users are using smartphone and tablets to surf the net. This theme fits on every screen which will help you to increase traffic of your blog.
  2. Multi Level Drop Down Menu: This theme also have multilevel drop down menu which is fully responsive and change its design according to size of window.
  3. Seo Friendly: This theme is absolutely brilliant for search engines. It load very fast and also we have changed h3 post title tag to h2.
  4. Social Sharing Buttons: We have added social sharing button below each and every blog post with proper alignment & design, It will help you to increase your blog visibility on social networks.
More Features: Numbered Page Navigation, Search Box, Auto Read More, Customized Popular post widget, Seo Friendly, Threaded Comment Style and much more.

Customize Drop Down Menu

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.
<nav class=’dark w-shadow’>
<div class=’nav-container’>
<ul class=’nav-menu slideUp w-divider’>
<li> <a href=’#’>Home</a> </li>
<li class=’nav-dropdown’>
<a href=’#’>About <span class=’s-button s-collapse-trigger’ href=’#’>+</span></a>
<ul>
<li>
<a href=’#’>Sub Item 1 <span class=’s-button s-collapse-trigger’ href=’#’>+</span></a>
<ul>
<li><a href=’#’>Sub Item 1</a></li>
<li>
<a href=’#’>Sub Item 2 <span class=’s-button s-collapse-trigger’ href=’#’>+</span></a><ul>
<li><a href=’#’>Sub Item 1</a></li>
<li><a href=’#’>Sub Item 2</a></li>
<li><a href=’#’>Sub Item 3</a></li>
<li><a href=’#’>Sub Item 4</a></li>
<li><a href=’#’>Sub Item 5</a></li>
</ul>
</li>
<li><a href=’#’>Sub Item 3</a></li>
<li><a href=’#’>Sub Item 4</a></li>
<li><a href=’#’>Sub Item 5</a></li>
</ul>
</li>
<li><a href=’#’>Sub Item 2</a></li>
<li><a href=’#’>Sub Item 3</a></li>
<li><a href=’#’>Sub Item 4</a></li>
<li><a href=’#’>Sub Item 5</a></li>
</ul>
</li>
<li> <a href=’#’>Action</a> </li>
<li> <a href=’#’>Research</a> </li>
<li> <a href=’#’>More</a> </li>
</ul>
<a class=’s-button s-collapse-trigger’ href=’#’>+</a>
</div>
</nav>
2/ Geekiesm Premium Responsive Blogger Template
Geekiesm Premium Responsive Blogger Template

I’m giving this premium blogger template for free to my users, this theme has many features which a normal blogger template can’t dream of. If you are looking for a professional looking blogger template for your blog then this theme is perfect choice for you.

Key Features:

  • Responsive Design: This theme has full mobile friendly responsive design, you can check it by re-size your web browser.
  • Comment Smiley: We have added premium jQuery smiley plugin to this theme which helps your users to add emotions to their comments.
  • Custom 404: It will reduce the chances of crawl error, whenever your reader will land on any broken link then a sleek search box with a proper instruction will appears on page.
  • Show Post With Labels: With the help of this theme you can separately show the post with different labels.
  • Advance Admin Panel: It will help you to customize your theme layout easily, you can easily ad or remove new widget from your blog using this admin panel, You can simply access admin panel by clicking on Layout tab.
Admin Panel
Much More: Social Share Button, Numbered Page Navigation Menu, jQuery ready, Threaded Comment Style and much more.
3/ Professional Blogging Blogger Template
Professional Blogging Template Screenshot

For bloggers who takes blogging seriously, This theme is full package of professional design and features. When your users will see this theme on your blog then they will really go crazy in thinking that whether this blog is hosted on blogger or WordPress.

Key Features

  1. Couch Mode: When you users will click on “Couch Mode” button it will remove all clutters from your blog and will give better reading experience to your users.
  2. Comment Smiley: We have added premium jQuery smiley plugin to this theme which helps your users to add emotions to their comments.
  3. Responsive Design: This theme fits on every screen or you can just say that this themes is mobile, tablets and PC friendly.
  4. Email Subscribes: Below Navigation menu, we have added beautiful jQuery email subscribers widget to this theme which helps in email marketing.
  5. Relates Post: Turn one visitor into multiple pageviews thanks to the related posts widget that shows readers more of the content they love. Related post widget will also help you in improving your blog bounce rate.

More Features: Print Button, Social Share Button, Numbered Page Navigation Menu, jQuery ready, Threaded Comment Style and much more.

Customize Navigation Menu

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following code using ctrl+f in the template. After finding it Replace # with your URLs and Save the template.

<ul id=”menu”>
<li><a href=”/”>Home</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Contact</a></li>
</ul>

Customize Email Subscribe Option

You can see the email subscriber box in this theme which i placed below the navigation menu, To change the feedburner address of that widget from your SBT to your blog follow below steps:
  • Go To Blogger Dashboard
  • Click On Template Tab
  • Now Click On Edit HTML >> Proceed
  • Now Search the below text using ctrl+f

“seotemplates”

  • Now Replace seotemplates with your blog feedburner name.

4/ Blue Blog Blogger Template

Blue Blog Blogger Template

Blue Blog is a minimalist, simple and super clean blogger blog theme with focus on readability & very easy to setup. This theme is perfect choice for your personal blog, photography blog, corporate blog theme, or creative blog.

Key Feature

  • 3 column footer: We have added classic 3 column footer to this theme which will help you to add more widgets like ads banner and like box to your blog.
  • Relates Post: Turn one visitor into multiple pageviews thanks to the related posts widget that shows readers more of the content they love. Related post widget will also help you in improving your blog bounce rate.
  • Adsense Ready: We have added lots of space for advertisement, you can add ads banner to header, sidebar, post and footer.
More Features: Social Share Button, Numbered Page Navigation Menu, jQuery ready, Threaded Comment Style and much more.

Customize Drop Down Menu

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following code using ctrl+f in the template. After finding it Replace # with your URLs and Save the template.

<ul><li><a href=”/”>Home</a></li>
<li><a href=”your-link-here”>About</a></li>
<li>
<a href=”your-link-here”>  Portfolio</a>
<ul>
<li><a href=”your-link-here”>Web Design</a></li>
<li><a href=”your-link-here”>Web Development</a></li>
<li><a href=”your-link-here”>Illustrations</a></li>
</ul>
</li>
<li><a href=”your-link-here”>Blog</a></li>
<li><a href=”your-link-here”>Contact</a></li>
</ul>

Our Readers told us that they are facing a problem while using this theme, Somethimes the image thumbnail on home page goes out of the box. If you are also facing this problem follow below steps:
  • Go to blogger dashboard
  • Click on Template tab.
  • Now click on Edit HTML button and find </head> tag using ctrl + f
  • Paste below code just above </head> tag.

<style>
.imgkahome{
margin-top:-80px;
}
</style>

  • After Adding the code, Click on Save button and Enjoy!!!!

5/ G-Fashions Blogger Template

Live Demo Download

G-Fashions is free premium blogger template with elegant look, G-Fashions is Portfolio cum blogger template. This theme is perfect for Wallpaper and pictorial based websites. G-Fashions theme is specially made for those people who want pretty & beautiful look for their blog. Know more about this theme by reading following features-

Key Features

  1. 3 column footer: We have added beautiful 3 column footer to this theme, it will help you to add more widget to your blog footer with an awesome layout.
  2. Grid Post Layout: We are using an awesome jquery grid layout plugin in this theme which automatically arrange post with proper layout.
  3. Sleek Sidebar: In this theme we have added a cute sidebar and best thing about this sidebar is that it only display on post page.
  4. Fast Loading & Seo Friendly: Search is so important for blogs these days, so we made sure to use the latest best practices for SEO to help you rise to the top.

More Features: Numbered Page Navigation, Sidebar, Apple.com style in build search box, Social Sharing Buttons, Threaded Comment Style and much more.

6/ New Mashable Blogger Template

Live Demo Download

New Mashable blogger template is designed for technology blogs, We try out best to give this theme unique and professional look, by looking at name of this theme you will think that this template is copy of famous technology blog mashable.com , but I want to clarify that this theme is codded by us and we don’t use a single line of code of any website.

Key Features

  1. 3 column footer: We have added beautiful 3 column footer to this theme, it will help you to add more widget to your blog footer with an awesome layout.
  2. Grid Post Layout: We are using an awesome jquery grid layout plugin in this theme which automatically arrange post with proper layout.
  3. Floating Menu: At top of this theme we have added good looking jQuery drop down navigation menu which contain search box and social media sharing buttons.
  4. Seo Friendly: This theme scores 91 out of 100 in google PageSpeed Insights, We have also optimized this theme well for better seo by changing h3 post title to h2 and by adding meta tags.
More Features: Custom Popular Post Widget, Adsense Ready, Social Sharing Buttons, Seo Friendly, Threaded Comment Style and much more.
7/ Lord HTML Blogger Template

Live Demo Download

After getting so many request from my readers, finally I am giving you all Lord HTML official blogger template. This template is really an awesome one because design of this template is unique. This template is fully SEO optimized which will help you to rank higher in search engines list.

Key Features

  1. Highly Seo Optimized: We build this themes on the robust foundation of Html , Css and jQuery which is exactly what search engines look for.
  2. Social Sharing Buttons: We have added social sharing button below each and every blog post with proper alignment & design, It will help you to increase your blog visibility on social networks.
  3. Animated Drop Down Menu: Now a days each and every website contains drop down menu, but we have added attractive Css3 drop down menu with animation to give it different look.
  4. Splitted  Full Width Header: This template header is divided into two part by which you can easily add ads banner. We set header width to 100% by which you can add large ads banner to header of your blog.
More Features: Numbered Page Navigation, Search Box, Adsense Ready, FeedBurner Email Subscriber Box, Seo Friendly, Threaded Comment Style and much more.
8/ News Blogger Template

Live Demo Download

News Themes is one of the best magazine style blogger template, design of this theme is adapted from famous Genesis Framework. This theme is ideal for the niche blogging like Technology, News bulletin, Gadgets and Telecom. Clean and professional look of this theme will attract your users. below are some key features of this blogger template:

Key Features

  1. Drop down menu: Now a days each and every website contains drop down menu, We have added Multi level drop down menu to this theme by which you can add as many links or category to this menu.
  2. Custom Popular Post: Popular Post widget will help you in improving your blog bounce rate, You can further customize this widget according to your needs.
  3. Auto Read More with Thumb: We have added an awesome script to this theme by which it will automatically add read more link to post with thumbnail.
  4. Threaded commenting system: We all know that blogger comment system is very ugly, We have added our custom threaded comment style to this theme which will help you to get more comments on your blog.
More Features:  WordPress Look, Search Box, Css3 Labels Style, Splited Header, SEO Friendly, Fast Loading, Numbered Page Navigation and Stylish Google Fonts.
 9/ iNews 2014 Blogger Template

Live Demo Download

iNews is a professional blogger templates which provide an option to shows label separated posts. If you are running an online news portal then this theme is best choice for your blog. We have provided well documentation which will guide you and make it easier for you to install this template on your blog.

Responsive Test

responsive blogger templates

Label Separated Posts

sports blogger template

Key Features

  • Label Separated Post: You can show the post with different labels, like if you want to show only sports related post then use label sports.
  • Responsive Design: iNews is a fully responsive Blogger template that automatically adjusts the resolution of the screen to support all devices and browsers of different resolutions.
  • Latest Coding: This theme is build in HTML5 & Css3 and we are giving this theme for free as a new year prize. This theme is latest blogger template 2014.

Nguồn: sưa tầm và placetodownload.com

Pin It

Leave a Reply

Your email address will not be published. Required fields are marked *