Pasting code to use as a template in Blogger

1st code copied from: http://www.wix.com/sample/website 

2nd code is from Blogger.

Want to use the first code as a template for the blogger page.  What part within the Blogger text do I paste the code?

Thanks,
JP

2nd code starts below:  

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin><![CDATA[/*
-----------------------------------------------------
Blogger Template Style Sheet
Name:     Scribe
Date:     27 Feb 2004
Updated by: Blogger Team
------------------------------------------------------ */

/*
   Variable definitions
   ====================
   <Variable name="textColor" description="Text Color" type="color"
             default="#29303b" value="#29303b">
   <Variable name="postTitleColor" description="Post Title Color" type="color"
             default="#1b0431" value="#1b0431">

   <Variable name="linkColor" description="Link Color" type="color"
             default="#473624" value="#473624">
   <Variable name="visitedLinkColor" description="Visited Link Color" type="color"
             default="#956839" value="#956839">
   <Variable name="pageHeaderColor" description="Blog Title Color" type="color"
             default="#612e00" value="#612e00">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#29303B" value="#29303B">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color"
             default="#211104" value="#211104">

   <Variable name="bodyFont" description="Text Font"
             type="font"
             default="normal normal 100% Georgia, Times New Roman,Sans-Serif;" value="normal normal 100% Georgia, Times New Roman,Sans-Serif;">
   <Variable name="headerFont" description="Sidebar Title Font"
             type="font"
             default="normal normal 150% Georgia, Times New Roman,sans-serif" value="normal normal 150% Georgia, Times New Roman,sans-serif">

   <Variable name="pageTitleFont" description="Blog Title Font"
             type="font"
             default="normal normal 225% Georgia, Times New Roman,sans-serif" value="normal normal 225% Georgia, Times New Roman,sans-serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font"
             default="italic normal 100% Georgia, Times New Roman, sans-serif" value="italic normal 100% Georgia, Times New Roman, sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* Defaults
----------------------------------------------- */
body {
      margin:0;
      padding:0;
      font-size: small;
        text-align:center;
      color:$textColor;
      line-height:1.3em;
      background:#483521 url("http://www2.blogblog.com/scribe/bg.gif") repeat;
}

blockquote {
      font-style:italic;
      padding:0 32px;
      line-height:1.6;
      margin-top:0;
      margin-$endSide:0;
      margin-bottom:.6em;
      margin-$startSide:0;
}

p {
  margin:0;
  padding:0;
}

abbr, acronym {
      cursor:help;
      font-style:normal;
}
      
code {
  font-size: 90%;
  white-space:normal;
  color:#666;
}

hr {display:none;}

img {border:0;}

/* Link styles */
a:link {
  color:$linkColor;
  text-decoration:underline;
}
a:visited {
  color: $visitedLinkColor;
  text-decoration:underline;
}
a:hover {
  color: $visitedLinkColor;
  text-decoration:underline;
}
a:active {
  color: $visitedLinkColor;
}


/* Layout
----------------------------------------------- */
#outer-wrapper {
      background-color:#473624;
      border-$startSide:1px solid #332A24;
      border-$endSide:1px solid #332A24;
      width:700px;
      margin:0px auto;
        padding:8px;
      text-align:center;
        font: $bodyFont;
}
#main-top {
      width:700px;
      height:49px;
      background:#FFF3DB url("http://www2.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top $startSide;
      margin:0px;
        padding:0px;
      display:block;
}
#main-bot {
      width:700px;
      height:81px;
      background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top $startSide;
      margin:0;
        padding:0;
      display:block;
}
#wrap2 {
      width:700px;
      background:#FFF3DB url("http://www1.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y;
      margin-top: -14px;
      margin-$endSide: 0px;
      margin-bottom: 0px;
      margin-$startSide: 0px;
      text-align:$startSide;
      display:block;
}

#wrap3 {
      padding:0 50px;
}

.Header {

}

h1 {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:6px;
  padding-$startSide:0;
  font: $pageTitleFont;
  color: $pageHeaderColor;
}

h1 a:link {
  text-decoration:none;
  color: $pageHeaderColor;
}

h1 a:visited {
  text-decoration:none;
}

h1 a:hover {
  border:0;
  text-decoration:none;
}
.Header .description {
  margin:0;
  padding:0;
  line-height:1.5em;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
}

#sidebar-wrapper {
      clear:$startSide;
}

#main {      
      width:430px;
      float:$endSide;
      padding:8px 0;
      margin:0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
      width:150px;
      float:$startSide;
      padding:8px 0;
      margin:0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}      
#footer {
      clear:both;
      background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;
      padding-top:10px;
      _padding-top:6px; /* IE Windows target */
}
#footer p {
      line-height:1.5em;
      font-size:75%;
}

/* Typography :: Main entry
----------------------------------------------- */
h2.date-header {
      font-weight:normal;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-size:90%;
      margin:0;
      padding:0;
}
.post {
      margin-top:8px;
      margin-$endSide:0;
      margin-bottom:24px;
      margin-$startSide:0;
}
.post h3 {
      font-weight:normal;
      font-size:140%;
      color:$postTitleColor;
      margin:0;
      padding:0;
}
.post h3 a {
  color: $postTitleColor;
 }
.post-body p {
      line-height:1.5em;
      margin-top:0;
      margin-$endSide:0;
      margin-bottom:.6em;
      margin-$startSide:0;
      }
.post-footer {
  font-family: Verdana, sans-serif;
  font-size:74%;
  border-top:1px solid #BFB186;
  padding-top:6px;
}

.post-footer a {
  margin-$endSide: 6px;
 }

.post ul {
      margin:0;
      padding:0;
}
.post li {
      line-height:1.5em;
      list-style:none;
      background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat $startSide .3em;
      vertical-align:top;
      padding-top: 0;
      padding-$endSide: 0;
      padding-bottom: .6em;
      padding-$startSide: 17px;
      margin:0;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {  
  text-align: center;
 }

/* Typography :: Sidebar
----------------------------------------------- */
.sidebar h2 {
      margin:0;
      padding:0;
      color:$sidebarHeaderColor;
        font: $headerFont;
}
.sidebar h2 img {
      margin-bottom:-4px;
      }

.sidebar .widget {
      font-size:86%;
      margin-top:6px;
      margin-$endSide:0;
      margin-bottom:12px;
      margin-$startSide:0;
      padding:0;
        line-height: 1.4em;
}

.sidebar ul li {
      list-style: none;
      margin:0;
}

.sidebar ul {
  margin-$startSide: 0;
  padding-$startSide: 0;
}

/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
  font-weight:normal;
  font-size:120%;
  color:#29303B;
  margin:0;
  padding:0;
}
#comments-block {
  line-height:1.5em;
  }
.comment-author {
      background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;
      margin:.5em 0 0;
      padding-top:0;
      padding-$endSide:0;
      padding-bottom:0;
      padding-$startSide:20px;
      font-weight:bold;
}
.comment-body {
      margin:0;
      padding-top:0;
      padding-$endSide:0;
      padding-bottom:0;
      padding-$startSide:20px;
}
.comment-body p {
      font-size:100%;
      margin-top:0;
      margin-$endSide:0;
      margin-bottom:.2em;
      margin-$startSide:0;
}
.comment-footer {
      color:#29303B;
      font-size:74%;
      margin:0 0 10px;
      padding-top:0;
      padding-$endSide:0;
      padding-bottom:.75em;
      padding-$startSide:20px;
}
.comment-footer a:link {
      color:#473624;
      text-decoration:underline;
}
.comment-footer a:visited {
      color:#716E6C;
      text-decoration:underline;
}
.comment-footer a:hover {
      color:#956839;
      text-decoration:underline;
}
.comment-footer a:active {
      color:#956839;
      text-decoration:none;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }

      
/* Profile
----------------------------------------------- */

#main .profile-data {
  display:inline;
}

.profile-datablock, .profile-textblock {
  margin-top:0;
  margin-$endSide:0;
  margin-bottom:4px;
  margin-$startSide:0;
}
.profile-data {
  margin:0;
  padding-top:0;
  padding-$endSide:8px;
  padding-bottom:0;
  padding-$startSide:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:90%;
  color:#211104;
}
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border:1px solid #A2907D;
  padding:2px;
}

#header .widget, #main .widget {
      margin-bottom:12px;
      padding-bottom:12px;
}

#header {
  background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom $startSide;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
 margin-top: 0;
 padding-top: 0;
 }

body#layout #wrap2,
body#layout #wrap3 {
 margin-top: 0;
 }

body#layout #main-top {
 display:none;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>

<div id='main-top'/> <!-- placeholder for image -->

<div id='wrap2'><div id='wrap3'>

  <b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>

  <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'/>
  </div>
 
  <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
  </div>

  <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

  <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
  </div>
 
</div></div>
<div id='main-bot'/> <!-- placeholder for image -->
</div>
</body>
</html>
               
<object width="1024" height="750" type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"><param name="allowFullScreen" value="true"/><param name="allowNetworking" value="all"/> <param name="allowScriptAccess" value="always"/><param name="base" value="http://static.wix.com"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=;XNocQ5T5BE-a&embedFormat=websites&embedID=QtIpXe4GhziowK8FbTawyXwWleT0ITtLVR6ugvD1CQfqfg3qEagXUZnziKfUFBjka&partner_id=WMGs4POB1ko-a&show_wix_logo=19" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" allowNetworking="all" allowScriptAccess="always"  allowFullScreen="true" FlashVars="pageId=;XNocQ5T5BE-a&embedFormat=websites&embedID=QtIpXe4GhziowK8FbTawyXwWleT0ITtLVR6ugvD1CQfqfg3qEagXUZnziKfUFBjka&partner_id=WMGs4POB1ko-a&show_wix_logo=19" type="application/x-shockwave-flash" width="1024" height="750" base="http://static.wix.com" scale="noscale" salign="tl" ></embed></object><br/><a href="http://www.wix.com?embedID=QtIpXe4GhziowK8FbTawyXwWleT0ITtLVR6ugvD1CQfqfg3qEagXUZnziKfUFBjka"><b>Free website</b></a> - <a href="http://www.wix.com?embedID=QtIpXe4GhziowK8FbTawyXwWleT0ITtLVR6ugvD1CQfqfg3qEagXUZnziKfUFBjka" ><b>Wix.com</b></a>

Open in new window

easycapitalAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

andrewbleakleyCommented:
Login to Blogger.

On your dashboard page (http://www.blogger.com/home?pli=1) click Layout

Click Edit HTML

Paste code into the textbox

If you are asked about deleting widgets you will have to delete widgets to continue

Click Save, then view your blog
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
easycapitalAuthor Commented:
Thanks Andrew,
JP
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Blogs

From novice to tech pro — start learning today.