Close

×

Tutorials

Blogger Tutorial

Start Blogger

Templates

Blogger Templates

Recent Post Popular Post Featured Post Related Post

nayan ad

Share


Like
×

Top Navigation Menu

×

Search v5Blogger

Powered by Google

<b:section>

The Tag for building Blogger template

The easy way to learn & create blogger template from sketch.

DEVELOPMENT TUTORIAL

Build Blogger Template

LEARN IT »
<html>
<head>
<title><data:blog.pageTitle/></title>
<b:skin/>
</head>

<body>
  <b:section id='main'/>
</body>
</html>

W3.CSS

The framework for desiign Blogger template

Quickly design responsive and flat blogger template from sketch.

DESIGN TUTORIAL

Design Blogger Template

LEARN IT »
<header class="w3-padding w3-blue">
  <h1><data:blog.title/></h1>
</header>

<b:section class="w3-container" id='main'>
  <b:widget id='Blog1' type='Blog'/>
</b:section>

<footer class="w3-green">
  Footer note text
</footer>

W3.CSS

The framework for desiign Blogger template

Quickly design responsive and flat blogger template from sketch.

DESIGN TUTORIAL

Templates

The collection of Blogger widgets & templates

Simple way to add template in from our template collection.

WIDGET TEMPLATES

Blogger Related Post Widget

LEARN IT »
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://drive.google.com/uc?export=download&id=0ByRQqYLl1l6MNkdFcDNPa29RbGs"></script>

ICON

Add Font Awesome icons in Blogger Template


LEARN ICONS

SVG

Use SVG images in Blogger Templates


LEARN SVG

Loader

Add Page loading animation for Blogger


LEARN IT


Footer Note

v5 Blogger is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2016. All Rights Reserved.
Powered by W3.CSS.

v5 Library