Many of new bloggers are now designing their blog according to their own need and creativity. Which also improves their blog appearance for visitors and simultaneously their blog traffic increases. In this tutorial I'll teach you how to convert your blogger blog completely into a blank page. After which you can customise your blog design freely.
Steps To Install the Theme:
- Go To Blogger Dashboard
- Create a New Test Blog
- Give it a title and address
- Choose the Simple Template and not Dynamic Views
- Next Navigate to Template > Edit HTML > Proceed
- Replace all the code inside the editor with the following code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
#navbar-iframe { height:0px; visibility:hidden; display:none }
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override) margin: 0;
padding: 0;
}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<div style='margin-top:400px; '>
<!--Please keep the Credits intact-->
<center><p><a href='http://www.topbloggertricks.tk'>BLOGGER TIPS AND TRICKS</a>© 2012.</p></center>
</div>
</body>
</html>
- Click save and when prompted about the following error:
Warning: Your new template does not include the following widgets: BlogArchive1 Profile1 Attribution1 Header1 Blog1simply click on Delete widgets.
0 comments:
Click Here To add Comment
Blogger Widgets