Showing posts with label sand dollar. Show all posts
Showing posts with label sand dollar. Show all posts

Sand Dollar Three Columns Template

Wednesday, July 16, 2008



For Three Sand Dollor Template Just Copy the code given below And paste as instructed below:
Step1: Sign in to Blogger.com Go to Dashboard >>
Step2: Click Setting link >>
Step3: Pick A new Template Option >>
Step4: Choose Sand Dollor Template then Save it. >>
Step5: Then click on to >> EDIT HTML Option >>
Step6: Before Any Change In Template Bakup it by Clicking Download Full Template >>
Step7:Select All HTML Code and Delete it and Paste Three Column Sand Dollor Template's code And Save. And one can see Three Column in blog.

Note:Red Colored Portion Are Added.




<?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></title>
<b:skin><![CDATA[/*
* Blogger Template Style
*
* Sand Dollar
* by Jason Sutter
* Updated by Blogger Team
*/

/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#000" value="#000000">

<Variable name="bgcolor" description="Page Background Color"
type="color" default="#f6f6f6" value="#f6f6f6">

<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#F5DEB3" value="#F5DEB3">

<Variable name="pagetitlebgcolor" description="Blog Title Background Color"
type="color" default="#DE7008" value="#DE7008">

<Variable name="descriptionColor" description="Blog Description Color"
type="color" default="#9E5205" / value="#9E5205">

<Variable name="descbgcolor" description="Description Background Color"
type="color" default="#F5E39e" value="#F5E39e">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#9E5205" value="#9E5205">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#777777" value="#777777">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#444444" value="#444444">

<Variable name="linkcolor" description="Link Color"
type="color" default="#DE7008" value="#DE7008">

<Variable name="footerlinkcolor" description="Post Footer Link Color"
type="color" default="#968a0a" value="#968a0a">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#DE7008" value="#DE7008">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#B8A80D" value="#B8A80D">

<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#999999" value="#999999">

<Variable name="bordercolor" description="Border Color"
type="color" default="#e0ad12" value="#e0ad12">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif">

<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 150% Verdana,Sans-serif" value="normal bold 150% Verdana,Sans-serif">

<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"
type="font" default="normal bold 300% Verdana,Sans-Serif" value="normal bold 300% Verdana,Sans-Serif">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 160% Verdana,Sans-Serif" value="normal bold 160% Verdana,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">
*/

body {
margin:0px;
padding:0px;
background:$bgcolor;
color:$textcolor;
font-size: small;
}
#navbar-iframe{height:px}
#outer-wrapper {
font:$bodyfont;
}

a {
color:$linkcolor;
}

a:hover {
color:red;
}

a img {
border-width: 0;
}

#content-wrapper {
padding-top: 0;
padding-$endSide: 1em;
padding-bottom: 0;
padding-$startSide: 1em;
}

@media all {
div#main {
float:$endSide;
width:57%;font-size:18px;
padding-top:30px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:1em;
border-$startSide:dotted 1px $bordercolor;
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 */
}
div#sidebar {
margin-top:20px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0;
padding:0px;
text-align:$startSide;
float: $startSide;border-right:1px dashed $linkcolor;

width: 21%;
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 */
}
}

@media handheld {
div#main {
float:none;
width:90%;
}

div#sidebar {
padding-top:30px;
padding-$endSide:2%;
padding-bottom:10px;
padding-$startSide:1%;
}
}
div#newsidebar {
margin-left:%;
padding:0px;
text-align:left;
float: ;
width:18%;
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 */
}


#header {
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
border-bottom:dotted 1px $bordercolor;
background:$descbgcolor;
}

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

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

h1,h2,h3 {
margin: 0;
}

h1 {
padding-top:25px;
padding-$endSide:0px;
padding-bottom:10px;
padding-$startSide:5%;
color:$pagetitlecolor;
background:$pagetitlebgcolor;
font:$pagetitlefont;
letter-spacing:-2px;
}

h3.post-title {
color:$titlecolor;
font:$titlefont;
letter-spacing:-1px;
}

h3.post-title a,
h3.post-title a:visited {
color: $titlecolor;
}

h2.date-header {
margin-top:10px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
color:$datecolor;
font: $dateHeaderFont;
}

h4 {
color:#aa0033;
}

#sidebar h2 ,
#newsidebar h2 {
color:$sidebarcolor;
margin:0px;
padding:0px;
font:$headerfont;
}

#sidebar .widget ,
#newsidebar .widget {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:33px;
margin-$startSide:0px;
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
font-size:95%;
}

#sidebar ul ,
#newsidebar ul {
list-style-type:none;
padding-$startSide: 0;
margin-top: 0;
}

#sidebar li ,#newsidebar li {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;line-height:1.8em;
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
list-style-type:none;
font-size:95%;
}

.description {
padding:0px;
margin-top:7px;
margin-$endSide:12%;
margin-bottom:7px;
margin-$startSide:5%;
color:$descriptionColor;
background:transparent;
font:bold 100% Verdana,Sans-Serif;
}

.post {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:30px;
margin-$startSide:0px;
}

.post strong {
color:$textcolor;
font-weight:bold;
}

pre,code {
color:$sidebarlinkcolor;
}

strike {
color:$sidebarlinkcolor;
}

.post-footer {
padding:0px;
margin:0px;
color:$footercolor;
font-size:80%;
}
.post-footer a {
border:none;
color:$footerlinkcolor;
text-decoration:none;
}

.post-footer a:hover {
text-decoration:underline;
}

#comments {
padding:0px;
font-size:110%;
font-weight:bold;background:#dff6ff
}

.comment-author {
margin-top: 10px;
}

.comment-body {javascript:void(0)
Preview
font-size:100%;
font-weight:normal;
color:black;
}

.comment-footer {
padding-bottom:20px;
color:$footercolor;
font-size:80%;
font-weight:normal;
display:inline;
margin-$endSide:10px
}

.deleted-comment {
font-style:italic;
color:gray;
}

.comment-link {
margin-$startSide:.6em;
}

.profile-textblock {
clear: both;
margin-$startSide: 0;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 2px solid $pagetitlebgcolor;
}

#sidebar a:link ,
#newsidebar a:link {
color:blue;
text-decoration:;
}

#sidebar a:active ,
#newsidebar a:active{
color:#ff0000;
text-decoration:;
}

#sidebar a:visited ,
#newsidebar a:visited{
color:#0000ee;
text-decoration:;
}

#sidebar a:hover ,
#newsidebar a:hover{
color:$sidebarcolor;
text-decoration:;
}

.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;
}

.clear {
clear: both;
}

.widget-content {
margin-top: 0.5em;
}

/** Tweaks for layout editor preview */

body#layout #outer-wrapper {
margin-top: 0;
}

body#layout #main,
body#layout #sidebar, body#layout
#newsidebar{
margin-top: 10px;
padding-top: 0;
}


body#layout #newsidebar{
margine-left:20%;
margin-top: 10px;
padding-top: 0;

]]></b:skin>
</head>

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

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='rwrwre (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='true' title='Copyright' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='HTML3' locked='true' title='Copyright' type='HTML'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Hi..1St Sidebar' type='HTML'/>
</b:section>
</div>


<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='HTML2' locked='true' title='2nd Sidebar' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Content' type='BlogArchive'/>
</b:section>
</div>


<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'/>

</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
</body>
</html>

Then Notice next Statement will be shown:-
Widgets are about to be deleted
Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
Profile1

Confirm & Save Cancel

Step 8:Then click on Confirm & Save Option

Posted by Vikas Narang at 1:39 AM 0 comments  

Category: , ,

Subscribe to: Posts (Atom)
 
 
 

Followers