Green Flora Template
If green and flowers are your thing then I’ve got good news for you. The Green Flora template is elegant yet simple enough for a nice blog design. This template is fixed width. This template will NOT work in “classic” Blogger mode. This theme features a built in RSS Feed and full support for drag and drop sidebar widgets.
The images are already hosted via Photobucket, no need to download those separately!
IMPORTANT!
Make sure you backup or save your existing customizations like links and sidebar addons, hit counters, widget contents, etc. before deleting the old skin because they will be replaced by the new code. After installation just copy and paste your customizations back in from your original code.
In some cases the template editor will ask to confirm the deletion of some of the widgets / page element sections. This will happen when you have widgets installed that are not included in this theme. This theme includes a bare minimum of widget elements. You should make backup copies of the contents of those widgets before deleting or you will lose the data! Once the theme is installed, you can reinstall your widget elements and complete the customization.
Your blogs title will automatically replace the title you see in the header. The description or tagline will display in the header panel, edit it in your blogs “Settings” area.
Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!
Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!
If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.
<?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 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[/*
-----------------------------------------------
Name: Flora Theme
Designer: se7en
URL: www.blogsgonewild.net
Type: Free Blogger XML Skin
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#C3D9FF">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffffff">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#341473">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#5588aa">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#ffffff">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#6131BD">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Verdana, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 95% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal bold 200% Verdana, sans-serif">
<Variable name="descriptionfont" description="Blog Description 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="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">
*/
/* Use this with templates/template-twocol.html */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:#7c9e42 url("http://i161.photobucket.com/albums/t219/freetemplates4/floral-bg.jpg") repeat-x;
margin:0;
color:#555;
font:85%/.8em Tahoma, Helvetica, Sans-serif;
text-align: center;
}
a:link {
color:#555;
text-decoration:none;
}
a:visited {
color:#555;
text-decoration:none;
}
a:hover {
color:#999;
text-decoration:underline;
}
a img {
border-width:0;
}
.post-body a {
color:#555;
text-decoration:underline;
}
.post-body a:hover {
color:#999;
text-decoration:none;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background: url("http://i161.photobucket.com/albums/t219/freetemplates4/floral-heading-2.jpg") no-repeat;
width:770px;
height:350px;
margin:0 auto;
padding:0;
text-align:left;
}
#header {
width:410px;
margin:0;
padding:220px 0 0 15px;
}
#header h1 {
margin:0;
padding:0;
font-size: 130%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.1em;
font-style:italic;
color:#d9eebc;
}
#header a {
color:#d9eebc;
text-decoration:none;
}
#header a:hover {
color:#d9eebc;
text-decoration:underline;
}
.descriptionwrapper p {
margin:0;
padding:3px 0 0 0;
line-height: 1.3em;
font-style: italic;
font-size:80%;
font-weight:bold;
font-size:.8em;
letter-spacing:.1em;
color: #d9eebc;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: url("http://i161.photobucket.com/albums/t219/freetemplates4/floral-body.jpg");
width: 770px;
margin:0 auto;
padding:0;
text-align:left;
}
#main-wrapper {
width: 490px;
margin:-50px 0 0;
padding:0 18px 0 0px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 205px;
margin:-30px 0 0;
padding:0 0 50px 15px;
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 */
}
br {
clear:both;
}
.post-body br {
clear:none;
}
/* Headings
----------------------------------------------- */
h2 {
background:#89ba44;
margin:.5em 0 .75em;
padding:2px 4px 2px;
font:90% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-weight:bold;
font-style:italic;
line-height: 1.4em;
text-transform:uppercase;
color:#fff;
}
#ArchiveList {
margin:0;
padding:0 0 0 12px;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 0;
color:#888;
font-size:10px;
background:none;
}
.post {
margin:.5em 0 8px;
padding-bottom:0;
border-bottom:1px solid #91c348;
}
#main .post h3 {
margin:.25em 0 0;
padding:0;
font-size:130%;
font-weight:normal;
line-height:1.4em;
color:#91c348;
}
#main .post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
font-size:110%;
font-weight:bold;
font-style:italic;
text-decoration:none;
color:#91c348;
}
#main .post h3 strong, .post h3 a:hover {
color:#91c348;
text-decoration:underline;
}
.post-body, .post p {
margin:0 0 .75em;
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:#777;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post-body img {
margin:5px;
border:2px solid #7c9e42;
}
.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;
}
#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: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper {
color:#555;
line-height: 1.1em;
}
#sidebar-wrapper ul {
list-style:none;
margin:0;
padding:0;
}
#sidebar-wrapper li {
margin:0;
padding:0 0 .25em 10px;
line-height:1.2em;
}
#sidebar-wrapper .widget, .main .widget {
margin:0 0 .5em;
padding:0 0 .5em;
}
#sidebar-wrapper .widget, .main .widget {
margin:0 0 .5em;
padding:0 0 .5em;
}
.widget-content {
margin:o;
padding:0 0 0 8px;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding:0;
border:1px solid #555;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
color:#555;
font-size:11px;
font-weight: bold;
line-height: 1.3em;
}
.profile-datablock {
margin:.5em 0 .5em;
font-size:11px;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.3em;
font-size:11px;
}
.profile-link {
text-transform: uppercase;
letter-spacing: .1em;
font-size:11px;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
background: url("http://i161.photobucket.com/albums/t219/freetemplates4/floral-footer.jpg") no-repeat;
width:770px;
height:20px;
clear:both;
margin:0 auto;
padding:0;
}
#lower-footer {
margin:10px 0 0;
padding:0;
line-height: 1.3em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
font-weight:bold;
color:#ccc;
}
p.feed {
margin:0;
padding-left:10px;
}
#credits {
margin:0;
padding:0 0 0 10px;
font-size:11px;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper' style='margin-top:0;'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Country Knitting Blogger XML Skin with an extra long title (Header)' type='Header'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section>
<h2>Subscribe</h2>
<p class='feed'>
<a class='feed-link' href='/feeds/posts/default' target='_blank' type='application/atom+xml'><img alt='Subscribe' src='http://i16.photobucket.com/albums/b18/blogmaster/feed-icon-24x24.gif'/> RSS Feed (xml)</a>
</p>
<h2>Credits</h2>
<div id='credits'>
<!-- Please Don't Remove Link Back, Thanks! -->
<p>
Skin Design By:
<br/>
<a href='http://freeskins.blogspot.com/' title='Free Blogger XML Skins'>Free Blogger Skins</a>
</p>
<p>
Artwork:
<br/>
<a href='http://www.dreamstime.com/Elise1976_info'>Elisabeth Perotin</a>
</p>
</div>
<p id='powered-by'><a href='http://www.blogger.com'><img alt='Powered by Blogger' src='http://buttons.blogger.com/bloggerbutton1.gif'/></a></p>
</div><!-- end sidebar-wrapper -->
<br/>
</div></div> <!-- end outer-wrapper -->
<div id='footer-wrapper'>
</div>
<div id='lower-footer'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
0 komentar:
Posting Komentar