Free Blogger Templates

Sunday, March 7, 2010

Free Four Column Scribe Template for Blogger

Finally, The first of it's kind! Scribe is one of the most popular standard blogger templates. Now for all of you who love the blogger Scribe Template, I have just modified a 4 column magazine style version which includes a top menu bar. Not only that, there are additional places for gadgets at the bottom of the template. I've included 2 versions. One with a new vintage 1800's rose wallpaper and one with the original wallpaper.

Click here for image

Click here to see widget layout

Instructions:

1) Go To Layout > Then go to Edit HTML
2) Copy your entire HTML Code. Be sure to get it all, this is your backup.
3) Save your old code to your notebook or wordpad
4) Copy the code below and paste it to your template
5) Click Save Template
6) If you already have widgets, there will be a warning saying that your widgets are about to be deleted. It will ask you to keep widgets or delete them. If you wish to save your old widgets then click Keep Widgets.
7) Your Template should now be saved.

A great deal of time went into the development of this template. We hope you enjoy it. Please consider joining People String to help for the compensation for our time. It's absolutely free to join. You will notice also there is an embedded ad in the template code. The code includes instructions on how to remove the ad should you wish to do so.

Thank you.

Cut and Paste This Code For Your FREE
Four Column Scribe Template (Rose wallpaper)

<?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
Name: 4 Column Scribe / Minima hybrid
Designer: Douglas Bowman
URL: www.stopdesign.com
Modified by Tom Martin
URL: http://www.freebloggertemplatesandtips.com/
Date: 07 Mar 2010

----------------------------------------------- */

/*
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="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#333333">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#333333">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">

<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 90% Georgia, Times New Roman,Sans-Serif;" value="normal normal 90% Georgia, Times New Roman,Sans-Serif;">
<Variable name="headerFont" description="Sidebar Title 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="pageTitleFont" description="Blog 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="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">
*/

/* Use this with templates/template-twocol.html */

body {
margin:0;
padding:0;
font-size: small;
color:$textColor;
line-height:1.3em;
background:#483521 url("http://2.bp.blogspot.com/_Wfc4n3MViWg/S5QObkaJJhI/AAAAAAAABsw/bb-eUOgEf-Q/S1600-R/Vintage1800%27s.jpg") 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: 100%;
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;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:100%;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color: $pageHeaderColor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:950px;
letter-spacing:.2em;
line-height: 1.4em;
font: $blogDescriptionFont;
color: $blogDescriptionColor;
text-align: center;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* ----- LINKBAR ----- Modified By Tom: AmericanPreppersNetwork.com */

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 960px;
position: relative;
background:url("http://3.bp.blogspot.com/_Wfc4n3MViWg/S5LwsC263KI/AAAAAAAABrY/v2DMFWG6KW4/S1600-R/Linkbarbackground.jpg") no-repeat top $startSide;
border: 0px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 4px 0px 7px 0px;
text-align: left;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 1px 1px 1px 1px;
padding: 1px 10px 1px 10px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
border-right: 0px solid $linkbarBorderColor;
border-left: px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#473624;
background-image: url(http://2.bp.blogspot.com/_Wfc4n3MViWg/S5Pf6SozSuI/AAAAAAAABrw/KBBK2nkgkUg/S1600-R/ScribeMiddlexcf2.jpg);
border-$startSide:1px solid #332A24;
border-$endSide:1px solid #332A24;
width:980px;
margin:0px auto;
padding:8px;
font: $bodyFont;
}

#main-wrapper {
margin:0 0 0 3px;
width: 450px;
float: left;
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 */
}

#left-column {
width: 155px;
float: left;
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 */
}

#rightsidebar-upper {
margin:0 0 0 3px;
width: 350px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-left {
margin:0 0 0 5px;
width: 170px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-right {
margin:0 0 0 5px;
width: 170px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

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

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:990px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
letter-spacing:.1em;
text-align: center;
}

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

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

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


<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='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='4 Column Scribe Template (Header)' type='Header'/>
</b:section>
</div>

<div id='linkbar-wrapper'><center>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section></center>
</div>

<div id='content-wrapper'>

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

<center><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PiwnC_PII/AAAAAAAABsI/bAQv25Yo8yI/S990-R/ScribeDivider.jpg'/>
<img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5LwsC263KI/AAAAAAAABrY/v2DMFWG6KW4/S1600-R/Linkbarbackground.jpg'/></center>

<div id='left-column'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

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

<div id='rightsidebar-upper'>
<b:section class='sidebar' id='sidebar4' preferred='yes'/>
</div>

<div id='rightsidebar-left'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

<div id='rightsidebar-right'>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>

<div id='footer-column-container'>
<center><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PiwnC_PII/AAAAAAAABsI/bAQv25Yo8yI/S990-R/ScribeDivider.jpg'/></center>

<div id='footer5' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>
<div style='clear:both;'/>

</div>

<![CDATA[/*
/*
-----------------------------------------------

------Please DO NOT Remove The People String Ad
Unless You Follow These Instructions-----

It took a great deal of my time to modify the scribe
template to a 4 column magazine style including the
menu bar. I offer you this modified template for free.
The links and ad below are my only form of compensation for the time involved.
You may remove the people string ad if you join People
string in my downline. Does Facebook or Myspace pay you?
People String will! It is free to join and only
takes a few minutes.

1)Join People String here:

http://peoplestring.com/?f=tmartininidaho

2)Once you have joined People String in
my downline, you may delete the ad below.
The ad is the following section that starts with
<center> and ends with </center>

3)If you wish to promote your own people string
landing page email me at americanprepper@yahoo.com
and I will set up a free landing page for you

----------------------------------------------- */
]]>

<center><a href='http://www.preppers.info/People_String.html'><img src='http://1.bp.blogspot.com/_Wfc4n3MViWg/S5QewaAtUrI/AAAAAAAABs4/iHRZjl_3swM/S990-R/People+String.jpg'/></a></center>

</div>

</div></div> 
</body>

<![CDATA[/*
/*
-----------------------------------------------
!!!!The coding below includes both the bottom image for the
scribe template as well as a link to my site. This is my
compensation for providing free modified templates. Please
do not change the code below if you are using this template.
Thank you.
----------------------------------------------- */
]]>

<center><div><span><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PjpB2t5aI/AAAAAAAABsQ/1Xze6u5gSDo/S1600-R/ScribeBottom2.jpg'/></span><br/><A HREF='http://free-blogger-templates-here.blogspot.com/'><span style='color:#e8820a'>Get Free Templates Here</span></A><br/><A HREF='http://www.americanpreppersnetwork.com'><span style='color:#e8820a'>Template Modifications By Tom: American Preppers Network</span></A></div></center>
</html>

Cut and Paste This Code For Your FREE
Four Column Scribe Template (Original Wallpaper)

<?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
Name: 4 Column Scribe / Minima hybrid
Designer: Douglas Bowman
URL: www.stopdesign.com
Modified by Tom Martin
URL: http://www.freebloggertemplatesandtips.com/
Date: 07 Mar 2010

----------------------------------------------- */

/*
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="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#333333">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#333333">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">

<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 90% Georgia, Times New Roman,Sans-Serif;" value="normal normal 90% Georgia, Times New Roman,Sans-Serif;">
<Variable name="headerFont" description="Sidebar Title 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="pageTitleFont" description="Blog 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="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">
*/

/* Use this with templates/template-twocol.html */

body {
margin:0;
padding:0;
font-size: small;
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: 100%;
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;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:100%;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color: $pageHeaderColor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:950px;
letter-spacing:.2em;
line-height: 1.4em;
font: $blogDescriptionFont;
color: $blogDescriptionColor;
text-align: center;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* ----- LINKBAR ----- Modified By Tom: AmericanPreppersNetwork.com */

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 960px;
position: relative;
background:url("http://3.bp.blogspot.com/_Wfc4n3MViWg/S5LwsC263KI/AAAAAAAABrY/v2DMFWG6KW4/S1600-R/Linkbarbackground.jpg") no-repeat top $startSide;
border: 0px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 4px 0px 7px 0px;
text-align: left;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 1px 1px 1px 1px;
padding: 1px 10px 1px 10px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
border-right: 0px solid $linkbarBorderColor;
border-left: px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#473624;
background-image: url(http://2.bp.blogspot.com/_Wfc4n3MViWg/S5Pf6SozSuI/AAAAAAAABrw/KBBK2nkgkUg/S1600-R/ScribeMiddlexcf2.jpg);
border-$startSide:1px solid #332A24;
border-$endSide:1px solid #332A24;
width:980px;
margin:0px auto;
padding:8px;
font: $bodyFont;
}

#main-wrapper {
margin:0 0 0 3px;
width: 450px;
float: left;
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 */
}

#left-column {
width: 155px;
float: left;
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 */
}

#rightsidebar-upper {
margin:0 0 0 3px;
width: 350px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-left {
margin:0 0 0 5px;
width: 170px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-right {
margin:0 0 0 5px;
width: 170px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

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

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:990px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
letter-spacing:.1em;
text-align: center;
}

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

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

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


<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='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='4 Column Scribe Template (Header)' type='Header'/>
</b:section>
</div>

<div id='linkbar-wrapper'><center>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section></center>
</div>

<div id='content-wrapper'>

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

<center><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PiwnC_PII/AAAAAAAABsI/bAQv25Yo8yI/S990-R/ScribeDivider.jpg'/>
<img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5LwsC263KI/AAAAAAAABrY/v2DMFWG6KW4/S1600-R/Linkbarbackground.jpg'/></center>

<div id='left-column'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

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

<div id='rightsidebar-upper'>
<b:section class='sidebar' id='sidebar4' preferred='yes'/>
</div>

<div id='rightsidebar-left'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

<div id='rightsidebar-right'>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>

<div id='footer-column-container'>
<center><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PiwnC_PII/AAAAAAAABsI/bAQv25Yo8yI/S990-R/ScribeDivider.jpg'/></center>

<div id='footer5' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>
<div style='clear:both;'/>

</div>

<![CDATA[/*
/*
-----------------------------------------------

------Please DO NOT Remove The People String Ad
Unless You Follow These Instructions------

It took a great deal of my time to modify the scribe
template to a 4 column magazine style including the
menu bar. I offer you this modified template for free.
The links and ad below are my only form of compensation.
You may remove the people string ad if you join People
string in my downline. Does Facebook or Myspace pay you?
People String will! It is free to join and only
takes a few minutes.

1)Join People String here:

http://peoplestring.com/?f=tmartininidaho

2)Once you have joined People String in
my downline, you may delete the ad below.
The ad is the following section that starts with
<center> and ends with </center>

3)If you wish to promote your own people string
landing page email me at americanprepper@yahoo.com
and I will set up a free landing page for you

----------------------------------------------- */
]]>

<center><a href='http://www.preppers.info/People_String.html'><img src='http://1.bp.blogspot.com/_Wfc4n3MViWg/S5QewaAtUrI/AAAAAAAABs4/iHRZjl_3swM/S990-R/People+String.jpg'/></a></center>

</div>

</div></div> 
</body>

<![CDATA[/*
/*
-----------------------------------------------
!!!!The coding below includes both the bottom image for the
scribe template as well as a link to my site. This is my
compensation for providing free modified templates. Please
do not change the code below if you are using this template.
Thank you.
----------------------------------------------- */
]]>

<center><div><span><img src='http://3.bp.blogspot.com/_Wfc4n3MViWg/S5PjpB2t5aI/AAAAAAAABsQ/1Xze6u5gSDo/S1600-R/ScribeBottom2.jpg'/></span><br/><A HREF='http://free-blogger-templates-here.blogspot.com/'><span style='color:#e8820a'>Get Free Templates Here</span></A><br/><A HREF='http://www.americanpreppersnetwork.com'><span style='color:#e8820a'>Template Modifications By Tom: American Preppers Network</span></A></div></center>
</html>

Sunday, November 22, 2009

NEW 4 Column blogger Neon Template

For more template designs go here

Screen Shot Image (click to see larger image)

I have updated the new 4 column neon template. This is very simple, just cut and paste the following code for your template.

Cut and Paste This Code For Your FREE
Four Column Neon Blogger Template

<?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
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Modified by Peter Chen
URL: blogger-tricks.blogspot.com
Modified NeonNights Template by Tom Martin
URL: www.FreeBloggerTemplatesAndTips.com
Date: 26 Feb 2004
Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#999999">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#2d8930">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffc391">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#940f04">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#e1771e">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#000000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#f2984c">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#ffcc66">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#2D8930">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:100%;
margin:0 auto 10px;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:950px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align: center;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-image: url(http://3.bp.blogspot.com/_Wfc4n3MViWg/Swl9HG2fg4I/AAAAAAAABG0/u6wSBYCl4Ks/S1600-R/Outerborder5.jpg);
width: 1083px;
margin:0 auto;
padding:0;
text-align:left;
font: $bodyfont;
}

#outer-wrapper2 {
width: 990px;
margin:0 auto;
padding:0;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin:0 0 0 5px;
width: 470px;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
float: left;
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 */
}

#left-column {
width: 163px;
float: left;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
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 */
}

#rightsidebar-upper {
margin:0 0 0 5px;
width: 345px;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-left {
margin:0 0 0 5px;
width: 163px;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-right {
width: 164px;
font-family: Arial, Georgia, Sans-serif;
font-size: 12px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
font-family: Arial, Georgia, Sans-serif;
font-size: 14px;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

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

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:990px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

/* Navigation tabs start */
a.navitabs, a.navitabs:link, a.navitabs:visited {display:block; width:121.75px; height:35px; background-image: url(http://1.bp.blogspot.com/_Wfc4n3MViWg/SwmiejtnTBI/AAAAAAAABI8/gLYIdkbQfDY/S337/RedGlassButton2.jpg); border:1px solid #000000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color: #e1771e; line-height:25px; overflow:hidden; float:left;}
a.navitabs:hover {color:white; background-image: url(http://3.bp.blogspot.com/_Wfc4n3MViWg/SwmffngFTNI/AAAAAAAABIU/Ox5OeLA_xTI/S327/BlueGlassButton.jpg);}
a.navitabs:active {color:white; background-image: url(http://2.bp.blogspot.com/_Wfc4n3MViWg/SwmiXjIsOJI/AAAAAAAABI0/mEK024v-A8A/S337/GlassButton2.jpg);}
/* Navigation tabs end */

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

<body>
<div id='outer-wrapper'><div id='wrap2'>
<img src='http://4.bp.blogspot.com/_Wfc4n3MViWg/SwmI2-jh2aI/AAAAAAAABIM/CDK3o9VrBNA/S1600-R/Top5.jpg'/>

<div id='outer-wrapper2'><div id='wrap3'>


<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='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Indiana Preppers (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='yes'/>
</div>

<div id='left-column'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

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

<div id='rightsidebar-upper'>
<b:section class='sidebar' id='sidebar4' preferred='yes'/>
</div>

<div id='rightsidebar-left'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

<div id='rightsidebar-right'>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>

<div id='footer-column-container'>

<div id='footer5' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>
<div style='clear:both;'/>

</div>

</div>

</div></div></div></div> 

</body>
<center><div><span><img src='http://4.bp.blogspot.com/_Wfc4n3MViWg/SwmIvtf-CtI/AAAAAAAABIE/b5xdouZ20js/S1600-R/Bottom5.jpg'/></span><br/><A HREF='http://www.freebloggertemplatesandtips.com/2009/11/new-neon-template.html'>Get This 4 Column Template Here</A></div></center>
</html>

Already have a blog and want to save your widgets? Then Go here for a tutorial on how to keep your widgets.

This template is already set up to have the glass buttons in the menu bar. However you still need the code for the menu tabs. Go here to get the code

For the divider bar cut and paste the following code into your html widget and place it below your header and below your menu tabs widget. You can also place it in your footer widget as
well.

Cut and Paste This Code For the neon
divider bar

Friday, November 20, 2009

Make Money Blogging - Super Cigs Affiliate Program

Sign up as an affiliate to earn commissions from your blog or website. Join Here

-Commission:-Two Tier Recurring payout
-Tier 1= 15%
-Tier 2= 5%

SuperCig Smokeless Electronic Cigarette
The hottest and newest smoking device. It emits a harmless vapor that simulates smoking by satisfying nicotine urges & cravings. Use SuperCig smokeless cigarette in any situation where there is a smoking ban. Our product is non-offensive. There is no second hand smoke. The Electric Smokeless Cigarette consists of a stainless steel shell, lithium battery, micro-electric circuit, atomizing chamber and an indicator light at the head of the electric cigarette. It enables smokers to enjoy the same pleasure as they get from a traditional cigarette when inhaling the nicotine, imitating the whole process of smoking. The rechargeable battery gives you endless hours of enjoyment and smoking pleasure. No Offensive Second Hand Smoke! Only a harmless vapor is emitted. The SuperCig electronic cigarette is the perfect solution to the smoking ban now effective in bars as well as restaurants. Watch Demo Video Below >

electronic smokeless cigarettes

The Tobacco and Smoke Free Electronic Cigarette
Super Cig is a battery operated smokeless cigarette device which contains a cartridge and rechargeable battery. The cartridge contains water, propylene glycol, nicotine, and a tobacco flavor. Each Super Cig cartridge is the equivalent to one pack of standard cigarettes. This creative smoke free cigarette emits a harmless vapor that looks like smoke and even has an LED that lights up when you take a drag. Even though this smokeless electronic cigarette is tobacco free, it looks and feels like a real cigarette and will deliver varied amounts of nicotine just like tobacco products.

More reasons why you should switch to Super Cig Smokeless Cigarettes

Scientific research has demonstrated that cigarette smoke contains over 4,000 chemical substances, hundreds of which are harmful to the human body with 25 diseases directly related to smoking, especially carbon monoxide, polycyclic aromatic hydrocarbon and nitrosamine in cigarette smoke that are considered the most dangerous carcinogenic substances. The smokeless cigarette only emits a vapor that contains pure nicotine.

-Commission:-Two Tier Recurring payout
-Tier 1= 15%
-Tier 2= 5%

Join Here

Customizing Your Blogger Template

In this video you can learn from Jack Spirko, from the Ice Marketing group, on how to customize the look feel and colors of your blog.

Sunday, November 1, 2009

Free Buttons for blogger menu tabs

Here is my first set of free buttons available for you to copy. These buttons were designed from scratch using Gimp (www.Gimp.org)

All buttons on this site are 100% free for you to copy. However, your support is greatly appreciated. You can support the R & D that I put into providing these free services by linking to to this blog and telling others about it.

Black Glass Button#1

Black Glass Button#2

Sunday, October 25, 2009

Free 4 Column Blogger Template

This Page is an example of what a Magazine Style 4 Column Template looks like with an upper right gadget which can be used for displaying YouTube videos. I've included the following picture to see what the gadget layout looks like. There is plenty of room to add YouTube videos, Sponsor ads of virtually any size, blog feeds, and much much more. This template comes from the standard blogger Minima template which was modified to a 4 column template by Peter Chen (blogger-tricks.blogspot.com) and then further modified by myself to bring you various improvements including the upper third column for videos and an additional footer section. There are very few basic templates out there that come even close to the versatility of this one.

To get this in different background Colors, Go Here

Fig 1.

Click Pic for larger size

Follow the following steps to upgrade your template

1) Log into blogger
2) Go To "Layout"
3) Go To "Edit HTML"
4) DO NOT click "expand Widget Templates"
5) Cut the entire HTML code and paste into your note pad and save it for a backup.
6) Copy the following Code and paste into your HTML blogger template to replace your old HTML code.

Cut and Paste This Code For Your
FREE Four Column Blogger Template

<?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
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Modified by Peter Chen
URL: blogger-tricks.blogspot.com
Date: 26 Feb 2004
Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#0037FF">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#000000">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#000000">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#5588aa">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#189297">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:100%;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:950px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align: center;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
margin:0 auto;
padding:0;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin:0 0 0 20px;
width: 450px;
float: left;
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 */
}

#left-column {
width: 163px;
float: left;
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 */
}

#rightsidebar-upper {
margin:0 0 0 10px;
width: 345px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-left {
margin:0 0 0 10px;
width: 163px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#rightsidebar-right {
width: 164px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

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

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:990px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

/* Navigation tabs start */
a.navitabs, a.navitabs:link, a.navitabs:visited {display:block; width:121.75px; height:25px; background: #ffffff; border:1px solid #000000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color: #000000; line-height:25px; overflow:hidden; float:left;}
a.navitabs:hover {color:white; background: #999999;}
a.navitabs:active {color:white; background: #FFFFFF;}
/* Navigation tabs end */

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

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


<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='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Free Four Column blogger templates (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='yes'/>
</div>

<div id='left-column'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='rightsidebar-upper'>
<b:section class='sidebar' id='sidebar4' preferred='yes'/>
</div>

<div id='rightsidebar-left'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

<div id='rightsidebar-right'>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>

<div id='footer-column-container'>

<div id='footer5' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>
<div style='clear:both;'/>

</div>

</div>

</div></div> 
</body>
<center><A HREF='http://www.americanpreppersnetwork.com/2009/10/free-4-column-blogger-template.html'>Get This 4 Column Template Here</A><br/><A HREF='http://free-blogger-templates-here.blogspot.com/'>Get More Templates Here</A></center>
</html>

Saving Your Widgets

1) Open the notepad where you saved your old template.
2) Look for your widget sections in the code and copy your widgets. I've highlighted some as an example (Only copy the widgets, I've highlighted what they look like in Yellow. DO NOT copy the parts that say "section class" or "section" or "div")

Fig 2.

3) Paste these widgets In Your New Template. Paste them immediately after the "sections" Do Not Paste over the sections.

Fig3

Once you've pasted your widgets it should look similar to the Fig2 picture. Now Save your Template. You can click on Page Elements to move your widgets around in the sections that you want them in. If you have any questions or problems you can email me at AmericanPrepper@yahoo.com. Remember to backup your old Template! Keep checking back I will show how to change text colors borders and backgrounds. Go Here to see how to add the Tabbed Menu Bar.

Friday, October 23, 2009

Menu Tabs

Copy This Code For Menu Tabs to work in
your FREE Four Column Blogger Template

Paste this code in your gadget directly below your header.

Replace everything that says Enter URL Here with the URLs to the pages that you want to link to. Replace everything that says Text with what you want to name your tabs. (do not remove the quotation marks)

*Note, your blog must be set up to accept this tabbed menu code for it to work. The four column template that I've provided is already set up to accept the code.

Linkbar

Link List

Followers

Sunday, March 7, 2010

Free Four Column Scribe Template for Blogger

Sunday, November 22, 2009

NEW 4 Column blogger Neon Template

Friday, November 20, 2009

Make Money Blogging - Super Cigs Affiliate Program

Customizing Your Blogger Template

Sunday, November 1, 2009

Free Buttons for blogger menu tabs

Sunday, October 25, 2009

Free 4 Column Blogger Template

Friday, October 23, 2009

Menu Tabs

Sponsor Ad

Sponsor

Blog Feed

Sponsor

Sponsor Ad

Sponsor Ad

Blog Feeds

Blog Archive

Sponsor Ad