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
Key Features
- 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.
- 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.
- 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.
- 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.
Customize Drop Down Menu
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.
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
- 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.
- Comment Smiley: We have added premium jQuery smiley plugin to this theme which helps your users to add emotions to their comments.
- Responsive Design: This theme fits on every screen or you can just say that this themes is mobile, tablets and PC friendly.
- Email Subscribes: Below Navigation menu, we have added beautiful jQuery email subscribers widget to this theme which helps in email marketing.
- 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
<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
- 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 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.
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>
- 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
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
- 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.
- Grid Post Layout: We are using an awesome jquery grid layout plugin in this theme which automatically arrange post with proper layout.
- 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.
- 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
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
- 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.
- Grid Post Layout: We are using an awesome jquery grid layout plugin in this theme which automatically arrange post with proper layout.
- 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.
- 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.
Key Features
- Highly Seo Optimized: We build this themes on the robust foundation of Html , Css and jQuery which is exactly what search engines look for.
- 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.
- 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.
- 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.
Key Features
- 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.
- 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.
- 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.
- 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.
Responsive Test
Label Separated Posts
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
