[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 492
  • Last Modified:

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

0
easycapital
Asked:
easycapital
1 Solution
 
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
 
easycapitalAuthor Commented:
Thanks Andrew,
JP
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now