Free Blogger Templates

Free Four Column Scribe Template for Blogger

2010-03-07T15:04:00.000-08:00

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>

NEW 4 Column blogger Neon Template

2009-11-22T12:56:00.000-08:00

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

Make Money Blogging - Super Cigs Affiliate Program

2009-11-20T14:44:00.000-08:00

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

2009-11-20T10:03:00.000-08:00

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.

Free Buttons for blogger menu tabs

2009-11-01T13:08:00.000-08:00

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

Free 4 Column Blogger Template

2009-10-25T22:11:00.000-07:00

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.

Menu Tabs

2009-10-23T10:12:00.000-07:00

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.

Free 3 Column Blogger Template

2009-10-22T12:20:00.000-07:00

For an example of a basic 3 column blogger template check out Hawaii Preppers Network. I set it up with a Dark blue border and light blue background. You can also check out South Dakota Preppers Network for an example of a black background.

Here is a picture of what the 3 column template page elements look like:

Follow the following steps to upgrade your template

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

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

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. This Three column template that I've provided is already set up to accept the code.

Make money with your blog

2009-10-01T10:16:00.000-07:00

Yes! You can actually make money with your blog! Now, don't go expecting to get rich over night, but there are good, legitimate affiliate programs out there that you can link to on your blog and earn a little extra cash to supplement your income. Best of all, there are no sign up fees and registering for these programs is easy.

I will keep adding more programs to this page, so bookmark it and return often to see what's new

1) Survival seed vault. As times get tougher, and food prices rise, more and more people are turning to gardening as a means for survival or just to cut costs. The survival seed vault offers bulk heirloom seeds at a fraction of the cost that you'd pay in stores. Earn a 13% commission for each visitor you have to your blog who clicks through to Heirloom organics and buys these seeds! Free money! Join Here
Commissions:
-Tier 1 = 10%
-Tier 2 = 2%

2) Super Cig: The Tobacco and Smoke Free 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. Read More...
-Commission:-Two Tier Recurring payout
-Tier 1= 15%
-Tier 2= 5%
Sign up as an affiliate to start earning commissions. Join Here

3) SolarSphere
We have an expanded selection of plug and play kits, do it yourself kits, rv & boat systems, large grid-tie systems, and even small units for just running a couple lights. Even if you're not handy, virtually anyone can install these systems. This is a great option for homeowners and contractors to get started in renewable energy and let your green flag fly!
-Commission:
-Tier 1=10%
-Tier 2= 3%
-Start Date: November 06, 2009 Join Here

Free 4 column Blogger Template - Black

2009-09-09T14:44:00.000-07:00

Here is the blogger 4 column magazine style template that we used on this site but with a black background.

For instructions on installing this template and a screen shot of what the gadgets look like Go Here

For an example of what this template looks like go here

Cut and Paste This Code For Your
FREE Black 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="#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: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;
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 10px;
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 10px;
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:25px; background: #000000; border:1px solid #e1771e; 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: #515151;}
a.navitabs:active {color:white; background: #000000;}
/* 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'>
<b:widget id='Followers2' locked='false' title='Followers' type='Followers'/>
</b:section>
</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>

Free Mastheads

2009-09-09T14:14:00.000-07:00

We will design 1 free custom masthead with custom Title and text for your blog or website using either any picture that you provide or any picture that you find on fotolia.com. This will also include up to one hour of free consulting. All that we ask in return is a 160x240 pixel wide ad spot on the side bar of the main page of your website. This is on a first come first served basis, and will be limited to the number of people that we can schedule to help, so reserve your spot on our schedule today!

Here are a couple examples of what I've done for mastheads

www.IndianaPreppersNetwork.com
www.NorthCarolinaPreppersNetwork.com

Email me at americanprepper@yahoo.com

HTML code - For Text Color

2009-09-09T13:05:00.000-07:00

These steps are specifically for blogger gadgets, but you can use html on almost any website. If you are using something other than blogger go to your html editor and skip to step 4.

The following is an example how to make Red Text

1) Go to Layout

2) Click Add a Gadget

3) Choose HTML/JavaScript or Text. If you choose Text then click "Edit html"

4) Type the following code: <span style="color:Red">TEXT COLOR</span>

5) Replace "Text Color" with what you want to type. It's that easy!

6) There are millions of colors to choose from. If you have a specific color in mind, then go to Colorpicker.com and choose which color you'd like to use, and then rather than using the name of the color, use the code# that's generated from the color picker. For example the code number for the following bright teal color would be a number like: 02FFF0 So the code would read: <span style="color:02FFF0">TEXT COLOR</span>

And you'll get: TEXT COLOR

Choose your favorite color for your 4 Column Template

2009-09-08T14:51:00.000-07:00

4 Column Scribe

4 Column Neon

White

Black
(Sorry, pic not available yet)

Video Tutorials

2009-09-08T10:06:00.000-07:00

>> Customizing your blogger template. Jack Spirko shows you how to customize the look, feel and color of your blog

HTML code - How To Make Text Blink

2009-09-08T09:36:00.000-07:00

Flashing Text

1) Go to Layout

2) Click Add a Gadget

3) Choose HTML/JavaScript or Text. If you choose Text then click "Edit html"

4) Type the following code: <blink> Text Here </blink>

5) Replace "Text Here" with what you want to type. It's that easy!

HTML code - How to center text on your blogger gadgets

2009-01-19T15:07:00.000-08:00

1) Go to Layout

2) Click Add a Gadget

3) Choose HTML/JavaScript or Text. If you choose Text then click "Edit html"

4) Type the following code: <center> Text Here </center>

5) Replace "Text Here" with what you want to type. It's that easy!

HTML Codes and tricks

2009-01-08T15:05:00.000-08:00

Here I will add some basic html tricks and codes to use on blogger.

>> How To Center Text on your html or text gadgets
>> How To Change Text Color
>> How To Make Text Blink