Feathered Dream Catcher Blogger Template

Tumblr Themes Tumblr Theme Generator Twitter Backgrounds Twitter Headers Tumblr Follower Counter Tumblr Music Players Tumblr Visitor Counter Tumblr Users Online Counter

Tumblr Dashboard Themes Tumblr Scrollbars Facebook Covers Banner Generator Backgrounds Only Google Homepages Tumblr Cursors Facebook Banners Blogger Templates Tumblr Codes MySpace Layouts Black And White Graphics

Photo Effects

Tumblr Resources

Facebook Resources

Twitter Resources

Google Resources

Affiliates

Skinny Tumblr Themes CUTE Facebook Covers Tumblr Themes Facebook Covers

Feathered Dream Catcher Blogger Template

How to install this theme

Installing the Feathered Dream Catcher Blogger Template to your profile is easy, just follow the step by step instructions below.

Step 1     Copy the code below by using your right mouse button click in the box below and selecting 'copy'

Step 2     Make sure you are logged into your Blogger account and viewing your own blog.

Step 3     Click the 'Design' link in the top right hand corner of the page

<?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[/*

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#FFF" value="#FFFFFF">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#000" value="#000000">
   <Variable name="postTitleColor" description="Post Title Color" type="color"
             default="#000000" value="#000000">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#FFF" value="#FFFFFF">
   <Variable name="borderColor" description="Post Border Color" type="color"
             default="#000" value="#000000">

<Variable name="bottomSidebarLinkColor"
             description="Bottom Sidebar Link Color"
             type="color" default="#000" value="#000000">
   <Variable name="bottomSidebarVisitedLinkColor"
             description="Bottom Sidebar Visited Link Color"
             type="color" default="#000" value="#000000">
   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="pageTitleFont" description="Blog Title Font" type="font"
             default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="descriptionFont" description="Blog Description Font" type="font"
             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="headerFont" description="Sidebar Title Font" type="font"
             default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="postTitleFont" description="Post Title Font" type="font"
             default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
  background:url('http://www.totallylayouts.com/backgrounds/random/feathered_dream_catcher.gif') repeat #000000;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:$mainTextColor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#outer-wrapper {
  width:740px;
  margin:0 auto;
  text-align:$startSide;
  font: $bodyFont;
  }
#main-wrap1 {
  width:485px;
  float:$startSide;
  background:#FFFFFF;
  margin:15px 0 0;
  padding:0 0 10px;
  color:$mainTextColor;
  font-size:97%;
  line-height:1.5em;
  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 */
  }
#main-wrap2 {
  float:$startSide;
  width:100%;
  background:#FFFFFF;
  padding:10px 0 0;
  }
#main {
  background:#FFFFFF;
  padding:0;
  width:485px;
  }
#sidebar-wrap {
  width:240px;
  float:$endSide;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  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 */
  }

.main .widget { 
  margin-top: 4px;
  width: 468px;
  padding: 0 13px;
}

.main .Blog {
  margin: 0;
  padding: 0;
  width: 484px;
}

/* Links
----------------------------------------------- */
a:link {
  color: $mainLinkColor;
  }
a:visited {
  color: $mainVisitedLinkColor;
  }
a:hover {
  color: $mainVisitedLinkColor;
  }
a img {
  border-width:0;
  }

/* Blog Header
----------------------------------------------- */
#header-wrapper {
    background:#FFFFFF;
  margin-top:22px;
  margin-$endSide:0;
  margin-bottom:0;
  margin-$startSide:0;
  padding-top:8px;
  padding-$endSide:0;
  padding-bottom:0;
  padding-$startSide:0;
  color:$titleTextColor;
  }
#header {
  background:#FFFFFF;
  padding:0 15px 8px;
  }
#header h1 {
  margin:0;
  padding:10px 30px 5px;
  line-height:1.2em;
  font: $pageTitleFont;
  }
#header a,
#header a:visited {
  text-decoration:none;
  color: $titleTextColor;
  }
#header .description {
  margin:0;
  padding:5px 30px 10px;
  line-height:1.5em;
  font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  margin-top:0;
  margin-$endSide:28px;
  margin-bottom:0;
  margin-$startSide:43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000000;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border-width:1px 0;
  }
.post h3 {
  margin:0;
  line-height:1.5em;
  background:url("http://www2.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;
  display:block;
  border-width:0 1px 1px;
  padding-top:2px;
  padding-$endSide:14px;
  padding-bottom:2px;
  padding-$startSide:29px;
  color: $postTitleColor;
  font: $postTitleFont;
  }
.post h3 a, .post h3 a:visited {
  text-decoration:none;
  color: $postTitleColor;
  }
a.title-link:hover {
  background-color: $borderColor;
  color: $mainTextColor;
  }
.post-body {
  border-width:0 1px 1px;
  border-bottom-color:$mainBgColor;
  padding-top:10px;
  padding-$endSide:14px;
  padding-bottom:1px;
  padding-$startSide:29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post-body {
  margin:0 0 .75em;
  }
.post-body blockquote {
  line-height:1.3em;  
  }
.post-footer {
  background: #ffffff;
  margin:0;
  padding-top:2px;
  padding-$endSide:14px;
  padding-bottom:2px;
  padding-$startSide:29px;
  border-width:1px;
  font-size:100%;
  line-height:1.5em;
  color: #666666;
}
/*
The first line of the post footer might only have floated text, so we need to give it a height.
The height comes from the post-footer line-height
*/
.post-footer-line-1 {
  min-height:1.5em;
  _height:1.5em;
}

.post-footer p {
  margin: 0;
}
html>body .post-footer {
  border-bottom-color:transparent;
  }

.uncustomized-post-template .post-footer {
  text-align: $endSide;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: $startSide;
  text-align:$startSide;
  margin-$endSide: 4px;
}

.post-footer a { 
  color: #456;
 }
.post-footer a:hover { 
  color: #234;
 }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment_$startSide.gif") no-repeat $startSide 45%;
  padding-$startSide:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders3/icon_comment_$startSide.gif") no-repeat $startSide 45%;
  padding-$startSide:14px;
  }
.post img {
  margin-top:0;
  margin-$endSide:0;
  margin-bottom:5px;
  margin-$startSide:0;
  padding:4px;
  border:1px solid $borderColor;
  }
blockquote {
  margin:.75em 0;
  border-width:1px 0;
  padding:5px 15px;
  color: $dateHeaderColor;
  }
.post blockquote p {
  margin:.5em 0;
  }

#blog-pager-newer-link {
  float: $startSide;
  margin-$startSide: 13px;
 }
 
#blog-pager-older-link {
  float: $endSide;
  margin-$endSide: 13px;
 }

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

.feed-links { 
  clear: both;
  line-height: 2.5em;
  margin-$startSide: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border-width:0 1px 1px;
  padding-top:20px;
  padding-$endSide:0;
  padding-bottom:15px;
  padding-$startSide:0;
  }
#comments h4 {
  margin:0 0 10px;
  padding-top:0;
  padding-$endSide:14px;
  padding-bottom:2px;
  padding-$startSide:29px;
  font-size:120%;
  line-height:1.4em;
  color:$postTitleColor;
  }
#comments-block {
  margin-top:0;
  margin-$endSide:15px;
  margin-bottom:0;
  margin-$startSide:9px;
  }
.comment-author {
  background:url("http://www.blogblog.com/rounders3/icon_comment_$startSide.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:0;
  padding-$startSide:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:0;
  padding-$startSide:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.75em;
  padding-$startSide:20px;
  }
.comment-footer a:link {
  color: #333;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-form {
  padding-$startSide:20px;
  padding-$endSide:5px;
}
#comments .comment-form h4 {
  padding-$startSide:0px;
}

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

.profile-datablock {
  margin-top:0;
  margin-$endSide:15px;
  margin-bottom:.5em;
  margin-$startSide:0;
  padding-top:8px;
}

.profile-link { 
  background:url("http://www.blogblog.com/rounders3/icon_profile_$startSide.gif") no-repeat $startSide .1em;
  padding-$startSide:15px;
  font-weight:bold;
}

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

.sidebar .clear, .main .widget .clear { 
  clear: both;
}

#sidebartop-wrap {
background:#FFFFFF;
  margin:0px 0px 15px;
  padding:0px 0px 10px;
  color:$topSidebarTextColor;
  }

#sidebartop-wrap2 { 
background:#FFFFFF;
  padding: 10px 0 0;
  margin:0;
  border-width:0;
 }

#sidebartop h2 {
  line-height:1.5em;
  color:$topSidebarHeaderColor;
  font: $headerFont;
  margin-bottom: 0.5em;
}

#sidebartop a { 
 color: $topSidebarLinkColor;
}

#sidebartop a:hover { 
 color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited { 
 color: $topSidebarVisitedLinkColor;
}

#sidebar a { 
  color: $bottomSidebarLinkColor;
}
#sidebar a:hover,
#sidebar a:visited { 
  color: $bottomSidebarVisitedLinkColor;
}

/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget { 
  margin:.5em 13px 1.25em;
  padding:0 0px;
 }

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

#sidebarbottom-wrap1 {background:#FFFFFF;
  margin:0 0 15px;
  padding:10px 0 0;
  color: $titleTextColor;
}

#sidebarbottom-wrap2 {
  background:#FFFFFF;
  padding:0 0 8px;
}

.sidebar h2 {
  margin-top:0;
  margin-$endSide:0;
  margin-bottom:.5em;
  margin-$startSide:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:$headerFont;
}

.sidebar ul {
  list-style:none;
  margin:0 0 1.25em;
  padding:0;
}

.sidebar ul li {
  background:url("http://www2.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:3px;
  padding-$startSide:16px;
  margin-bottom:3px;
  line-height:1.4em;
  }
.sidebar p {
  margin:0 0 .6em;
  }

#sidebar h2 {
  color: $bottomSidebarHeaderColor;
 }

/* Footer
----------------------------------------------- */
#footer-wrap1 {
  clear:both;
  margin:0 0 10px;
  padding:15px 0 0;
  }
#footer-wrap2 {
  background:#FFFFFF;
  color:$titleTextColor;
  }
#footer {
background:#FFFFFF;
  padding:8px 15px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}
#footer .widget-content {
  margin:0;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
  margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper { 
  margin-$startSide:0,
  margin-$endSide: 0;
  padding: 0;
}

body#layout #outer-wrapper { 
  width: 730px;
}

body#layout #footer-wrap1 { 
  padding-top: 0;
 }

.YayBar { background-color:#003366;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;}
.YayBar a {color:#ffffff;}
.totallylayouts {float:right;padding-right:9px;}

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

<body>

<div class="YayBar" style="cursor:pointer;"><div class="totallylayouts"><span style="position:relative;top:-1px;left:0px"></span> <a href="http://www.totallylayouts.com/">YayBlogger.com</a></div>
    <a href="hhttp://www.totallylayouts.com/">BLOGGER TEMPLATES</a><span style="position:relative;top:-1px;left:0px;"></span> </div>

</div>

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

Step 4     Click the 'Edit HTML' tab in the top left corner

Step 5     Delete any existing code and paste the code you copied in Step 1 into the empty box

Step 6     Click the orange 'Save Template' button and your template is installed!

Comments

| | | |

© TOTALLYLAYOUTS 2007 - 2013. All rights reserved. TOTALLYLAYOUTS is not affiliated with any social networking site. All images and logos are the legal property of the individuals they represent. Tumblr, Twitter, Facebook and Google references and logos are their own legal property. .