TechZilla

TechZilla is a Responsive, 3 Columns Blogger Template for Technology Related Blogs. TechZilla Blogger Template has a jQuery Slider, Primary Menu and Secondary Dropdown Menus, 468×60 Header Banner, Related Posts, Breadcrumb, Left and Right Sidebars, 3 Columns Footer, Social Buttons, Tabbed Widget and More Features.

LIVE DEMO|MORE / INFO|DOWNLOAD

Simplify

Simplify is a clean blogger template you can use this for your personal blog or magazine/music/photography blogs.
 

LIVE DEMO|MORE / INFO

Basic Instructions: How to install a Blogger template


Features
2 Sidebars:
Simplify has 2 amazing sidebars. 

Super Clean:
Simplify is a super clean template you can easily edit this template. 

Friendly Layout Area:
Simplify has a friendly layout area you can easily add or remove widgets. 

Fast Loading:
Our all templates are clean coded, we always concentrate on loading speed of our templates.

Bitcoin

Bitcoin Magazine is Beautiful, Responsive, 2 Columns Blogger Template for Blogger Blogs. Bitcoin Magazine Blogger Template has a jQuery Content Slider, Top Dropdown Menus, Social Profile Buttons, Post Share Buttons, Related Posts, Breadcrumb, 4 Columns Footer, Right SIdebar, Tabbed Widget and More Features.

LIVE DEMO|DOWNLOAD 

Kamera

Kamera Photo-blog blogger template is the best theme for showcasing your photography to the world in a professional way. This Template focuses your images, pictures including video files and allow them a better exposure for your fans and audience so that they can get engaged with your blog's content. 

MORE / INFO|LIVE DEMO 

Website Template

Plastic Surgery Website Template is a clean and minimalist solution for building a medical website. Banners are the only bright elements here. These catch user attention and call to action. The template is built on a flexible framework, which provides for easy customization. Fully responsive, it will properly run throughout various devices. Thanks to valid HTML5 and CSS3 code you can customize the template without touching a single line of code. When built with this theme your website will rank high in search engines since the template is SEO optimized.

MORE / INFO|LIVE DEMO 

Kompi

Kompi Banget Free Blogger Template
After about two years I have learned in the world of blogging, I finally tried to make a blog template in accordance with the knowledge that I get.
Because I am old enough to learn and use templates from Maskolis, of course, the framework templates also adopt many of the templates Maskolis.

So even with the display and other inspired many of kang Ismet because I also learned a lot from him.

LIVE DEMO|MORE / INFO

Adapt

Adapt Free Blogger Template

Adapt is the new magazine style blogger template for photographers and personal bloggers.

This Blogger template has been crafted using CSS3 and is powered by smart jQuery and crispy javascript codes.

You will find the unique features in this blogger templates which you will find no where.

LIVE DEMO|MORE / INFO

Tethys

Blogger Template Tethys is a simple blogspot theme in xml format that can be directly uploaded to blogger and this is a also a free theme with 2 column layout,large featured post image slider that has right sidebar,black background and a 4 column footer.

LIVE DEMO|DOWNLOAD

Basic Instructions: How to install a Blogger template

PowerGame

PowerGame Responsive Blogger Template
PowerGame is a Responsive Blogger Template for gaming, news and entertainment content. It will offer every feature someone might want in a gaming blog or magazine, because this thing is packed with great features.This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for Gaming News, Games Reviews, Magazine or portofolio websites.

LIVE DEMO|MORE / INFO

Portable

Portable blogger template is published after getting inspire by Diablo. Users gonna love this portal template's nav-bar and header. Elegant multi-featured post area is the most attractive widget of this theme. Portable is a fully responsive template which have some of best fonts to attract your visitor. Any 1st time visitor wont be able to stop from visiting your blog again. 

LIVE DEMO|DOWNLOAD

Portable blogger template is compatible with each and every mobile device. We've tried to cover every minor function in this responsive template. Social bookmarks, date widget, multi navigation bar and related post with radius borders. You can add 5 different categories to appear on your home page. Last but not the least widget is for gallery or photography posts.

Flavour

Flavour is a Beautiful and Responsive Blogger Template. Flavour blogger template is Specially Designed for minimalist design lovers or a blogger who just want to share there thought or mind. If Your're Looking to give your visitors a fun new way to browse your latest posts, display loads of content in a beautifully simple and cool way then Flavour blogger template is a great choice for you. Flavour Blogger theme is specially designed for personal blog lovers, which can be used in various projects or blogs like - outfit of the day blog, personal blog, Article news blog, Business blog and many other similar projects.

LIVE DEMO|MORE / INFO

Magento

Belly Dance Outfit Responsive Premium Magento Theme
Here is a Magento template with responsive layout and a touch product carousel, which can largely improve outcomes of mobile commerce. This Outfit for Belly Dancing Class Magento Theme is suitable for any fashion related site thanks to its image rich design. High resolution pictures are scattered across the layout, even in the background, and video integration is also available in the template’s functionality. 

MORE / INFO|LIVE DEMO 

Optimized to the major search engine requirements, the theme offers a number of options encouraging website visitors for communication. They include online chat, user registration, newsletter subscription, contact and login forms. Furthermore, shoppers can choose either a list or a grid view mode to look through products in the way they find more convenient.

Samantify

Samantify is an awesome, clean, simple, minimal & refreshing blogging theme.

It makes sure focus is on your content and images.

The header images make for a striking look and keep the reader’s attention.

Welcome your visitors with a great rotating text eye catcher.

It’s totally responsive as well.

LIVE DEMO|MORE / INFO

Extremis

Extremis is a clean & responsive free blogger templates with Multi author Feature. This blogger template perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or Reviews websites.

LIVE DEMO|DOWNLOAD

Basic Instructions: How to install a Blogger template

Author: Themexpose

Trendy

Trendy theme, it’s a creative Responsive Blogger Template that is suitable for personal blog or show the portfolios. Fully responsive, it has really great look and is very attractive on any device. It provides everything you’ll need to create a professional looking website. Trendy comes with two designs - Red background and Green background.

LIVE DEMO|MORE / INFO

MiniMag

MiniMag is a simple Clean, Personal, Modern and fully responsive blogger template. Suitable for all kinds of magazines, Design share websites, personal blogs, journal, story and other related projects, with an emphasis on mixed media and typography. Mini Mag is Responsive, the theme is highly optimized for both mobile and desktop platforms. Its comes with latest Mega Menubar which automatically fetch posts from Blog.

LIVE DEMO|MORE / INFO

VisitPress

VisitPress Blogger Template
VisitPress is a simple and beautiful, easy to use, SEO friendly, 2 columns blogger template comes with 3 columns footer widgets area. It is a fully responsive blogger theme that allows for easy viewing on any device. VisitPress blogger template has right sidebar, social profile buttons, post share buttons, google fonts, related posts, custom post timestamp, auto post summaries and more.

DEMO| MORE / INFO| DOWNLOAD 

DietingMag

DietingMag Free Blogger Template
DietingMag is a Responsive, 3 Columns Blogger Template for Health/Fitness Blogs. DietingMag Blogger Template has a jQuery Slider, Dropdown Menus, 468×60 Header Banner, Related Posts, Breadcrumb, 2 Right Sidebars, 3 Columns Footer, Tabbed Widget and More Features.

DEMO | MORE / INFO

Tracks

Tracks Free Blogger Template 
Tracks is a responsive, SEO friendly, bold & beautiful, minimal Blogger template specially for writers. Tracks Blogger Template comes with 1 column layout with footer widget area, 3 navigation menus including 2 drop-down menus, Google fonts, animated search box, social profile buttons and post share buttons, related posts, scroll to top button and more.

LIVE DEMO|DOWNLOAD 

How To Configure This Template

GameShift

Game Shift Free Blogger Template

GameShift is a simple design 3 column blogger template. Special thanks to Mr Ashraf Hossain for sharing his design on PSD file. It took nearly 3 days to complete Gameshift template. After receiving 20+ requests from our visitors, we’re adding ‘Accordion Menu bar’ in this free blogger template. Because of Accordion navigation bar Your visitors can see all the posts on the go. Accordion drop down widget makes it easy to switch to other posts.

MORE / INFO DEMO

ProGamer

ProGamer Free Blogger Template 
ProGamer is a Responsive, 3 Columns Blogger Template for Game Blogs. ProGamer Blogger Template has a jQuery Slider, Dropdown Menus, 468×60 Header Banner, Related Posts, Breadcrumb, 2 Right Sidebars, 3 Columns Footer, Tabbed Widget and More Features.

LIVE DEMO|MORE / INFO|DOWNLOAD

Hotel

Hotel is a Responsive, 2 Columns Blogger Template for Hotel Websites or Blogs. Hotel Blogger Template has a Featured Header Image, Dropdown Menus, Related Posts, Right Sidebar, 3 Columns Footer, Google Fonts and More Features.

DEMO | MORE/INFO

NewsBox

NewsBox is a Responsive, 3 Columns Blogger Template for News Blogs. NewsBox Blogger Template has a jQuery Slider, Social Buttons, Dropdown Menus, 468x60 Header Banner, Related Posts, Breadcrumb, Left and Right Sidebars, 3 Columns Footer, Tabbed Widget, Google Fonts and More Features.

LIVE DEMO | DOWNLOAD

Boutique

Boutique is a massive e-commerce blogger template. It looks like premium template. It is a clean, soft, smooth and fully 100% responsive theme. This template also offers many other attractive features. This template fits for blogs like e-commerce, online store, e- store and many other shopping blogs.

DEMO | MORE / INFO

Aslom - WPress

Aslom Responsive eCommerce WordPress Theme for Outdoor Sports

This theme is ideal either for running magazine style website or successful ecommerce platform. Planning to start blogging about travel, outdoor clothing, winter sports, skiing, snowboarding, etc? Whatever your needs are – whether your going to run a small website or advanced shop online this theme will get your started in minutes.

DEMO | MORE/INFO

MAIN FEATURES:

• 100% Responsive Design
• eCommerce Theme – WooCommerce Support – the one of the most recognized eCommerce extensions for WordPress on the market
• Customer Wish Lists – Customers can add products to wishlishlist and finalize purchase later.
• Product Comparison – Let you customers compare products in your online shop
• Post Format – different styles for post formats (e.g. aside, gallery, video, audio, etc.)
• Smart Slider – Whether you need to showcase some products, photos you can use included slideshow
• Customized Cart with nice on hover effect
• Widget Ready: assign widgets to different pages
• Newsletter – manage your mailing list and communicate with your visitors via newsletter
• Changeable background
• Recent Posts
• Gallery

Adamz

Adamz a blogger theme with responsive layout. This theme has a design that is perfect for magazine websites. With an attractive color combination and impressed professionals and has many features.

DEMO | MORE/INFO

Vcol

Live Demo | More/Info

Featured of Vcol Business Blogger Template

• Reponsive blogger template
• Full width featured image
• Suited for business blogs,personal blogs and fashion blogs
• Featured post widget
• Related posts widgets
• Easy to remove unnecessary codes if you are not using it in your template
• Awesome Feed burner subscriber button
• Redesign colors using template designer
• Redesigned contact form with ease to modify button.

Blogger Flipboard Style Social Share Widget

• LIVE DEMO

Add an awesome flipboard widget to your Blogger blog using this amazing tutorial from Bloggertrix. This one includes social icons for Pinterest, Facebook, Twitter and Google+. Also, a useful search box is right below all these social networks.

How To Add The Widget To Your Blog

1. Go to your blogger dashboard
2. Click on "Design" > "Page Elements" > "Add a Gadget"
3. Choose "HTML/JavaScript" from the list of the gadgets
4. Copy and paste the code below in the content box

<style type="text/css">#flipboard_btrix{ width:300px;} ul.flipboard_btrix{ margin:0; padding:0; list-style:none; -webkit-perspective: 10000px; -moz-perspective: 10000px; -o-perspective: 10000px; perspective: 10000px; } ul.flipboard_btrix li{ display: inline-block;width: 55px; height: 50px;margin-right: -px; background: white;font: bold 36px Arial; text-transform: uppercase; text-align: center; cursor: pointer; } ul.flipboard_btrix li a{ display:block; width: 100%; height: 100%; color: black; text-decoration: none; outline: none; -webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s; -o-transition:all 300ms ease-out 0.1s; transition:all 300ms ease-out 0.1s; } ul.flipboard_btrix li a span{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; display:block; width: 100%; height: 100%; -webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s; -o-transition:all 300ms ease-out 0.1s; transition:all 300ms ease-out 0.1s; } ul.flipboard_btrix li a img{ border-width: 0; } ul.flipboard_btrix li:hover a{ -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background: #cef1ff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 5px #eee inset; -moz-box-shadow:0 0 5px #eee inset; box-shadow:0 0 5px #eee inset; } ul.flipboard_btrix li:hover a span{ -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #btrix-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOS4eg8Zbc9dFvPVZ9sQgQvX_5DJw_IczZz0bdznSlpuwHyMkX88TPuwy0lpZ1wPzV16SfrFrTYcOW_UCMGYU18skQ5XPniXoHvkCi4dovaoggBAwu5aMa-AbddkLf8v3IAE1Gx3wY3Kx/s1600/green.png) no-repeat scroll center center transparent; width: 290px; height: 50px; disaply: block; } form#btrix-searchform { display: block; padding: 7px 16px; margin: 0; } form#btrix-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent; } form#btrix-searchform #sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent; } </style><div id="flipboard_btrix"><center><a style="font-size:25px;" >Connect With Us </a></center><ul class="flipboard_btrix"><li><a href="http://www.pinterest/VAŠ-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Vn4KowUsYSEzTzdUjNqejcX_8FQVNi6oYsgbaz7F8Y8ZUTmL2Co_SHnHsgjUb9lEb2ngMvYGfbyx3firXNCG_AX5nVhwKSon-YZIU0I4sUbvEBA8QBUbbql1LZ5TEnOktuNjtwqbiRg5/s1600/btrix_pinterest.png" title="Pinterest" /></a></li><li><a href="http://www.facebook.com/VAŠ-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyKzQVRVkDrGo1nL-1zWr_WZmjFKkQP_RyTmHHWSbuVUboYRvt3OBwJP205EielEYIDm2BhCkHIGtpfbSWOIktsaUW08rA6pNFuYQ3VYnz-BBhf2WUrr8nomUGol9paLdgrVGyXCk6LNV5/s1600/btrix_facebook.png" title="Add to Facebook" /></a></li><li><a href="https://plus.google.com/VAŠ-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGB2S-BIQJ_W_SalndKS0M6CI955eAUavUl9JTvSYyipP9c6NXccsqZ7asumv9c5GaVTr4XZX6KBejMFUrpQlGgU-u5W-2XhIO11F16_SQ7zVStysNT3cBF3pU1BVQFJzBb1dSnCFS5MW/s1600/btrix_google+.png" title="Google plus" /></a></li><li><a href="http://www.twitter/VAŠ-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKpJcuYhjMK2Yrzp1hdu0ZJx_lgWzIczJIO_NDPXlbZUahOr46tkD7ffpV2x7_ybE3j-PWgmap0LtXWl1r3HXr9_KDZfhWg_LY0ekSLMaiRqZ3_1VFhYo4R3j8ieLcMZIDjsXiBbjCLvn/s1600/btrix_twitter.png" title="Add to Twitter" /></a></li><li><a href="http://feeds2.feedburner.com/VAŠ-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_jVR_cRfYldbbb8nyGGae9Sg6jRAk1ZbTwUghoR2ciuYqSxkgSHkYzW2S-N69Z6P4JdPf4jd8BmNENHkACZaQFs0QQfdA5nEl2KO54LU4CmkknUazfFP5G5UnObhyphenhyphenbXYvlFwdpjS630j/s1600/btrix_rss.png" title="Add RSS Feed" /></a></li></ul><div id="btrix-searchbox"><form action="/search" id="btrix-searchform" method="get"><input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" type="text" value="Search..." /> <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" /> </form></div></div>

Replace values and URLs with your feed title/username
Now when you added effect, feel free to share, please leave a comment if you like and that's happy bloging.

Subtle CSS3 Menu With Stretchy Searchbox

So this is another CSS experiment I did a while ago, I tried to create the same search box feature as on apple.com that stretches and manipulates widths of the menu. But I wanted to use only CSS. It falls back well in older browsers, Just no transitions are supported. Only image used is for the search icon - too lazy to do the CSS for it ;)

• LIVE DEMO

CSS

html { font-family: helvetica } .navMenu { height: 36px; line-height: 36px; width: 900px; /* CSS 3 */ background-image: linear-gradient(bottom, rgb(170,170,170) 11%, rgb(238,238,238) 77%); background-image: -o-linear-gradient(bottom, rgb(170,170,170) 11%, rgb(238,238,238) 77%); background-image: -moz-linear-gradient(bottom, rgb(170,170,170) 11%, rgb(238,238,238) 77%); background-image: -webkit-linear-gradient(bottom, rgb(170,170,170) 11%, rgb(238,238,238) 77%); background-image: -ms-linear-gradient(bottom, rgb(170,170,170) 11%, rgb(238,238,238) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.11, rgb(170,170,170)), color-stop(0.77, rgb(238,238,238)) ); border-radius: 5px; } .navMenu a { color: #333; border-right: 1px solid rgba(255,255,255,.5); display: inline-block; float: left; font-size: 12px; padding: 0 15px; text-align: center; text-shadow: 0 1px 1px #FFF; text-transform: uppercase; text-decoration: none; width: 115px; /* CSS3 */ -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navMenu a:hover { background-color: rgba(0, 0, 0,.05) } .navMenu input { background: url(http://cssdeck.com/uploads/media/items/4/4yK4Jqj.jpg) 5px center no-repeat #FFF; border: 1px solid #AAA; color: #666; float: right; font-size: 11px; margin: 7px 32px 0 0; opacity: 0.6; outline: none; padding: 3px 5px 3px 20px; width: 80px; /* CSS3 */ border-radius: 5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navMenu input:hover { opacity: 1 } .navMenu input:focus { opacity: 1; width: 180px; } .navMenu input:focus ~ a { width: 95px }


HTML

<div>
<div class="navMenu expander">
<form action="">
<input type="text" />
<a href="#">Home</a>
<a href="#">Products</a>
<a href="#">Gallery</a>
<a href="#">Stores</a>
<a href="#">Contact</a>
</form>
</div>
</div> 

This is it. Now when you have the full code sjust copy it inside the gadget and save. You are done. If you liked this Subtle CSS3 Menu With Stretchy Searchbox Widget For Blogger then please share it and write comments as your feedback.

Attitude

Attitude is a Beauty Blogger Template created specially for makeup blogs, hair blogs, fashion websites & general feminine blogs.
Theme/Template Name: Attitude
Features: Responsive, SEO Friendly, Fast Loading, Browser Compatibility, Social Buttons, Ads Ready, Clean Layout, Drop Down Menu, Simple Design and more.

 

 DEMO | MORE/INFO

Boulevard Magazine

Boulevard Magazine Blogger Template
Boulevard is a perfect combination of best design and feature-rich blogger template. Boulevard is specially built for magazine, news, blog, and any of magazine-style website.
Features: Responsive, SEO Friendly, Ads Ready, Drop Down Menu, Clean Layout, Clear Design, 4 Column Footer, Slider and Browser Compatibility.

DEMO | MORE/INFO