Here's the script:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Learning Blogspot Template From The Stratch
Name: Modified Blogspot Template
Designer: Herman Nz
URL: true-blogger.blogspot.com
Modified in January 4, 2015
----------------------------------------------- */
]]></b:skin>
<style type='text/css'>
</style>
</head><!--
<head/>
-->
<body itemscope='' itemtype='http://schema.org/Blog'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<div class='sidebar section' growth='vertical' id='sidebar' maxwidgets='1' showaddelement='true'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
</b:widget>
</b:section>
</div>
</body>
</HTML>
Step-by-step:
Firstly, we should add basic HTML. In this case we fetch HTML5. Second, we add one or two widget:
Here's the script:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<div class='sidebar section' growth='vertical' id='sidebar' maxwidgets='1' showaddelement='true'/>
</div>
To add blog-post widget where we usually add new post with it, add this script below:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
</b:widget>
</b:section>
</div>
Now, we have two widgets and one blog-post widget.
It's time for you to take time to develop this raw template!
Best Blogspot Blogger !
No comments:
Post a Comment