free blogger and CMS templates: Free Professional Blogger Template

this is a professionals blogger template. looks like wordpress template in beautifull three collums layout and easy for costumisation. why? because every thing in this themes is writen in XML and blogger friendly. the basic color is white but you can change them like you change a defaul themes from blogger. and it is realy easy. just click and you've got your page chaged.

many features in this template:

read more fasilities: you can add read more to add your blog resume of your post like in wordpress. with simple action. read this to learn about this
easy costumitation: this is blogger speciality you can change background, border and font color whitour modify the base code. like default themes in blogger. just click and you've got your page changed
and many feature in this themes

there the code :

just copy and paste to your EditHtml 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 dir="'data:blog.languageDirection'" xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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[ /* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: The Professional Template Design by: cms-themes.blogspot.com ----------------------------------------------------------------------- */ /* Variable definitions ======================== <variable name="bodybgColor" description="Body Background Color" type="color" default="#FFBBE8" value="#000000"> <variable name="blogframeColor" description="Blog Background Color" type="color" default="#800040" value="#f3f3f3"> <variable name="blogBorderColor" description="Blog Border Color" type="color" default="#800040" value="#000000"> <variable name="headerbgColor" description="Header Background Color" type="color" default="#ffffff" value="#f8f8f8"> <variable name="headerBorderColor" description="Header Border Color" type="color" default="#800040" value="#cccccc"> <variable name="blogTitleColor" description="Blog Title Color" type="color" default="#800040" value="#000000"> <variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#800040" value="#ffffff"> <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="#b3b3b3"> <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="#b3b3b3"> <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="middlebarbgColor" description="Middlebar Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="contentbgColor" description="Content Background Color" type="color" default="#ffffff" value="#f8f8f8"> <variable name="contentBorderColor" description="Content Border Color" type="color" default="#9D1961" value="#cccccc"> <variable name="postbgColor" description="Post Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="postBorderColor" description="Post Border Color" type="color" default="#ffffff" value="#e6e6e6"> <variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#cc0000"> <variable name="posttitlebgColor" description="Post Title Background Color" type="color" default="#000000" value="#e1771e"> <variable name="posttitleBorderColor" description="Post Title Border Color" type="color" default="#000000" value="#b3b3b3"> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#000000" value="#b3b3b3"> <variable name="textColor" description="Text Color" type="color" default="#191919" value="#4c4c4c"> <variable name="mainLinkColor" description="Main Link Color" type="color" default="#333333" value="#cc0000"> <variable name="mainHoverLinkColor" description="Main Hover Link Color" type="color" default="#9D1961" value="#000000"> <variable name="mainVisitedLinkColor" description="Main Visited Link Color" type="color" default="#9D1961" value="#cc0000"> <variable name="blockquotebgColor" description="Blockquote Background Color" type="color" default="#191919" value="#f8f8f8"> <variable name="blockquoteBorderColor" description="Blockquote Border Color" type="color" default="#191919" value="#f1f1f1"> <variable name="blockQuoteColor" description="Blockquote Color" type="color" default="#191919" value="#999999"> <variable name="codeTextColor" description="Code Text Color" type="color" default="#660000" value="#808080"> <variable name="imagebgColor" description="Photo Background Color" type="color" default="#f5f5f5" value="#ffffff"> <variable name="imageBorderColor" description="Photo Border Color" type="color" default="#f5f5f5" value="#ffffff"> <variable name="postfooterBgColor" description="Postfooter Background Color" type="color" default="#b8659C" value="#fafafa"> <variable name="postfooterBorderColor" description="Postfooter Border Color" type="color" default="#b8659C" value="#f3f3f3"> <variable name="postfooterTextColor" description="Postfooter Text Color" type="color" default="#b8659C" value="#b3b3b3"> <variable name="postfooterLinkColor" description="Postfooter Link Color" type="color" default="#b8659C" value="#b3b3b3"> <variable name="commentTabLinkColor" description="Comment Tab Link Color" type="color" default="#b8659C" value="#b3b3b3"> <variable name="feedlinksColor" description="Feed Links Color" type="color" default="#9D1961" value="#b3b3b3"> <variable name="sidebar1bgColor" description="Sidebar1 Background Color" type="color" default="#FFBBE8" value="#ffffff"> <variable name="sidebar1BorderColor" description="Sidebar1 Border Color" type="color" default="#C94093" value="#e6e6e6"> <variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color" type="color" default="#ffffff" value="#f1f1f1"> <variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color" type="color" default="#C94093" value="#cc0000"> <variable name="sidebar1HeaderColor" description="Sidebar1 Header Color" type="color" default="#000000" value="#333333"> <variable name="sidebar1TextColor" description="Sidebar1 Text Color" type="color" default="#9D1961" value="#808080"> <variable name="sidebar1LinkColor" description="Sidebar1 Link Color" type="color" default="#9D1961" value="#808080"> <variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color" type="color" default="#000000" value="#cc0000"> <variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color" type="color" default="#000000" value="#808080"> <variable name="sidebarListLineColor" description="Sidebar List Line Color" type="color" default="#000000" value="#e6e6e6"> <variable name="profileBorderColor" description="Profile Border Color" type="color" default="#000000" value="#ffffff"> <variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#f8f8f8"> <variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#cccccc"> <variable name="sublowerbarbgColor" description="Sublowerbar Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="sublowerbarBorderColor" description="Sublowerbar Border Color" type="color" default="#C94093" value="#e6e6e6"> <variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#ffffff"> <variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#333333"> <variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#808080"> <variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#808080"> <variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#cc0000"> <variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#808080"> <variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#d5cDc3"> <variable name="commentbgColor" description="Comment Background Color" type="color" default="#9D1961" value="#ffffff"> <variable name="commentBorderColor" description="Comment Border Color" type="color" default="#C94093" value="#ffffff"> <variable name="commentboxBgColor" description="Comment Box Background Color" type="color" default="#9D1961" value="#f8f8f8"> <variable name="commentboxBorderColor" description="Comment Box Border Color" type="color" default="#C94093" value="#e6e6e6"> <variable name="commentTitleColor" description="Comment Header Color" type="color" default="#000000" value="#cc0000"> <variable name="commentauthorBgColor" description="Comment Author Background Color" type="color" default="#9D1961" value="#e6e6e6"> <variable name="commentauthorColor" description="Comment Author Color" type="color" default="#9D1961" value="#4c4c4c"> <variable name="commentTimeStampColor" description="Comment Timestamp Color" type="color" default="#C94093" value="#999999"> <variable name="commentTextColor" description="Comment Text Color" type="color" default="#4c4c4c" value="#808080"> <variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#e6e6e6"> <variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#cccccc"> <variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#333333"> <variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#333333"> <variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#333333"> <variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#333333"> <variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#333333"> <variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 273% Georgia, Times, serif" value="normal bold 171% Times, serif"> <variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 90% Georgia, Times, serif"> <variable name="linkbarTextFont" description="Linkbar Text Font" type="font" default="normal normal 77% Verdana, sans-serif" value="normal bold 65% Arial, sans-serif"> <variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 180% Georgia, Times, serif" value="normal normal 155% Times, serif"> <variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal normal 85% Georgia, Times, serif"> <variable name="textFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif" value="normal normal 80% Arial, sans-serif"> <variable name="quoteFont" description="Blog Quote Font" type="font" default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 105% Arial, sans-serif"> <variable name="sidebarHeaderFont" description="Sidebar Title Font" type="font" default="normal bold 117% Arial, sans-serif" value="normal bold 89% Arial, sans-serif"> <variable name="sidebarTextFont" description="Sidebar Text Font" type="font" default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 67% Arial, sans-serif"> <variable name="postfooterTextFont" description="Post-Footer Text Font" type="font" default="normal normal 93% Arial, sans-serif" value="normal normal 82% Arial, sans-serif"> <variable name="commentTitleFont" description="Comment Title Font" type="font" default="normal bold 120% Arial, sans-serif" value="normal bold 124% Times, serif"> <variable name="commentTextFont" description="Comment Text Font" type="font" default="normal normal 95% Arial, sans-serif" value="normal normal 101% Arial, sans-serif"> <variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif"> <variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif"> */ /* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: $textColor; background: $bodybgColor url() repeat top right; /* background-attachment: fixed; */ font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 15px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 7px; margin-top: 0px; margin-bottom: 15px; text-align: center; position: relative; width: 980px; background: $blogframeColor; border: 3px solid $blogBorderColor; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; visibility: hidden; display: none; } /* ----- TOP ADS ----- Blogger template design by Ourblogtemplates.com */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Blogger template design by Ourblogtemplates.com */ #header-wrapper { margin: 7px 0px 7px 0px; padding: 4px; width: 970px; background: $headerbgColor; border: 1px solid $headerBorderColor; } #header { width: 970px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: $blogTitleColor; font: $blogTitleFont; font-variant: small-caps; margin: 0px 0px 0px 0px; padding: 10px 20px 0px 20px; } #header h1 a { text-decoration: none; color: $blogTitleColor; } #header h1 a:hover { text-decoration: underline; color: $blogDescriptionColor; } #header .description { color: $blogDescriptionColor; font: $blogDescriptionFont; margin: 0px 0px 0px 0px; padding: 1px 20px 25px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by Ourblogtemplates.com */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 978px; position: relative; background: $linkbarbgColor; border: 1px 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: 0px -4px 0px 0px; padding: 7px 10px 7px 10px; width:100%; text-decoration:none; font: $linkbarTextFont; color: $linkbarTextColor; text-transform: uppercase; border-right: 1px solid $linkbarBorderColor; border-left: 0px solid $linkbarBorderColor; } #linkbar a:hover { color: $linkbarHoverTextColor; background: $linkbarHoverBgColor; } /* ----- MIDDLE ADS ----- Blogger template design by Ourblogtemplates.com */ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 980px; position: relative; text-align: center; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* background: $middlebarbgColor; border-top: 1px solid $contentBorderColor; border-left: 1px solid $contentBorderColor; border-right: 1px solid $contentBorderColor; */ } #middleads .widget, #middleads2 .widget { margin: 0; padding: 10px 0; } /* ----- MAIN ----- Blogger template design by Ourblogtemplates.com */ #content-wrapper { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: $contentbgColor; border: 1px solid $contentBorderColor; 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-wrapper { float: left; width: 486px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { width: 476px; margin: 4px; padding: 20px 0 0 0; color: $textColor; font: $textFont; background: $postbgColor; border: 1px solid $postBorderColor; } #main .widget { margin: 0px 0px 0px 0px; padding: 0px 25px 20px 25px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 20px 0px; padding: 0px 0px 2px 0px; color: $postTitleColor; font: $postTitleFont; text-decoration: none; text-align: left; line-height: 1.4em; /* text-transform: uppercase; */ border-bottom: 2px solid $posttitleBorderColor; } .post h3 a, .post h3 a:visited { color: $postTitleColor; text-decoration: none; } .post h3 a:hover { color: $dateHeaderColor; text-decoration: none; } .post-header-line-1 { } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; text-align: left; color: $dateHeaderColor; font: $dateHeaderFont; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: $mainLinkColor; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: $mainHoverLinkColor; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 0px; padding: 5px; background: $imagebgColor; border: 1px solid $imageBorderColor; } /* ----- POST-FOOTER ----- Blogger template design by Ourblogtemplates.com */ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 7px 20px 7px 20px; text-align: left; font: $postfooterTextFont; color: $postfooterTextColor; font-weight: normal; line-height: 1.6em; text-decoration: none; background: $postfooterBgColor; border: 1px solid $postfooterBorderColor; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: $postfooterLinkColor; text-decoration: none; } .post-footer a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTabLinkColor; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: $mainHoverLinkColor; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: $postfooterBgColor; } #blog-pager { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; text-align: center; font: $postfooterTextFont; color: $feedlinksColor; } #blog-pager a {color: $feedlinksColor} #blog-pager a:hover {color: $mainHoverLinkColor} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: $postfooterTextFont; color: $feedlinksColor; } .feed-links a, .feed-links a:visited {color: $feedlinksColor} .feed-links a:hover {color: $mainHoverLinkColor} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 15px; padding: 10px 15px 10px 15px; font: $quoteFont; line-height: 1.6em; color: $blockQuoteColor; background: $blockquotebgColor; border: 2px solid $blockquoteBorderColor; } /* ----- CODE ----- */ code { color: $codeTextColor; font-size: 110%; } /* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */ #side-wrapper1 { width: 156px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 */ } #side-wrapper2 { width: 336px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 */ } #side-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 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 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: $sidebarTextFont; } #sidebar1 { width: 152px; margin: 4px 0px 0px 4px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar2 { width: 332px; margin: 4px 4px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar3 { width: 164px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar4 { width: 164px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $sidebar1TextColor; line-height: 1.8em; } #sidebar1 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } #sidebar2 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } #sidebar3 .widget, #sidebar4 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: $sidebar1bgColor; border: 1px solid $sidebar1BorderColor; } /* sidebar heading ----- Blogger template design by Ourblogtemplates.com */ #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 { margin: -15px -15px 10px -15px; padding: 5px 15px 5px 15px; text-align: left; color: $sidebar1HeaderColor; font: $sidebarHeaderFont; text-transform: uppercase; text-decoration: none; background: $sidebar1HeaderBgColor; border-bottom: 1px solid $sidebar1BorderColor; } .sidebar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .sidebar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid $sidebarListLineColor; } #sidebar1 a, #sidebar2 a, #sidebar3 a , #sidebar4 a { color: $sidebar1LinkColor; text-decoration: none; } #sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover { text-decoration: none; color: $sidebar1HoverLinkColor; } #sidebar1 a:visited, #sidebar2 a:visited, #sidebar3 a:visited, #sidebar4 a:visited { text-decoration: none; color: $sidebar1VisitedLinkColor; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid $profileBorderColor; } /* ----- PROFILE ----- Blogger template design by Ourblogtemplates.com */ .profile-img { margin: 7px; padding: 0px; border: 1px solid $sidebarListLineColor; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid $sidebarListLineColor; border-bottom: 1px solid $sidebarListLineColor; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Blogger template design by Ourblogtemplates.com */ #comments { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; color: $commentTextColor; font: $commentTextFont; } .comments-singleblock { margin: 15px 0px 15px 0px; padding: 15px; background: $commentboxBgColor; border: 1px solid $commentboxBorderColor; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTitleColor; font: $commentTitleFont; text-transform: uppercase; } .deleted-comment { font-style:italic; color:gray; margin: 5px 0px 5px 0px; } .comment-author { margin: -15px -15px 0px -15px; padding: 5px 15px 5px 15px; color: $commentauthorColor; font-weight: normal; background: $commentauthorBgColor; border-bottom: 1px solid $commentboxBorderColor; } .comment-author a {color: $commentauthorColor; text-decoration: none;} .comment-author a:hover {color: $commentTimeStampColor; text-decoration: underline;} .comment-author a:visited {color: $commentauthorColor; text-decoration: none;} .comment-body {margin: 0; padding: 10px 0px 0px 30px;} .comment-body p {margin: 0; padding: 0; line-height: 1.6em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: $commentTimeStampColor; } .comment-timestamp a { color: $commentTimeStampColor; text-decoration: none; } .comment-timestamp a:hover {color: $commentauthorColor; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } #backlinks-container {margin-top: 30px} /* ----- LOWER SECTION ----- Blogger template design by Ourblogtemplates.com */ #lower-wrapper { margin: 7px 0px 7px 0px; padding: 4px 0px 0px 0px; width: 978px; font: $sidebarTextFont; color: $lowerbarTextColor; background: $lowerbarbgColor; border: 1px solid $lowerbarBorderColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 320px; text-align: left; line-height: 1.8em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar .widget { margin: 0 0 4px 0; padding: 20px 20px 20px 20px; border: 1px solid $sublowerbarBorderColor; background: $sublowerbarbgColor; } .lowerbar {margin: 0; padding: 0;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: -20px -20px 10px -20px; padding: 5px 20px 5px 20px; color: $lowerbarHeaderColor; font: $sidebarHeaderFont; text-align: left; text-transform: uppercase; background: $lowerbarTitleBgColor; border-bottom: 1px solid $sublowerbarBorderColor; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid $lowerbarListLineColor; } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} /* ----- FOOTER ----- Blogger template design by Ourblogtemplates.com */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #footer { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 978px; text-align: left; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; background: $footerbgColor; border: 1px solid $footerBorderColor; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by Ourblogtemplates.com */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: #444444; font-weight: normal; background: #777777; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: #ffffff; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: #ffffff; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #444444; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: #444444; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } ]]></b:skin> <b:if cond="'data:blog.pageType"> <script type="'text/javascript'"> var fade = false; function showFull(id) { 	var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i <> if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Appear(spans[i]); } else spans[i].style.display = 'inline'; } if (spans[i].id == "showlink") spans[i].style.display = 'none'; if (spans[i].id == "hidelink") spans[i].style.display = 'inline'; } } function hideFull(id) { 	var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); for (var i = 0; i <> if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor; Effect.Fade(spans[i]); } else spans[i].style.display = 'none'; } if (spans[i].id == "showlink") spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none'; } post.scrollIntoView(true); } function checkFull(id) { 	var post = document.getElementById(id); var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i <> if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none'; } } </script> </b:if> </head> <body> <div id="'outer-wrapper'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'topads-wrapper'"> <b:section class="'topads'" id="'topads'" preferred="'yes'/"> </div> <div style="'clear:"> <div id="'blog-wrapper'"> <div id="'linkbar-wrapper'"> <b:section class="'linkbar'" id="'linkbar'" showaddelement="'no'"> <b:widget id="'LinkList1'" locked="'true'" title="'Linkbar'" type="'LinkList'"> <b:includable id="'main'"> <b:if cond="'data:title'"><h2><data:title/></h2></b:if> <div class="'widget-content'"> <ul> <b:loop values="'data:links'" var="'link'"> <li><a href="'data:link.target'"><data:link.name/></a></li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> </b:section> </div> <div style="'clear:"> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'The" type="'Header'"> <b:includable id="'title'"> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </b:includable> <b:includable id="'description'"> <div class="'descriptionwrapper'"> <data:description/> </div> </b:includable> <b:includable id="'main'"> <b:if cond="'data:useImage'"> <b:if cond="'data:imagePlacement">  <div id="'header-inner'"> <a href="'data:blog.homepageUrl'" style="'display:"> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" style="'display:" /> </a> </div> <b:else/>  <div style="'" id="'header-inner'"> <div class="'titlewrapper'" style="'background:"> <h1 class="'title'" style="'background:"> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </h1> </div> <div class="'descriptionwrapper'"> <data:description/> </div> </div> </b:if> <b:else/>  <div id="'header-inner'"> <div class="'titlewrapper'"> <h1 class="'title'"> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </h1> </div> <div class="'descriptionwrapper'"> <data:description/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> </div> <div style="'clear:"> <div id="'middleads-wrapper'"> <b:section class="'middleads'" id="'middleads'" preferred="'yes'/"> </div> <div style="'clear:"> <div id="'content-wrapper'"> <div id="'side-wrapper1'"> <b:section class="'sidebar'" id="'sidebar1'" preferred="'yes'"> <b:widget id="'Label2'" locked="'false'" title="'Labels'" type="'Label'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <ul> <b:loop values="'data:labels'" var="'label'"> <li> <b:if cond="'data:blog.url"> <data:label.name/> <b:else/> <a dir="'data:blog.languageDirection'" href="'data:label.url'"> <data:label.name/> </a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> <b:widget id="'Text3'" locked="'false'" title="'Lorem" type="'Text'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> <data:content/> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'"> <b:includable id="'main'"> <b:if cond="'data:title"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <b:if cond="'data:team">  <ul> <b:loop values="'data:authors'" var="'i'"> <li><a href="'data:i.userUrl'"><data:i.display-name/></a></li> </b:loop> </ul> <b:else/>  <b:if cond="'data:photo.url"> <a href="'data:userUrl'"><img class="'profile-img'" alt="'data:photo.alt'" height="'data:photo.height'" src="'data:photo.url'" width="'data:photo.width'/" /></a> </b:if> <dl class="'profile-datablock'"> <dt class="'profile-data'"><data:displayname/></dt> <b:if cond="'data:showlocation"> <dd class="'profile-data'"><data:location/></dd> </b:if> <b:if cond="'data:aboutme"><dd class="'profile-textblock'"><data:aboutme/></dd></b:if> </dl> <a class="'profile-link'" href="'data:userUrl'"><data:viewprofilemsg/></a> </b:if> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> </b:section> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" preferred="'yes'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"> <b:includable id="'nextprev'"> <div class="'blog-pager'" id="'blog-pager'"> <b:if cond="'data:newerPageUrl'"> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a> </b:if> <b:if cond="'data:olderPageUrl'"> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/></a> </b:if> <b:if cond="'data:blog.homepageUrl"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> <b:else/> <b:if cond="'data:newerPageUrl'"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> </b:if> </b:if> </div> <div class="'clear'/"> </b:includable> <b:includable id="'backlinks'" var="'post'"> <a name="'links'/"><h4><data:post.backlinkslabel/></h4> <b:if cond="'data:post.numBacklinks"> <dl class="'comments-block'" id="'comments-block'"> <b:loop values="'data:post.backlinks'" var="'backlink'"> <div class="'collapsed-backlink"> <dt class="'comment-title'">   <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"> </dt> <dd class="'comment-body"> <data:backlink.snippet/> </dd> <dd class="'comment-footer"> <data:post.authorlabel/> <data:backlink.author/> <data:post.timestamplabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a> </b:includable> <b:includable id="'post'" var="'post'"> <div class="'post'"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <h3 class="'post-title'"> <b:if cond="'data:post.link'"> <a href="'data:post.link'"><data:post.title/></a> <b:else/> <b:if cond="'data:post.url'"> <a href="'data:post.url'"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class="'post-header-line-1'"> </div> <div class="'post-body'" id="'"> 	 	 <b:if cond="'data:blog.pageType"> <style>#fullpost{display:inline;}</style> <data:post.body/> <b:else/> <style>#fullpost{display:none;}</style> <data:post.body/> 	 <a href="'data:post.url'">Read more...</a> <script type="'text/javascript'"> checkFull("post-" + "<data:post.id/>"); </script> </b:if> 	 <div style="'clear:">  </div> 	 <div class="'post-footer'"> 	 <div class="'post-footer-line"> 	 <b:if cond="'data:top.showAuthor'"> <data:top.authorlabel/> <data:post.author/> </b:if> 		 		 <b:if cond="'data:top.showTimestamp'"> <data:top.timestamplabel/> <b:if cond="'data:post.url'"> <a class="'timestamp-link'" href="'data:post.url'" title="'permanent"><data:post.timestamp/></a> </b:if> </b:if> 			 		 <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.showBacklinks'"> <a class="'comment-link'" href="'data:post.url">, <data:top.backlinklabel/></a> </b:if> </b:if> 		 <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">, 1 <data:top.commentlabel/><b:else/>, <data:post.numcomments/> <data:top.commentlabelplural/></b:if></a> </b:if> </b:if> 	 		  <b:if cond="'data:post.emailPostUrl'"> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_email.gif'/" /> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> 	 </div> <div class="'post-footer-line"> 	 <b:if cond="'data:post.labels'"> <data:postlabelslabel/> <b:loop values="'data:post.labels'" var="'label'"> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if> </b:loop> </b:if> 	 </div> <div class="'post-footer-line"> </div> </div> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'">   </a> </b:includable> <b:includable id="'status-message'"> <b:if cond="'data:navMessage'"> <div class="'status-msg-wrap'"> <div class="'status-msg-body'"> <data:navmessage/> </div> <div class="'status-msg-border'"> <div class="'status-msg-bg'"> <div class="'status-msg-hidden'"><data:navmessage/></div> </div> </div> </div> <div style="'clear:"> </b:if> </b:includable> <b:includable id="'feedLinks'"> <b:if cond="'data:blog.pageType">  <b:if cond="'data:feedLinks'"> <div class="'blog-feeds'"> <b:include data="'feedLinks'" name="'feedLinksBody'/"> </div> </b:if> <b:else/>  <div class="'post-feeds'"> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.allowComments'"> <b:if cond="'data:post.feedLinks'"> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id="'comment-form'" var="'post'"> <div class="'comment-form'"> <a name="'comment-form'/"> <h3><data:postcommentmsg/></h3> <data:blogcommentmessage/> <iframe allowtransparency="'true'" src="'data:post.commentFormIframeSrc'" frameborder="'0'" height="'275'" id="'comment-editor'" scrolling="'auto'" width="'100%'/"> </div> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </b:includable> <b:includable id="'feedLinksBody'" var="'links'"> <div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'/" /> </a> </b:if> </b:includable> <b:includable id="'comments'" var="'post'"> <div class="'comments'" id="'comments'"> <a name="'comments'/"> <b:if cond="'data:post.allowComments'"> <h4> <b:if cond="'data:post.numComments"> 1 <data:commentlabel/>: <b:else/> <data:post.numcomments/> <data:commentlabelplural/>: </b:if> </h4> <dl id="'comments-block'"> <b:loop values="'data:post.comments'" var="'comment'"> <div class="'comments-singleblock'"> <dt class="'comment-author'" id="'"> <a name="'"> <b:if cond="'data:comment.authorUrl'"> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a>,  <b:else/> <data:comment.author/>,  </b:if> <a href="'" title="'comment"> <data:comment.timestamp/> </a> <b:include data="'comment'" name="'commentDeleteIcon'/"> </dt> <dd class="'comment-body'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class="'comment-footer'"> </dd> </div> </b:loop> </dl> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> <div id="'backlinks-container'"> <div id="'data:widget.instanceId"> <b:if cond="'data:post.showBacklinks'"> <b:include data="'post'" name="'backlinks'/"> </b:if> </div> </div> </div> </b:includable> <b:includable id="'main'" var="'top'">  <div class="'blog-posts'"> <b:include data="'top'" name="'status-message'/"> <data:adstart/> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.dateHeader'"> <h2 class="'date-header'"><data:post.dateheader/></h2> </b:if> <b:include data="'post'" name="'post'/"> <b:if cond="'data:blog.pageType"> <b:include data="'post'" name="'comments'/"> </b:if> </b:loop> <data:adend/> </div>  <b:include name="'nextprev'/">  <b:include name="'feedLinks'/"> </b:includable> </b:widget> </b:section> </div> <div id="'side-wrapper2'"> <b:section class="'sidebar'" id="'sidebar2'" preferred="'yes'"> <b:widget id="'Image1'" locked="'false'" title="''" type="'Image'"> <b:includable id="'main'"> <b:if cond="'data:title"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <b:if cond="'data:link"> <a href="'data:link'"> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'/" /> </a> <b:else/> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'/" /> </b:if> <b:if cond="'data:caption"> <data:caption/> </b:if> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> <b:widget id="'Text4'" locked="'false'" title="'Lorem" type="'Text'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> <data:content/> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> </b:section> <div style="'clear:"> <div id="'side-wrapper'"> <b:section class="'sidebar'" id="'sidebar3'" preferred="'yes'"> <b:widget id="'Text5'" locked="'false'" title="'Lorem'" type="'Text'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> <data:content/> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> </b:section> </div> <div id="'side-wrapper'"> <b:section class="'sidebar'" id="'sidebar4'" preferred="'yes'"> <b:widget id="'LinkList2'" locked="'false'" title="'Links'" type="'LinkList'"> <b:includable id="'main'"> <b:if cond="'data:title'"><h2><data:title/></h2></b:if> <div class="'widget-content'"> <ul> <b:loop values="'data:links'" var="'link'"> <li><a href="'data:link.target'"><data:link.name/></a></li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> </b:section> </div> <div style="'clear:"> </div>   <div style="'clear:">	 </div>  <div id="'middleads-wrapper'"> <b:section class="'middleads2'" id="'middleads2'" preferred="'yes'/"> </div> <div style="'clear:"> <div id="'lower-wrapper'"> <div id="'lowerbar-wrapper'"> <b:section class="'lowerbar'" id="'lowerbar1'" preferred="'yes'"> <b:widget id="'Text2'" locked="'false'" title="'About" type="'Text'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> <data:content/> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> </b:section> </div> <div id="'lowerbar-wrapper'"> <b:section class="'lowerbar'" id="'lowerbar2'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <div id="'ArchiveList'"> <div id="'data:widget.instanceId"> <b:if cond="'data:style"> <b:include data="'data'" name="'interval'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'flat'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'menu'/"> </b:if> </div> </div> <b:include name="'quickedit'/"> </div> </b:includable> <b:includable id="'flat'" var="'data'"> <ul> <b:loop values="'data:data'" var="'i'"> <li class="'archivedate'"> <a href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id="'menu'" var="'data'"> <select id="'data:widget.instanceId"> <option value="''"><data:title/></option> <b:loop values="'data:data'" var="'i'"> <option value="'data:i.url'"><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id="'interval'" var="'intervalData'"> <b:loop values="'data:intervalData'" var="'i'"> <ul> <li class="'"> <b:include data="'i'" name="'toggle'/"> <a class="'post-count-link'" href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) <b:if cond="'data:i.data'"> <b:include data="'i.data'" name="'interval'/"> </b:if> <b:if cond="'data:i.posts'"> <b:include data="'i.posts'" name="'posts'/"> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id="'toggle'" var="'interval'"> <b:if cond="'data:interval.toggleId'"> <b:if cond="'data:interval.expclass"> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="close&toggle=" toggleopen=""> ▼ </a> <b:else/> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="open&toggle=" toggleopen=""> <b:if cond="'data:blog.languageDirection"> ◄ <b:else/> ► </b:if> </a> </b:if> </b:if> </b:includable> <b:includable id="'posts'" var="'posts'"> <ul class="'posts'"> <b:loop values="'data:posts'" var="'i'"> <li><a href="'data:i.url'"><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> <div id="'lowerbar-wrapper'"> <b:section class="'lowerbar'" id="'lowerbar3'" preferred="'yes'"> <b:widget id="'Feed1'" locked="'false'" title="'Our" type="'Feed'"> <b:includable id="'main'"> <h2><data:title/></h2> <div class="'widget-content'"> <ul id="'data:widget.instanceId"> <b:loop values="'data:feedData.items'" var="'i'"> <li> <a href="'data:i.alternate.href'"> <data:i.title/> </a> <b:if cond="'data:showItemDate'"> <b:if cond="'data:i.str_published">  - <data:i.str_published/> </b:if> </b:if> <b:if cond="'data:showItemAuthor'"> <b:if cond="'data:i.author">  - <data:i.author/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> </b:section> </div> <div style="'clear:"> <div id="'lowerads-wrapper'"> <b:section class="'lowerads'" id="'lowerads'" preferred="'yes'/"> </div> <div style="'clear:"> </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'"> <b:widget id="'Text1'" locked="'false'" title="''" type="'Text'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> <data:content/> </div> <b:include name="'quickedit'/"> </b:includable> </b:widget> </b:section> </div> <div style="'clear:">	 </div>  <div id="'bottomads-wrapper'"> <b:section class="'bottomads'" id="'bottomads'" preferred="'yes'/"> </div> </div>   <div id="'credit'"> <div id="'creditleft'">   © <a href="'http://www.ourblogtemplates.com/'">Blogger templates</a> The Professional Template on <a href="'http://www.cms-themes.blogspot.com/'">cms-themes.blogspot.com</a> 2008 </div> <div id="'creditright'"> Back to <a href="'#outer-wrapper'">TOP</a>   </div>	 </div>  </body> </html>

or download the xml files here

enjoy

free blogger and CMS templates

follower

Category

Minggu, 18 Januari 2009

Free Professional Blogger Template

0 komentar:

Intersting sites

About This Blog

Blog Archive