SEO Friendly Free HTML Blogger Templates

By this useful article I am going to introduce some popular and SEO friendly Free HTML Blogger templates. I have tested these free blogger templates and hope that lot of visitors and readers like tese templates also due to good look and best style. I have worked hard on these templates and also make them fully SEO friendly and also set advance Meta tags and Post title tags according Search Engines rules. On this occasion some friends called me that they wasted time to search blogger templates online but they did not know about best blogger templates and SEO supportable. Now look the following templates along with their codes and step by step guidance has been given in this regard that how you select code and paste it properly. You can check more useful and free blogger templates for example free xml blogger templates, free html blogger templates,cute free blogger templates,free 3 column blogger templates,best blogger templates,free blogger layouts,free blog templates and free blogger templates 2010.

1. Inception Blogger template

Copy the following Search Engine friendly code of Inception template and paste it in Edit HTML area and save your blog.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html (View Source for full doctype...)> - <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'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Description here' name='description'/> <meta content='Your Keywords here' name='keywords'/> </b:if> - <b:skin> - <![CDATA[ /* Theme Name: Inception Theme URI: http://www.ezwpthemes.com/templates/inception.html Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">Ezwpthemes</a>. Version: 1.0 Author: Ezwpthemes Author URI: http://www.ezwpthemes.com/ Tags: black, fixed width, two columns, left sidebar, threaded comments, widget ready, pagenavi, social bookmarking, valid xhtml, valid css */ .Navbar {display: none !important;} /* 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="#5588aa"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"> <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="#999999"> <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 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"> <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"> */ /* (CSS Start) */ /* Based on YUI http://developer.yahoo.com/yui/reset/ and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, div, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; } #blog_title ,.post_title ,h1 ,h2 ,h3 ,h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } code, kbd, samp, tt { font-size: 100%; } /*@purpose To enable resizing for IE */ input, button, textarea, select { font-size: 100%; } body { line-height: 1.2; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } /* remember to highlight anchors and inserts somehow! */ ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* Define */ h1 { font-size: 2.8em; } h2, h3, h4 { font-size: 2em; } a { text-decoration: none; } blockquote { margin: 5px 20px; padding: 5px; } blockquote p, code { padding: 10px 20px; display: block; } code { display: block; margin: 5px 20px; } strong, em, caption, th { font-style: normal; font-weight: bold; } cite { font-style: italic; font-weight: normal; } sub, sup { font-size: .8em; } sub { vertical-align: sub; } sup { vertical-align: super; } small { font-size: 1em; } :focus { outline: 1px #666 dotted; } input:focus, div:focus { outline: 0; } input { margin: 3px; vertical-align: middle; } /* Layout */ body { font-size: 62.5%; /* Resets 1em to 10px */ color: #000; background: #fff; line-height: 1.4; } #outer-wrapper , #wrap2 , #wrap4 , #header-wrapper , #content-wrapper , #footer-wrapper { margin: 0 auto; } #header-wrapper { position: relative; } /* Wordpress */ .entry p { margin: 10px 0 10px 0; } .entry ul { padding-left: 20px; list-style-type: square; } .entry ol { padding-left: 25px; list-style-type: decimal; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin: 5px 0; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #666; } .endline { clear: both; } /* Images */ p img { max-width: 100%; /* not working in IE6 */ } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; } /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* end of clearfix */ /* Global */ body { color: #000; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8La54EBIkJbXlnCBfUDpRk5Z653MtReP5RUkSkgKlqODlWbiRVJ1wiAJmC8l0T5q6A83QEyGsaqqShT9p7MRT28cT28vDNp0MUqKrJCgpcqkU9pm2vNKJ6R3H9qrVC5qRlneHIdAjlro/s0/body_bg.jpg) center top repeat-y; font-family: Verdana, Geneva, sans-serif; } a, .post a { text-decoration: none; color: #000; } a:hover, .post a:hover { color: #fc0; text-decoration: none; } #blog_title ,.post-title ,h1 ,h2 ,h3 ,h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } blockquote, code { color: #333; font-family: Verdana, Geneva, sans-serif; border: 1px dashed #999; } blockquote { background: #F8F4AB; } code { background: #F5D582; } /* Layout */ #outer-wrapper { min-width: 998px; /* not working in IE6 */ overflow: hidden; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumfQ5oV1EucUyGYnBaEWPwAzVQ9fnQcAghzXICvdvlX4Tr5LBxD5VAnxMz2vbpZM0AiktFYQQbOqM_6VtO05tZ7oTAYk3ZCOAmfztnGTaB0ktsMm6Hq9-SA04VsdMK1a7nPlihJPfrko/s0/container_bg.jpg) repeat-y center 569px; } #wrap2 { padding: 0 0 5px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvy5J__pCJdBSD7C4HsjarX1rEDqY5OWbXp-EF3f1SjflILuD-iibCfaf2XrfJ_guNfux40pAl6-j74nZq5hA5X1bcJY6ryhVfJHmyozDpx_QPO2MDENz1LQfAf54JJOsKtyJU3iiINrg/s0/bottom_frame.jpg) no-repeat center bottom; } #wrap4 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFSBNzmQhqsJHloEtTsh71Sl91bFsOmmmaoRt_Be3kqD8EC3gjIgqYUkX2kkxqRqaii0FMpsLheSFJxLCnM4cnI-OffAKC6Sr5CQ9bdmFKMJK2Q5zVIKmoaJKFuS8LzGje07rrSgDqXY/s0/top_frame.jpg) no-repeat center top; } #wrap5 { margin: 0 auto; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfKgvhyphenhyphen3pIJkTDOTmMAt6GBAKJNL4uTbipBbtLrLnly2soizYxpFDpxIwKrDYb7Y0S9tav25ThZStY4nnW3Pa_7_4pMxw36WGeW_l6v4MS7T-S6HJPxCknXrE1QbKVVf9KzzXbFwCgG4I/s0/top_container.jpg) no-repeat center 266px; } #header-wrapper , #content-wrapper , #footer-wrapper { width: 998px; } #header-wrapper { height: 216px; } #content-wrapper { min-height: 900px; padding: 0px 0 73px 0; } #footer-wrapper { clear: both; height: 58px; position: relative; } /* Footer */ .credit { font-size: 1.1em; text-align: center; padding: 0px 108px 0px 324px; } .credit, .credit a, .credit a:hover { color: #555964; } /* Header */ #header-wrapper #blog_title { font-size: 3em; /* Blog Title */ padding: 28px 200px 0px 184px; text-align: left; } #header-wrapper h2 { font-size: 1.4em; /* Blog Description */ text-align: left; padding: 0px 200px 0px 186px; } #header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 { color: #FFFFFF; } /* menu */ #menu { width: 482px; height: 26px; position: absolute; left: 353px; top: 178px; overflow: hidden; } #menu ul li { padding: 0 12px; font-size: 1.4em; /* Menu Font Size */ font-weight: bold; text-align: center; float: left; } #menu ul li a { padding: 0px 0 0px 0px; line-height: 2; color: #A9B7BC; } #menu ul li a:hover { color: #fc0; } #menu ul ul li { font-size: 1em; } /* searchform */ #searchform { overflow: hidden; position: absolute; left: 130px; top: 177px; } .searchtext { width: 152px; color: #fff; border: 0; font-size: 1.2em; background: url(http://www.ezwpthemes.com/examples/wp-content/themes/inception/images/spcaer.gif); padding: 0; margin: 4px 9px 0px 0px; float: left; } #searchsubmit { border: 0; margin: 0 0 0px 0; width: 30px; height: 30px; float: left; } #rss { position: absolute; right: 67px; top: 115px; } #rss img { width: 60px; height: 77px; } /* Content */ #main-wrapper { width: 526px; padding: 13px 0px 0 0px; display: inline; margin: 0 108px 0 0; float: right; color: #a9b7bc; } .post { width: 100%; padding: 7px 0 10px 0; margin: 0px 0 20px 0px; position: relative; background: #0b0e13; border: #717171 1px solid; } .post .post-title { margin: 0px 5px 0 0px; padding: 15px 20px 0px 83px; font-size: 1.4em; /* Post Title */ background: url() no-repeat; } .post .post-title a { color: #A9B7BC; } .post .post-title a:hover { color: #fced9a; } .post_date { width: 64px; height: 25px; font-size: 1.8em; line-height: 16px; padding: 7px 1px 0 10px; position: absolute; left: 4px; top: 24px; font-weight: bold; color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQDSKR5ES10m54HcOW03EkS-UI8ijuRbznuzmiu5szHqxRWWVwv8fC7smgRBiq8kLM0l-6Rm_44FzkzRxVjvWow67399kfg9eZXnJ0paXHwUqwoLYM6G9zsU7kC0qlpxdcEFQCTqwwP54/s0/date_bg.jpg) no-repeat; } .post_date span{ font-size: 12px; color: #f06c32; } .edit_post { width: 83%; color: #333; margin: 0 auto; margin-top: 10px; padding: 5px 10px; background: #ffc; border: 1px dashed #999; } .edit_post a { font-style: italic; color: #33C; } .edit_post a.post-edit-link { margin-right: 15px; font-style: normal; color: #E5631C; text-decoration: underline; } .edit_post a:hover.post-edit-link { color: #33c; } .entry { width: 482px; overflow: hidden; margin: 0 auto; padding: 10px 0; font-size: 1.2em; } .entry a { color: #7b931a; text-decoration: underline; } .tags, .tags a, .postmetadata, .postmetadata a { color: #6C6C77; } .post_path { font-size: 1.1em; margin: 0 0 0 22px; padding: 7px 7px 12px 12px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDkrxmGnvlSQA6O9EuwDrOmPA7cv_LtjjMYpqSgMh-A-b1-DezFPvMQg9aqd8s9WC8XhgvfD-a0tEtXkjgJyCnEsEOPFMUTLv5xkKrxRdxv4mNCwaYIez6ka8tgAbnYVolvXXLWsdBDa4/s0/arrow.gif) left 10px no-repeat; } .post_path a{ color: #A9B7BC; } .post_path a:hover { color: #fc0; } .postmetadata { padding: 2px 22px 0 83px; text-align: left; font-size: 1.1em; } .tags { font-size: 1.2em; margin: 10px 30px 0 22px; } .tags a { text-decoration: underline; } .read_comments { margin: 0px 18px 0 0px; text-align: left; font-weight: bold; padding: 17px 0px 17px 22px; } .bookmark { margin: 18px 0 5px 22px; } .wp-pagenavi { padding: 5px 36px 5px 22px; line-height: 20px; } .post-footer { padding: 10px 22px; } .read_comments a { font-size: 1.2em; color: #30afab; padding: 5px 20px 10px 0px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8WFAUC4mN9gsMi7hSL94TjejKqmQIu8VuJ8X0D56rvkOja2JCMx3GbG24RJ5YMiv0sBwcVI1bjJ5rd4pqxDY69HMb9QlrlbDEkqz6J0wVASWBCJgAhpxm-D5M9A3j_6-TcJOGdUcsgww/s0/read_comments.jpg) no-repeat right 3px; } .read_comments a:hover { color: #fced9a; } .notfound { margin: 100px auto; text-align:center; font-size: 4em; font-weight: bold; color: #7e2d17; } /* welcome */ #welcome { color: #B1AFAF; font-size: 11px; padding: 49px 0px 35px 25px; } #welcome p { width: 177px; height: 108px; padding: 0px 0 0px 0px; overflow: hidden; } /* Sidebar */ #sidebar-wrapper { width: 217px; display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 108px; overflow: hidden; float: left; position: relative; color: #B1AFAF; } #sidebar_main { padding: 0px 0 0px 0; margin: 0px 0 0 0; overflow: hidden; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo86D44CvywXCMwObxPhXMcfaA_M1Ok1wRB3SfrvxllW92ICAuvacIaOATvJ0koOkVn_4M6PVId6Kfj66P86BVvzhCQWWXGpwNxnT1ED1Nvn0JE5Tq0cWUNnZxCpiyvYBrkhsqLFFgfzw/s0/sidebar_bg.jpg) repeat-y left 0px; } #sidebar_main h2 { padding: 10px 20px 5px 45px; font-size: 16px; color: #A9B7BC; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zSWAjVZTNcUoLE9HfTw9SGF2-uJ7qmErm8M0JyWUdP8wdYmtkcm7X7XXQ4v6YCMVMSLjFuLRLvZSrGopCiNQjtimEI79jOlJf-7xVEC6TWm4RbSJByJwOqLHQVSllvscEhURLhNmQMY/s0/sidebar_header_bg.jpg) no-repeat left 0px; } #sidebar_main .widget { overflow: hidden; font-size: 1.2em; padding: 0px 0 18px 0px; margin: 0 0px 0 0px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLQ5n59G5vxHO2ZwcfuboQHtqlVutIJ0lWep8usSalxu9hxlyKs8a6DLGlnQNFs2ERd6Mn1PQrdKxl-BokliCAB4uS6IdlVi7-lLcH1BaRbC3ZNevLGTEvPM-cRT8XLGqrQUVLIXIciw/s0/sidebar_bottom_bg.jpg) no-repeat left bottom; } #sidebar_main ul li a { color: #B1AFAF; } #sidebar_main ul li a:hover { color: #fced9a; } #sidebar_main .widget-content { padding: 0 0 0 30px; background: none; } #sidebar_main ul ul li { width: 150px; font-size: 1em; overflow: hidden; border: none; padding: 6px 0px 6px 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKq-jWrki2-YVZgIUq5xVJNCyVwewb_dQxC3lbo3ff13eHSPDF-n9ySAHlM20EdezaaNAFa4BQZQ7Dsso2nUWhpG2dEGgcfKRRSzktKYuuDM3PIG-UUPRpJXtUL8BiRyXqeoYXUq9wbLc/s0/sidebar_li.jpg) no-repeat left 13px; position: relative; } #sidebar_main ul ul ul { padding: 0; margin: 0; } #sidebar_main ul ul ul li { font-size: 1em; margin: 0; width: 80%; } #sidebar_main .textwidget { margin: 7px 0; } #sidebar-wrapper select { font-size: 1em; margin: 7px 0; width: 95%; } #sidebar-wrapper ul li div ,#sidebar_ul li object { padding: 0 15px; } #sidebar-wrapper ul li div div { padding: 0; } /* Sidebar sub */ #sidebar_sub { width: 212px; overflow: hidden; margin: 10px 0 0px 3px; padding: 0px 0 0px 0px; color: #858383; background: #151a22; } #sidebar_sub a { color: #858383; } #sidebar_sub a:hover { color:#fced9a; } #sidebar_sub h2 { font-size: 16px; padding: 5px 0px 8px 42px; text-align: left; color: #a9b7bc; border-bottom: #1d222e 1px solid; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX812fGHuS6p_xU11SNedS7cP6pubg6nLZN0lpzibGMuIkOePd3ZMlEb9zPP-OQ6Z9dFZRHBwj5FR0Gdg4KlMAWEKmrPzuUWaQWLjZdT8zHIsXSAKfBLE1O9ZiwqGAy2-xZa5YpULDKo/s0/sidebar_sub_header_bg.jpg) no-repeat 12px 10px; } #sidebar_sub h2 span { width: 0; height: 0; display: block; overflow: hidden; } #sidebar_sub .recent_posts { } #sidebar_sub .recent_comments { } #sidebar_sub .widget { font-size: 1.2em; padding: 3px 0px 12px 0px; } #sidebar_sub .widget-content { padding: 0px 0px 0 0px; margin: 0; } #sidebar_sub ul ul li { font-size: 1em; padding: 5px 0 5px 42px; border-bottom: #1d222e 1px solid; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cN4-Myfb8zurKcnOGOJYMPUEJQG2FbgBrmKYuNG0NOOd4vdwdCnG28D92N6kBnzd_It6PJQjha0duyFUblrMRJ2RV6xyjpiSGjO5Zo6ukjPeqRPpcA41IscFMJrhQMOOf3ptw7F0d1Y/s0/sidebar_sub_li.jpg) no-repeat 25px 11px; } #sidebar_sub ul ul ul { margin: 0; padding: 0; background: none; } #sidebar_sub ul ul ul li { width: 80%; margin: 0; font-size: 1em; } #sidebar_sub ul li div ,#sidebar_sub_ul li object { padding: 0 10px; } #sidebar_sub ul li div div { padding: 0; } /* PageNavi*/ .wp-pagenavi a { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #000; color: #000; } .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #000; color: #000; background-color: #fff; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 0px auto 0; margin-bottom: 15px; width: 100%; color: #601006; } #wp-calendar #next a { padding-right: 10px; text-align: right; font-size: 11px; } #wp-calendar #prev a { padding-left: 10px; text-align: left; font-size: 11px; } #wp-calendar a { display: block; font-weight: bold; text-decoration: none; } #wp-calendar a:hover { background: #fc0; color: #000; } #wp-calendar caption { text-align: center; padding-bottom: 10px; width: 100%; font: bold 13px Verdana, Arial, Sans-Serif; } #wp-calendar td { text-align: center; padding: 3px 0; font-size: 12px; text-align: center; } #wp-calendar th { text-align: center; font-style: normal; font-size: 12px; text-transform: capitalize; } /* Social Bookmarking */ .bookmark ul { display: inline; } .bookmark ul li { background: none; display: inline; list-style-type: none; } .bookmark_line img { border: 0; } /* Comments */ h3#comments { padding: 0 0 0 46px; } h3#comments, #respond h3 { padding-top: 10px; font-size: 1.4em; color: #333; } #commentform { margin: 5px 0 0 0px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform textarea { width: 98%; padding: 2px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform p { margin: 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform #submit { margin: 0 0 5px auto; float: right; } #respond { width: 85%; padding: 0 0 0 10px; color: #333; margin: 0 auto; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .commentlist { padding: 0 0 0 0px; margin: 0 auto; width: 85%; } .commentlist li { margin: 15px 0 0px; padding: 5px 5px 10px 10px; list-style: none; font-weight: bold; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; font-size: 1em; } .commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; font-size: 1.2em; text-transform: none; } .commentlist li .avatar { float: right; border: 1px solid #333; padding: 2px; background: #fff; } .commentlist li a { color: #000; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.2em; } #main-wrapper .comment-body p a { text-decoration: underline; } .nocomments { text-align: center; } .commentmetadata { font-size: 1.2em; display: block; font-weight: normal; } .thread-alt { background-color: #dcbea4; } .thread-even { background-color: #e3cbb3; } .depth-1 { border: 1px solid #000; } .alt { border-left: 1px solid #666; /* odd page */ background-color: #C29581; padding: 10px; color: #000; } .even { border-left: 1px solid #666; /* even page */ background-color: #D0AD9E; color: #000; } /* For Blogger */ #sidebar_main ul li div { padding: 0; margin:0; } #sidebar_main ul ul { background: none; } #sidebar_sub ul li div { padding: 0; margin: 0;} #comments { width: 85%; margin: 0 auto;} #sidebar-wrapper #sidebar-main { margin: 0; padding: 0; } #sidebar_sub #sidebar-sub { margin: 0; padding: 0; } #welcome1 .widget { padding: 0; margin: 0; } #sidebar-wrapper #ArchiveList ul li { padding-left: 0; } #sidebar-wrapper #ArchiveList ul ul li { padding-left: 8px; } body#layout #searchform { display: none; } body#layout #rss { display: none; } #ArchiveList ul li {text-indent: 0!important;} #comments { padding-left: 15px; } #comments h4 { margin:1em 0; font-weight: bold; font-size: 1.2em; 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 { padding: 0 15px; text-align: center; } .feed-links { display:none; } #calendarDisplay { display: none; } #bcalendar { width: 100%; } #bcNavigation { display: none; } .BlogArchive ul ul ul li { width: 100%;} /* (CSS End) */ ]]> </b:skin> </head> - <body> - <div id="outer-wrapper">- <div id="top_bg">- <div id="bottom_bg">- <div id="wrap2">- <div id="wrap3">- <div id="wrap4">- <div id="wrap5">-  - <a href="#main" shape="rect">skip to main</a> | <a href="#sidebar" shape="rect">skip to sidebar</a> -  - <div id="header-wrapper">- <b:section class="header" id="header" maxwidgets="1" showaddelement="no"> - <b:widget id="Header1" locked="true" title="Header" type="Header"> - <b:includable id="main"> - <b:if cond="data:useImage"> - <b:if cond="data:imagePlacement == "REPLACE""> -  - <div id="header-inner">- <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect"> <img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" /> </a> </div> <b:else /> -  - <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "" id="header-inner">- <div class="titlewrapper" style="background: transparent">- <b:if cond="data:blog.pageType != "item""> - <h1 class="title" id="blog_title" style="background: transparent; border-width: 0px"> <b:include name="title" /> </h1> <b:else /> - <div class="title" id="blog_title" style="background: transparent; border-width: 0px"> <b:include name="title" /> </div> </b:if> </div> <b:include name="description" /> </div> </b:if> <b:else /> -  - <div id="header-inner">- <div class="titlewrapper">- <b:if cond="data:blog.pageType != "item""> - <h1 class="title" id="blog_title"> <b:include name="title" /> </h1> <b:else /> - <div class="title" id="blog_title"> <b:include name="title" /> </div> </b:if> </div> <b:include name="description" /> </div> </b:if> </b:includable> - <b:includable id="title"> - <a expr:href="data:blog.homepageUrl" shape="rect"> <data:title /> </a> </b:includable> - <b:includable id="description"> - <div class="descriptionwrapper">- <h2> <data:description /> </h2> </div> </b:includable> </b:widget> </b:section> - <b:section class="header-tabs" id="header-tabs" preferred="yes" showaddelement="no"> - <b:widget id="LinkList64" locked="true" title="Top Tabs" type="LinkList"> - <b:includable id="main"> - <div class="widget-content"> <b:if cond="data:title" /> - <div id="menu">- <ul>- <li class="menu_first"> <a expr:href="data:blog.homepageUrl" shape="rect">Home</a> </li> - <b:loop values="data:links" var="link"> - <li> - <a expr:href="data:link.target" shape="rect"> <data:link.name /> </a> </li> </b:loop> </ul> </div> </div> </b:includable> </b:widget> </b:section> - <div id="searchform">- <form action="/search" method="get" enctype="application/x-www-form-urlencoded"> <input class="searchtext" id="s" name="q" type="text" value="" /> <input alt="Search" id="searchsubmit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvPLbsf5n_m5DcVMf0zmQOpH5_JT0b_5vBJMLg3p9H2AFxFOSjAUSv0AREn9BW0w6mvJjzsfJqrCTD9ThWY3c3ZAOoCXf-ygvh6yUNKNSjKyi2f9ztzobW1RkeHO1tTQlowRlMHRWanA/s0/spacer.gif" type="image" value="" /> </form> </div>- <div id="rss">- <a href="/feeds/posts/default" shape="rect"> <img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvPLbsf5n_m5DcVMf0zmQOpH5_JT0b_5vBJMLg3p9H2AFxFOSjAUSv0AREn9BW0w6mvJjzsfJqrCTD9ThWY3c3ZAOoCXf-ygvh6yUNKNSjKyi2f9ztzobW1RkeHO1tTQlowRlMHRWanA/s0/spacer.gif" /> </a> </div> </div>-  -  - <div id="content-wrapper" class="clearfix">- <div id="crosscol-wrapper" style="text-align:center"> <b:section class="crosscol" id="crosscol" showaddelement="no" /> </div>-  - <div id="sidebar-wrapper" class="clearfix">- <b:section id="welcome1" showaddelement="no"> - <b:widget id="HTML98" locked="true" title="About" type="HTML"> - <b:includable id="main"> - <div id="welcome">- - <b:if cond="data:content == """> You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About " <b:else /> <data:content /> </b:if> </div> </b:includable> </b:widget> </b:section> - <div id="sidebar_main" class="clearfix">- <ul>- <li> - <b:section id="sidebar-main" preferred="yes"> - <b:widget id="Label1" locked="false" title="Categories" 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.url"> - <data:label.name /> <b:else /> - <a expr:dir="data:blog.languageDirection" expr:href="data:label.url" shape="rect"> <data:label.name /> </a> </b:if> - ( <data:label.count /> ) </li> </b:loop> </ul> </div> </b:includable> </b:widget> - <b:widget id="BlogArchive1" locked="false" title="Archives" 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 expr:id="data:widget.instanceId + "_ArchiveList"">- <b:if cond="data:style == "HIERARCHY""> <b:include data="data" name="interval" /> </b:if> - <b:if cond="data:style == "FLAT""> <b:include data="data" name="flat" /> </b:if> - <b:if cond="data:style == "MENU""> <b:include data="data" name="menu" /> </b:if> </div> </div> </div> </b:includable> - <b:includable id="flat" var="data"> - <ul>- <b:loop values="data:data" var="i"> - <li class="archivedate"> - <a expr:href="data:i.url" shape="rect"> <data:i.name /> </a> ( <data:i.post-count /> ) </li> </b:loop> </ul> </b:includable> - <b:includable id="menu" var="data"> - <select expr:id="data:widget.instanceId + "_ArchiveMenu""> - <option value=""> <data:title /> </option> - <b:loop values="data:data" var="i"> - <option expr: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 expr:class=""archivedate " + data:i.expclass"> <b:include data="i" name="toggle" /> - <a class="post-count-link" expr:href="data:i.url" shape="rect"> <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 == "expanded""> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> ? </a> <b:else /> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> - - <b:if cond="data:blog.languageDirection == "rtl""> ? <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 expr:href="data:i.url" shape="rect"> <data:i.title /> </a> </li> </b:loop> </ul> </b:includable> </b:widget> - <b:widget id="LinkList25" locked="false" title="Blog Roll" 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 expr:href="data:link.target" shape="rect"> <data:link.name /> </a> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </li> </ul> </div>-  - <div id="sidebar_sub"> <b:section id="sidebar-sub" class="clearfix" preferred="yes" showaddelement="yes" /> </div>-  </div>-  -  - <div id="main-wrapper" class="clearfix">-  - <b:section class="main" id="main" showaddelement="no"> - <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog"> - <b:includable id="nextprev"> - <div class="blog-pager" id="blog-pager">- <b:if cond="data:newerPageUrl"> - - <a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" expr:title="data:newerPageTitle" shape="rect"> <data:newerPageTitle /> </a> </b:if> - <b:if cond="data:olderPageUrl"> - - <a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" expr:title="data:olderPageTitle" shape="rect"> <data:olderPageTitle /> </a> </b:if> - <b:if cond="data:blog.homepageUrl != data:blog.url"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> <b:else /> - <b:if cond="data:newerPageUrl"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> </b:if> </b:if> </div> <div class="clear" /> </b:includable> - <b:includable id="backlinks" var="post"> <a name="links" shape="rect" /> - <h4> <data:post.backlinksLabel /> </h4>- <b:if cond="data:post.numBacklinks != 0"> - <dl class="comments-block" id="comments-block">- <b:loop values="data:post.backlinks" var="backlink"> - <div class="collapsed-backlink backlink-control">- <dt class="comment-title"> - <a expr:href="data:backlink.url" rel="nofollow" shape="rect"> <data:backlink.title /> </a> <b:include data="backlink" name="backlinkDeleteIcon" /> </dt> - <dd class="comment-body collapseable"> <data:backlink.snippet /> </dd> - <dd class="comment-footer collapseable"> - <data:post.authorLabel /> <data:backlink.author /> - <data:post.timestampLabel /> <data:backlink.timestamp /> </dd> </div> </b:loop> </dl> </b:if> - - <a class="comment-link" expr:href="data:post.createLinkUrl" expr:id="data:widget.instanceId + "_backlinks-create-link"" target="_blank" shape="rect"> <data:post.createLinkLabel /> </a> </b:includable> - <b:includable id="post" var="post"> -  - <div class="post hentry uncustomized-post-template"> <a expr:name="data:post.id" shape="rect" /> - <b:if cond="data:post.title"> - <b:if cond="data:blog.pageType != "item""> - <h2 class="post-title entry-title">- <b:if cond="data:post.link"> - <a expr:href="data:post.link" shape="rect"> <data:post.title /> </a> <b:else /> - <b:if cond="data:post.url"> - <a expr:href="data:post.url" shape="rect"> <data:post.title /> </a> <b:else /> <data:post.title /> </b:if> </b:if> </h2> <b:else /> - <h1 class="post-title entry-title">- <b:if cond="data:post.link"> - <a expr:href="data:post.link" shape="rect"> <data:post.title /> </a> <b:else /> - <b:if cond="data:post.url"> - <a expr:href="data:post.url" shape="rect"> <data:post.title /> </a> <b:else /> <data:post.title /> </b:if> </b:if> </h1> </b:if> </b:if> - <div class="postmetadata">- - <b:if cond="data:top.showAuthor"> <data:top.authorLabel /> - <data:post.author /> </b:if> The XML page cannot be displayed Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later. -------------------------------------------------------------------------------- Multiple colons are not allowed in a name. Error processing resource 'file:///D:/templates/Inception.xml'. Line 1462, Posi... <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.a... N class="tx">|

2. Blue Love Blogger Template

Copy the following Search Engine friendly code of Blue love blogger template and paste it in Edit HTML area and save your blog.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html (View Source for full doctype...)> - <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> <link href="ENDEREÇO DO SEU ÍCONE" rel="shortcut icon" /> - <title> <data:blog.pageTitle /> </title> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Description here' name='description'/> <meta content='Your Keywords here' name='keywords'/> </b:if> - <b:skin> - <![CDATA[ /* ----------------------------------------------- Blogger Template XLM Name: Blue Love Designer: Áurea R.C. URL: http://templatesparavoce.blogspot.com Date: 28 de agosto de 2008 BH/Brasil ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#FABEEC" value="#ffffff"> <Variable name="bgcolor2" description="Background Footer" type="color" default="#FABEEC" value="#D5E4EA"> <Variable name="bgcolor3" description="Background Newsidebar" type="color" default="#FABEEC" value="#d5e4ea"> <Variable name="bgcolor4" description="Background Adsidebar" type="color" default="#FABEEC" value="#E2E2E2"> <Variable name="textcolor" description="Text Color" type="color" default="#F5F3BA" value="#4c4c4c"> <Variable name="linkcolor" description="Link Color" type="color" default="#FE4312" value="#006699"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#FE1607" value="#003366"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#C4CCD6" value="#32527A"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#FEB527" value="#3D81EE"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#FF7220" value="#3D81EE"> <Variable name="bordercolor" description="Border Color" type="color" default="#791513" value="#2D6E89"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#342524" value="#3D81EE"> <Variable name="sidebarwidg" description="Sidebar Widget Color" type="color" default="#CA6892" value="#ffffff"> <Variable name="sidebartitle" description="Fundo do Título da Sidebar" type="color" default="#9F3764" value="#ffffff"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#FE892C" value="#003366"> <Variable name="menucolor" description="Menu Color" type="color" default="#FE892C" value="#ffffff"> <Variable name="menutextcolor" description="Menu Text Color" type="color" default="#FE892C" value="#000033"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 200% 'Arial',Trebuchet,Verdana,Sans-serif" value="normal normal 95% Georgia, Times, serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Georgia, Times, serif"> <Variable name="posttitlefont" description="Post Title Font" type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Georgia, Times, serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 292% Georgia, Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% Georgia, Times, serif"> <Variable name="postfooterfont" description=" Footer Font" type="font" default="normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 95% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="linkfont" description="Link Font" type="font" default="normal normal 150% 'Arial',Trebuchet,Verdana,Sans-serif" value="normal bold 99% Trebuchet, Trebuchet MS, Arial, sans-serif"> <Variable name="visitedlinkfont" description="Visited Link Font" type="font" default="normal normal 150% 'Arial',Trebuchet,Verdana,Sans-serif" value="normal bold 99% Trebuchet, Trebuchet MS, Arial, sans-serif"> <Variable name="menufont" description="Menu Font" type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal bold 118% Georgia, Times, serif"> */ /*---Esconda sua navbar---*/ #navbar-iframe{ height: 0px; visibility: hidden; display: none; } /*---Body---*/ body { background: url()left repeat; background-color: $bgcolor ; color:$textcolor; border: 5px none #5F4775; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; font: $linkfont; text-decoration:none; } a:visited { color:$visitedlinkcolor; font: $visitedlinkfont; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /*---Header---*/ #header-wrapper { width:960px; height:205px; margin:8px 0px 0px 0px; background:$bgcolor; } #header { margin:0px 0px 0px 0px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6YjCl8KEDOSRirLI-Gm5oiHfUhILQGLQLa0qYZziQdt4hzyfI0UZHp12JqK2_EfVNQm-eYU7qHZG69CKyqKyX3StNs-unYocx7FfPDOl4E1HCt3pWMvm7CKJWEU7tlmy6qpPVuWhZH1Q/s1600/H067.jpg") right; height:200px; text-align: center; color:$pagetitlecolor; } #header h1 { margin:0px 0px 0; padding-left:50px; padding-top:30px; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; color:$pagetitlecolor; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:10px; margin-left:150px; text-align: center; max-width:600px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.2em; font: $descriptionfont; color: $descriptioncolor; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 960px; margin:00px auto; text-align: left; font: $bodyfont; background: url(); background-color:; border:3px dashed $bordercolor; } #main-wrapper { background:$sidebarwidg url(); width: 450px; border: 1px none $bordercolor; 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 */ } #sidebar-wrapper { background: url(); width: 200px; margin-left:5px; border: 1px none $bordercolor; 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 */ } #newsidebar-wrapper { background: $bgcolor3 url() repeat-x; width: 120px; margin-right:auto; margin-left: auto; 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 */ } #adsidebar-wrapper { background: $bgcolor4 url() repeat-x; width: 180px; margin-right:auto; margin-left: auto; 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 */ } body#layout #outer-wrapper { width: 960px; margin-right: 0px; margin-left: 0px; } /* Menu superior ---------------------------------------------- */ #menu { width:100%; height: 46px; background:$menucolor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHOECnLJfPVB0HbA-f7kCMzhogK_Gvo6tW-fKmvXy3Oa5rOTzzopoF6iyvfjAKCf1ELL6eqjyOC9OUJQ1hDJ28MabeZo6nOekv2G-X8stgtTRmQY4C3PGDTMvIMyXaL3dA28Zl1ra-oc/s1600/Barra017.gif") top left repeat-x; font: $menufont; font-weight: bold; list-style-type: none; margin: 0; padding: 0; font:$linkfont;} #menu li { display: block; height: 46px; float: left; margin: 0 0 0 5px;font: $menufont;} #menu li a { height: 46px; color: $menutextcolor; text-decoration: none; display: block; float: left; line-height: 200%; padding: 10px 15px 0; border-right:1px dashed #fff;} #menu li a:hover { color: #fff; background: url("") top left repeat-x; padding: -9px 15px 0;} /* Headings ------------------------------------------------ */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:none; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ .date-header { margin: 5px; text-align:right; font: $postfooterfont; } .post { margin: 5px; padding-bottom:1.4em; font: $bodyfont; color: $textcolor; } .post h3 { background:transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-ECjGaqvdj340TuQLzMpBgvdzmxntv0YognLrUOJmbOkvzmzCk9FQiuq0yICxeMew0Bes2h5cbfmrTf8y4-QLNCqO-iCbpYbIdP7BXUi6t_cAmjZrkCHTLqpO24iRXhBljZJ_Jag_SQ/s1600/Blue+Flower.png") no-repeat left top; margin:.25em 0 0; padding:10px 0 8px 50px; font-size:140%; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display: block; text-decoration:none; color:$titlecolor; font: $posttitlefont; font-weight:bold; padding: 6px; border-bottom:2px solid $bordercolor; } .post h3 strong, .post h3 a:hover { background: url() no-repeat right; background-color: $sidebarwidg; color: $textcolor; padding: 6px; } .post p { margin:10 0 .75em; line-height:1.1em; } .post-footer { background:; margin:5px; color: $sidebarcolor; padding: 2px; letter-spacing:.1em; font: $postfooterfont; line-height: 1.1em; border-bottom:1px solid $bordercolor; } .post-footer .post-timestamp, .post-footer .post-footer-line-2 { font-style:normal; font-size: 9pt; line-height: 1.5em; color:$sidebarcolor; } .post-footer p{ margin:5px 0px 5px 0px; *margin:0px 0px 5px 0px; } .post-footer h2,#comments h2{ color:#006699; font:normal normal 150% Verdana, Arial, Sans-serif; } .post-author { margin-bottom:5px; padding:5px 0px 5px 20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3HXUQAlLaxH3sUvVV4vqruv_tqs9tU7SNWoK2BU5dRhJst1NvHYbNxOumJFhFO517eNDZH0Eeny9aSwIuP60_lm_MlhCOX3p-qUOxssXNh_nK6vhEcvkqe3_7dhmh-Ve60JEa0FuLU4/s1600/user-id-16x16.png) no-repeat 2px .25em; font-size: 90%; font: $postfooterfont; float:right; } .post-labels { padding-left:20px; padding-top:5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxXAp6WOLNeXXfBjq4XGVwnaplKVq4ZcxwZyD4KLW-ynxrq4dqoqBdxD3eg9cCe54Cmb5R3jCdzBKwNkA9HzSJWy8qOiFRGoIC4PRvW3FIl30PFuLCuDMiyqJWkfkXLrBU_K0c0Sm64k/s1600/my-documents-16x16.png) center left no-repeat; font-size: 90%; font: $postfooterfont; } .post-footer a:link, a:visited {color:#00349A; } .post blockquote {background:#EAF3FB; margin:8px; padding:5px; border:2px solid $bordercolor; border-width:2px 0; } .post blockquote p {margin:.5em 0; } .comment-link {margin-left:.6em;} a.comment-link {/* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnuZ6ZGn99KmNR9AE2WjRQRoZBSWYH4jFjPeINLsp508NjZd88c2kPo9v7v3S8_XmqJ7twSPAnzBpeLnhQcG5JpR09HRnj1S_ibIxAc7IX6WsFDf_G65XZUHYTtMr0LceLUrCVCSsNGYY/s1600/comments-16x16.png") no-repeat 2px .25em; padding-left:20px; padding-top:5px; font-size: 90%; font: $postfooterfont; float:right; } .post img { padding:4px; border:1px solid $bordercolor; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.6em; text-align:left; margin: 0; } .sidebar h2, .adsidebar h2 { margin: 3px 0 .5em; padding: 2px 10px; color: $sidebarcolor; border-bottom:2px solid $bordercolor; text-align:left; } .sidebar ul, .adsidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li, .adsidebar li { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbwPH7fs3kUuWSLwMiju7hZapHAMjzAMuBXoHlDQ8ubyt2i8KI4mc1b-fQHjseswj4cy9SRiL964hukH-xTSS19YROfkUaFYtk76SxSZssmhEjMHDTNC3ZEzvIObbfby9puFM7PUYKCEo/s1600/Heart+blue.png") no-repeat 0px 0px; margin:0; padding:2px 0 2px 27px; text-indent:-5px; line-height:1.2em; } .sidebar .widget, .adsidebar .widget, .main .widget { margin:0 0 0.9em; padding:5px; background:; border: 1px none $bordercolor; } .main .Blog { border-bottom-width: 0; } /* Comments ----------------------------------------------- */ #comments { margin:2em 0 0; border:2px solid $bordercolor; padding-top:1em; } #comments h4 { padding-left: 5px; margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block .comment-body { padding: 10px; margin:5px; border: 1px solid $bordercolor; background: $bgcolor3;} #comments-block .comment-author { padding-left: 5px; margin:10px 10px 10px 20px; } #comments-block .comment-body { padding-left: 5px; margin:5px; } #comments-block .comment-footer { padding: 5px 0px 10px 15px;line-height: 1.4em;text-transform:capitalize; letter-spacing:.1em;} #comments-block .comment-body p { margin:0 0 .75em; } .comment-author a {color: $linkcolor;} .comment-author a:hover {color: $visitedlinkcolor;} .blog-author-comment {margin:0 0;} .blog-author-comment p {margin:0 0 0 20px; padding:10px; border:1px solid $bordercolor; background: #FFFFFF;} .comment-form {font-size:100%; border:1px solid $bordercolor; margin:5px;} .comment-form h3 {border:0; font-weight:bold; font-size:130%; text-transform:none; text-align:left; color:$titlecolor; font: $posttitlefont; padding-left:80px;} .deleted-comment { padding-left: 5px; font-style:italic; color:gray; } .feed-links { padding-left: 5px; clear: both; line-height: 2.5em; } #blog-pager-newer-link { padding: 5px; float: left; } #blog-pager-older-link { padding: 5px; float: right; } #blog-pager { text-align: center; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-align: left; text-transform: uppercase; letter-spacing:.1em; font: $bodyfont; color: $sidebarcolor; font-weight: bold; line-height: 1.2em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.2em; text-align: left; } .profile-link { font: $bodyfont; text-color: $sidebarcolor; text-align: center; text-transform: uppercase; letter-spacing: .1em; } /* Footer ------------------------------------------------ */ #footer { float: left; clear: both; width: 960px; display:block; margin: 0px 0px 10px 0px; padding: 47px 0px 0px 0px; text-align: left; line-height: 0.8em; font: $postfooterfont; background: $bgcolor2 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHOECnLJfPVB0HbA-f7kCMzhogK_Gvo6tW-fKmvXy3Oa5rOTzzopoF6iyvfjAKCf1ELL6eqjyOC9OUJQ1hDJ28MabeZo6nOekv2G-X8stgtTRmQY4C3PGDTMvIMyXaL3dA28Zl1ra-oc/s1600/Barra017.gif") top left repeat-x; } #footer1 { float: left; width: 300px; margin: 0px; padding: 5px; border-left: 1px solid #fff; border-right: 1px solid #fff; } #footer2 { float: left; width: 300px; margin:0px; padding:5px; } #footer3 { float: left; width: 300px; margin: 0px; padding: 5px; } #footer1 h2, #footer2 h2, #footer3 h2 { font-size:14px; margin: 0px 5px 5px 5px; padding: 5px; text-align: left; color: $sidebarcolor; border-bottom: 1px solid $bordercolor; } .footer ul{ list-style: none; margin:0; padding:0; } .footer li { padding: 0 0 0 15px; line-height: 18px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9mZaMgJ7M-v3Tz4AMw3cs5JUiwB1GAO5di00FfTiVcTPiXxoxvZewjRkVOjW4M0FID-kdwrohvL_75kBsnN-TPBNgC0XIpYtMm5tUGF8cAnkCiiexwgBWZbAtU20Dh-W0BpH6uzFL4A0/s1600/jzyz2h.gif) no-repeat 0px 0px; } .footer1 a, .footer2 a, .footer3 a { color: $linkcolor; text-decoration: none; } .footer1 a:hover, .footer2 a:hover, .footer3 a:hover { text-decoration: none; color: $titlecolor; } .footer1 a:visited, .footer2 a:visited, .footer3 a:visited { text-decoration: none; color: $visitedlinkcolor; } .footer a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /*---------------*/ .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 0px; } .widecolumn .postmetadata { margin: 0px 0; } h2 { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3 { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3.comments { padding: 0; margin: 20px auto 20px ; } /*--- Créditos ---*/ #credit{ margin-left:400px; color:$linkcolor; display:block; text-align: center; height:20px; float:left; } #credit a{ color:$linkcolor; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } .even { background-color: #0A001B; } .odd { background-color: #0A001B; } ]]> </b:skin> </head> - <body> - <div id="outer-wrapper">-  - <a href="#main" shape="rect">skip to main</a> | <a href="#sidebar" shape="rect">skip to sidebar</a> <a href="#footer" shape="rect">skip to footer</a> - <div id="header-wrapper">- <b:section class="header" id="header" maxwidgets="2" showaddelement="yes"> - <b:widget id="Header1" locked="false" title="Blue Love (Header)" type="Header"> - <b:includable id="title"> - <b:if cond="data:blog.url == data:blog.homepageUrl"> <data:title /> <b:else /> - <a expr:href="data:blog.homepageUrl" shape="rect"> <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 == "REPLACE""> -  - <div id="header-inner">- <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect"> <img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" /> </a> </div> <b:else /> -  - <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"" id="header-inner">- <div class="titlewrapper" style="background: transparent">- <h1 class="title" style="background: transparent; border-width: 0px">- <b:if cond="data:blog.url == data:blog.homepageUrl"> <data:title /> <b:else /> - <a expr:href="data:blog.homepageUrl" shape="rect"> <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:blog.homepageUrl"> <data:title /> <b:else /> - <a expr:href="data:blog.homepageUrl" shape="rect"> <data:title /> </a> </b:if> </h1> </div>- <div class="descriptionwrapper">- - <data:description /> </div> </div> </b:if> </b:includable> </b:widget> </b:section> </div>- <div id="menu">- <b:section class="menu" id="menu" maxwidgets="1" showaddelement="yes"> - <b:widget id="LinkList1" locked="false" title="" 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 expr:href="data:link.target" shape="rect"> <data:link.name /> </a> </li> </b:loop> </ul> <b:include name="quickedit" /> </div> </b:includable> </b:widget> </b:section> </div>- <div id="adsidebar-wrapper">- <b:section class="sidebar" id="adsidebar" preferred="yes"> - <b:widget id="Feed1" locked="false" title="Recent Posts" type="Feed"> - <b:includable id="main"> - <h2> <data:title /> </h2>- <div class="widget-content">- <ul expr:id="data:widget.instanceId + "_feedItemListDisplay"">- <b:loop values="data:feedData.items" var="i"> - <li> - - <a expr:href="data:i.alternate.href" shape="rect"> <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:widget id="BlogList1" locked="false" title="Blogroll" type="BlogList"> - <b:includable id="main"> -  - <b:if cond="data:title != """> - <div id="blog-list-title">- <h2 class="title"> <data:title /> </h2> </div> </b:if> - <div class="widget-content">- <div class="blog-list-container" expr:id="data:widget.instanceId + "_container"">- <ul expr:id="data:widget.instanceId + "_blogs"">- <b:loop values="data:items" var="item"> - <li expr:style="data:item.displayStyle"> - <div class="blog-icon">- <b:if cond="data:showIcon == "true""> <input expr:value="data:item.blogIconUrl" type="hidden" /> </b:if> </div>- <div class="blog-content">- <div class="blog-title">- <a expr:href="data:item.blogUrl" target="_blank" shape="rect"> <data:item.blogTitle /> </a> </div>- <div class="item-content">- <b:if cond="data:showItemThumbnail == "true""> - <b:if cond="data:item.itemThumbnail"> - <div class="item-thumbnail">- <a expr:href="data:item.blogUrl" target="_blank" shape="rect"> <img alt="" border="0" expr:height="data:item.itemThumbnail.height" expr:src="data:item.itemThumbnail.url" expr:width="data:item.itemThumbnail.width" /> </a> </div> </b:if> </b:if> - <b:if cond="data:showItemTitle == "true""> - - <b:if cond="data:item.itemUrl != """> - <a expr:href="data:item.itemUrl" target="_blank" shape="rect"> <data:item.itemTitle /> </a> <b:else /> <data:item.itemTitle /> </b:if> </b:if> - <b:if cond="data:showItemSnippet == "true""> <b:if cond="data:showItemTitle == "true"">-</b:if> - <data:item.itemSnippet /> </b:if> - <b:if cond="data:showTimePeriodSinceLastUpdate == "true""> - <div class="item-time"> <data:item.timePeriodSinceLastUpdate /> </div> </b:if> </div> </div> <div style="clear: both;" /> </li> </b:loop> </ul>- <b:if cond="data:numItemsToShow != 0"> - <b:if cond="data:totalItems > data:numItemsToShow"> - <div class="show-option">- - <a href="javascript:void(0)" shape="rect"> <data:showNText /> </a> - - <a href="javascript:void(0)" shape="rect"> <data:showAllText /> </a> </div> </b:if> </b:if> <b:include name="quickedit" /> </div> </div> </b:includable> </b:widget> </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:includable id="nextprev"> - <div class="blog-pager" id="blog-pager">- <b:if cond="data:newerPageUrl"> - - <a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" expr:title="data:newerPageTitle" shape="rect"> <data:newerPageTitle /> </a> </b:if> - <b:if cond="data:olderPageUrl"> - - <a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" expr:title="data:olderPageTitle" shape="rect"> <data:olderPageTitle /> </a> </b:if> - <b:if cond="data:blog.homepageUrl != data:blog.url"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> <b:else /> - <b:if cond="data:newerPageUrl"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> </b:if> </b:if> </div> <div class="clear" /> </b:includable> - <b:includable id="backlinks" var="post"> <a name="links" shape="rect" /> - <h4> <data:post.backlinksLabel /> </h4>- <b:if cond="data:post.numBacklinks != 0"> - <dl class="comments-block" id="comments-block">- <b:loop values="data:post.backlinks" var="backlink"> - <div class="collapsed-backlink backlink-control">- <dt class="comment-title"> - <a expr:href="data:backlink.url" shape="rect"> <data:backlink.title /> </a> <b:include data="backlink" name="backlinkDeleteIcon" /> </dt> - <dd class="comment-body collapseable"> <data:backlink.snippet /> </dd> - <dd class="comment-footer collapseable"> - <data:post.authorLabel /> <data:backlink.author /> - <data:post.timestampLabel /> <data:backlink.timestamp /> </dd> </div> </b:loop> </dl> </b:if> - - <a class="comment-link" expr:href="data:post.createLinkUrl" expr:id="data:widget.instanceId + "_backlinks-create-link"" target="_blank" shape="rect"> <data:post.createLinkLabel /> </a> </b:includable> - <b:includable id="post" var="post"> - <div class="post uncustomized-post-template"> <a expr:name="data:post.id" shape="rect" /> - <b:if cond="data:post.title"> - <h3 class="post-title">- <b:if cond="data:post.link"> - <a expr:href="data:post.link" shape="rect"> <data:post.title /> </a> <b:else /> - <b:if cond="data:post.url"> - <a expr:href="data:post.url" shape="rect"> <data:post.title /> </a> <b:else /> <data:post.title /> </b:if> </b:if> </h3> </b:if> <div class="post-header-line-1" />- - <b:if cond="data:top.showAuthor"> <data:top.authorLabel /> <data:post.author /> </b:if> - <div class="post-body">- <data:post.body /> <div style="clear: both;" />-  </div>- <div class="post-footer">- - - <b:if cond="data:blog.pageType != "item""> - <b:if cond="data:post.allowComments"> - <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> - <b:if cond="data:post.numComments == 1"> 1 <data:top.commentLabel /> <b:else /> <data:post.numComments /> <data:top.commentLabelPlural /> </b:if> </a> </b:if> </b:if> - - <b:if cond="data:post.labels"> <data:postLabelsLabel /> - <b:loop values="data:post.labels" var="label"> - <a expr:href="data:label.url" rel="tag" shape="rect"> <data:label.name /> </a> <b:if cond="data:label.isLast != "true"">,</b:if> </b:loop> </b:if> - -  - <b:if cond="data:post.emailPostUrl"> - - <a expr:href="data:post.emailPostUrl" expr:title="data:top.emailPostMsg" shape="rect"> <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> </b:includable> - <b:includable id="commentDeleteIcon" var="comment"> - - <a expr:href="data:comment.deleteUrl" expr:title="data:top.deleteCommentMsg" shape="rect"> </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: both;" /> </b:if> </b:includable> - <b:includable id="feedLinks"> - <b:if cond="data:blog.pageType != "item""> -  - <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" shape="rect" /> - <h4 id="comment-post-message"> <data:postCommentMsg /> </h4>- <data:blogCommentMessage /> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" style="display: none" shape="rect" /> <iframe allowtransparency="true" class="blogger-iframe-colorize" frameborder="0" height="275" id="comment-editor" scrolling="auto" src="" width="100%" /> <data:post.iframeColorizer /> </div> </b:includable> - <b:includable id="backlinkDeleteIcon" var="backlink"> - - <a expr:href="data:backlink.deleteUrl" expr:title="data:top.deleteBacklinkMsg" shape="rect"> </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" expr:href="data:f.url" expr:type="data:f.mimeType" target="_blank" shape="rect"> <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 expr:href="data:post.editUrl" expr:title="data:top.editPostMsg" shape="rect"> </a> </b:if> </b:includable> - <b:includable id="comments" var="post"> - <div class="comments" id="comments"> <a name="comments" shape="rect" /> - <b:if cond="data:post.allowComments"> - <h4>- <b:if cond="data:post.numComments == 1"> 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"> - <dt class="comment-author" expr:id=""comment-" + data:comment.id"> <a expr:name=""comment-" + data:comment.id" shape="rect" /> - <b:if cond="data:comment.authorUrl"> - <a expr:href="data:comment.authorUrl" rel="nofollow" shape="rect"> <data:comment.author /> </a> <b:else /> <data:comment.author /> </b:if> <data:commentPostedByMsg /> </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"> - - <a expr:href=""#comment-" + data:comment.id" title="comment permalink" shape="rect"> <data:comment.timestamp /> </a> <b:include data="comment" name="commentDeleteIcon" /> </dd> </b:loop> </dl>- - <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> <data:postCommentMsg /> </a> </b:if> - <div id="backlinks-container">- <div expr:id="data:widget.instanceId + "_backlinks-container"">- <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 == "item""> <b:include data="post" name="comments" /> </b:if> - <b:if cond="data:post.includeAd"> <data:adEnd /> <data:adCode /> <data:adStart /> </b:if> </b:loop> <data:adEnd /> </div>-  <b:include name="nextprev" /> -  <b:include name="feedLinks" /> </b:includable> </b:widget> </b:section> </div>- <div id="sidebar-wrapper">- <b:section class="sidebar" id="sidebar" preferred="yes"> - <b:widget id="CustomSearch1" locked="false" title="Search" type="CustomSearch"> - <b:includable id="main"> -  - <b:if cond="data:title != """> - <h2 class="title"> <data:title /> </h2> </b:if> - <div class="widget-content" style="width:95%">- <div expr:id="data:widget.instanceId + "_form"">- <data:loadingMsg /> </div> </div>-  - <style type="text/css" xml:space="preserve"> #uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results * { color: <data:linkColor /> ; } #uds-searchControl .gs-result .gs-title a:visited, #uds-searchControl .gs-result .gs-title a:visited * { color: <data:visitedLinkColor /> ; } #uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate { color: <data:dateColor /> ; } #uds-searchControl .gs-result a.gs-visibleUrl, #uds-searchControl .gs-result .gs-visibleUrl { color: <data:urlColor /> ; } #uds-searchControl .gsc-results { border-color: <data:borderColor /> ; } #uds-searchControl .gsc-tabhActive { border-color: <data:borderColor /> ; border-top-color: <data:activeBorderColor /> ; background-color: <data:backgroundColor /> ; color: <data:textColor /> ; } #uds-searchControl .gsc-tabhInactive { border-color: <data:borderColor /> ; background-color:transparent; color: <data:linkColor /> ; } </style> <b:include name="quickedit" /> </b:includable> </b:widget> - <b:widget id="Label1" 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.url"> <data:label.name /> <b:else /> - <a expr:href="data:label.url" shape="rect"> <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="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 == "true""> -  - <ul>- <b:loop values="data:authors" var="i"> - <li> - <a expr:href="data:i.userUrl" shape="rect"> <data:i.display-name /> </a> </li> </b:loop> </ul> <b:else /> -  - <b:if cond="data:photo.url != """> - <a expr:href="data:userUrl" shape="rect"> <img class="profile-img" expr:alt="data:photo.alt" expr:height="data:photo.height" expr:src="data:photo.url" expr:width="data:photo.width" /> </a> </b:if> - <dl class="profile-datablock">- <dt class="profile-data"> <data:displayname /> </dt> - <b:if cond="data:showlocation == "true""> - <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" expr:href="data:userUrl" shape="rect"> <data:viewProfileMsg /> </a> </b:if> </div> </b:includable> </b:widget> </b:section> </div>- <div id="newsidebar-wrapper">- <b:section class="sidebar" id="newsidebar" preferred="yes"> - <b:widget id="HTML2" locked="false" title="" type="HTML"> - <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="AdSense1" locked="false" title="" type="AdSense"> - <b:includable id="main"> - <div class="widget-content"> <data:adCode /> </div> </b:includable> </b:widget> </b:section> </div>- <div id="footer">- <b:section class="footer" id="footer3" preferred="yes"> - <b:widget id="BlogArchive1" locked="false" title="Archive" type="BlogArchive"> - <b:includable id="toggle" var="interval"> - <b:if cond="data:interval.toggleId"> - <b:if cond="data:interval.expclass == "expanded""> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> ? </a> <b:else /> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> ? </a> </b:if> </b:if> </b:includable> - <b:includable id="interval" var="intervalData"> - <b:loop values="data:intervalData" var="i"> - <ul>- <li expr:class=""archivedate " + data:i.expclass"> <b:include data="i" name="toggle" /> - <a class="post-count-link" expr:href="data:i.url" shape="rect"> <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="menu" var="data"> - <select expr:id="data:widget.instanceId + "_ArchiveMenu""> - <option value=""> <data:title /> </option> - <b:loop values="data:data" var="i"> - <option expr:value="data:i.url"> <data:i.name /> ( <data:i.post-count /> ) </option> </b:loop> </select> </b:includable> - <b:includable id="flat" var="data"> - <ul>- <b:loop values="data:data" var="i"> - <li class="archivedate"> - <a expr:href="data:i.url" shape="rect"> <data:i.name /> </a> ( <data:i.post-count /> ) </li> </b:loop> </ul> </b:includable> - <b:includable id="posts" var="posts"> - <ul class="posts">- <b:loop values="data:posts" var="i"> - <li> - <a expr:href="data:i.url" shape="rect"> <data:i.title /> </a> </li> </b:loop> </ul> </b:includable> - <b:includable id="main"> - <b:if cond="data:title"> - <h2> <data:title /> </h2> </b:if> - <div class="widget-content">- <div id="ArchiveList">- <div expr:id="data:widget.instanceId + "_ArchiveList"">- <b:if cond="data:style == "HIERARCHY""> <b:include data="data" name="interval" /> </b:if> - <b:if cond="data:style == "FLAT""> <b:include data="data" name="flat" /> </b:if> - <b:if cond="data:style == "MENU""> <b:include data="data" name="menu" /> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> - <b:section class="footer" id="footer1" preferred="yes"> - <b:widget id="Subscribe1" locked="false" title="Suscribe" type="Subscribe"> - <b:includable id="main"> - <b:if cond="data:isPublic"> - <b:if cond="data:title != """> - <h2 class="title"> <data:title /> </h2> </b:if> - <div class="widget-content" style="text-align:center">- <b:loop values="data:feeds" var="feed"> - <table border="0" class="shadow" expr:id=""SW_READER_LIST_" + data:widgetId + data:feed.type" style="display:none;position:absolute;" width="140px">- <tr> <td class="left" rowspan="1" colspan="1" /> - <td class="mid" nowrap="nowrap" rowspan="1" colspan="1"> - <div expr:onclick=""return(_SW_toggleReaderList(event, \"" + data:widgetId + data:feed.type + "\"));"" style="white-space:nowrap;cursor:pointer;"> <img expr:src="data:arrowDropdownImg" style="float:right;margin-top:4px;" /> - <div style="white-space:nowrap;overflow:hidden;"> <img alt="" expr:src="data:feedIconImg" style="display:inline;" /> <data:feed.title /> </div> </div>- <div style="overflow:hidden;">- <div class="shadowDivInner">- <b:loop values="data:feed.readers" var="reader"> - <a class="feed-reader-link" expr:href="data:reader.url" expr:onclick=""window.open(this.href, \"_blank\"); return false;"" target="_blank" shape="rect"> <img alt="" border="0" expr:src="data:reader.imagePath" style="display:inline;" /> </a> </b:loop> - <a class="feed-reader-link" expr:href="data:feed.url" expr:onclick=""window.open(this.href, \"_blank\"); return false;"" target="_blank" shape="rect"> - <table>- <tr> - <td rowspan="1" colspan="1"> <img alt="" expr:src="data:feedIconImg" style="display:inline;" /> </td> - <td rowspan="1" colspan="1"> <data:atomFeedTxt /> </td> </tr> </table> </a> </div> </div> </td> <td class="right" rowspan="1" colspan="1" /> </tr> - <tr> <td class="bleft" colspan="2" rowspan="1" /> <td class="bright" rowspan="1" colspan="1" /> </tr> </table>- <table border="0" class="shadow" expr:id=""SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type" width="140px">- <tr> <td class="left" rowspan="1" colspan="1" /> - <td class="mid" style="overflow:hidden;" rowspan="1" colspan="1"> - <div expr:onclick=""return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"" style="width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;"> <img expr:src="data:arrowDropdownImg" style="float:right;margin-top:4px;" /> - <div style="white-space:nowrap;overflow:hidden;"> <img alt="" expr:src="data:feedIconImg" style="display:inline;" /> <data:feed.title /> </div> </div> </td> <td class="right" rowspan="1" colspan="1" /> </tr> - <tr> <td class="bleft" colspan="2" rowspan="1" /> <td class="bright" rowspan="1" colspan="1" /> </tr> </table> <div style="clear:both" /> </b:loop> <div style="clear:both" /> </div> <b:include name="quickedit" /> </b:if> </b:includable> </b:widget> </b:section> - <b:section class="footer" id="footer2" preferred="yes"> - <b:widget id="HTML1" locked="false" title="Text" type="HTML"> - <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="credit">- <a expr:href="data:blog.homepageUrl" shape="rect"> <data:blog.title /> </a> © 2008 Por <a href="http://templatesparavoce.blogspot.com" shape="rect" target="_blank">*Templates para Você*</a> </div> <div style="clear:both;" /> </div>-  </body> </html>

3. Free Natural Health Blogger Template

Copy the following Search Engine friendly Natural Health Blogger template and paste it in Edit HTML area and save your blog.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html (View Source for full doctype...)> - <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'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Description here' name='description'/> <meta content='Your Keywords here' name='keywords'/> </b:if> - <b:skin> - <![CDATA[ /* ------------------------------------------------- Template Name: Natural-Health Description: A free premium health niche Template. Designer : jinsona designs Designer URI: www.web2feel.com Blogger XML Coded By: Cahaya Biru Converter Url: www.cahayabiru.com Date: July 2009 --------------------------------------------------*/ #blog-pager-newer-link{padding-left:20px;float:left} #blog-pager-older-link{padding-right:20px;float:right} #blog-pager{text-align:center} #navbar-iframe { height:0px; visibility:hidden; display:none; } *{margin:0; padding:0} .comm{ padding:3px 5px 3px 20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzc-QuN3ep4cMIhsEuokcoohNFki3EalPgnIPHb2KPmDIa-1P_osxlMpApdcK4oySD4hHw1LTGwccjyS_imWjmW25_EvcKrLaeGm-M3esgRFHq3rJGroAnD5d6pKBEykDnJw9sxy3OA/s1600/comment.png) no-repeat; position:relative; } .comm a:link, .comm a:visited { color:#0578ad; } .comm a:hover{ color:#333; } body { margin:0 auto; padding:30px 0px 0px 0px; background:#2a311f ; font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif; color:#161514; font-size:13px; } img { border:0; margin: 0 0; } a { color:#6F615A; text-decoration:none; outline:none; } a:hover { color:#d53030; text-decoration:none } h1, h2, h3, h4, h5, h6 { } blockquote { padding-left:10px; color:#444; font-style: normal; } .clear { clear:both; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 5px 5px; margin: 0px 0px 10px 0px; display: inline; background:#fff; border: 1px solid #DDDDDD; } img.alignright { padding: 5px 5px; margin: 0px 5px 10px 10px; display: inline; background:#fff; border: 1px solid #DDDDDD; } img.alignleft { padding: 5px 5px; margin: 0px 10px 10px 5px; display: inline; background:#fff; border: 1px solid #DDDDDD; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 10px; } .alignleft { float: left; margin: 0px 10px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #ffffff; padding: 4px 0px 5px 0px; margin: 5px 5px ; } .wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; } /* The Outer cover */ #wrapper { width:1000px; margin:0 auto; } #casing { padding:0px 0px 0px 0px; background:#eef2d5; float:left; width:1000px; } /* The Header */ #top { height:234px; margin:auto; background:#f4f4f4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63WZOn45_lOuiZzdPaQ2G0T1Gm0OcCkTkLcyV1o9ifS0GJkEyGUTex4o251tvC-tCsAIRdeGouBOqmfHXfrLzBB9YVEGUOrwvcgJtyEBwHQevPVaYtfdL3iQxMmf04K0z_mDXJS7OUw/s1600/top.jpg) ; width:1000px; position:relative; } .blogname { width:400px; font-family:Georgia ,Century gothic,Verdana,Tahoma,sans-serif; margin:60px 0 0 0px; float:left; height:110px; } .blogname h1 { font-size:40px; padding:0 0 0px 0; font-weight:normal; color:#fff; text-align:left; margin:20px 0 0 20px; } .blogname h1 a:link, .blogname h1 a:visited{ color: #fff; display:block; } .blogname h1 a:hover { color: #eee; } .blogname h2 { margin:5px 0px 0px 30px; font-size:12px; font-weight:normal; color:#fff; text-align:left; text-transform:uppercase; } /* The Search */ #search { height:20px; width:auto; top:190px; right:0px; padding:17px 10px 0px 15px; width:190px; float:right; position:absolute; } #search form { margin: 0; padding: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search p { margin: 0; font-size: 85%; } #s { margin-left:0px; float: left; width:144px; padding: 5px 2px 4px 3px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapv9VdvKIyEkkfnNBCLiiqOSAdTOLC0sswPg-UUA24zEAVPWs2PnJjQVW1HRURwTqhVg-xsr3bktBB3rqqnCYlxcY4PhKrvYkL37zvTSE2isimSB2qJC6RRlFluhkeDVEQMsvOgYi_w/s1600/sform.png) no-repeat; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#8B4E20; } #searchsubmit { width:32px; float: left; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7JjLCjGfW3lceoEMtiWflV-HSg6kRYCbBYIS2S7tSTs_M_ocPstpKiir-CrEzBck8AjX-1s9J-FVIcL41BPqsBsnW8qXHGoJU2CAf9mQLkUtZZ-VZXiDFrC0j92bfTa8vJftTmH1pw/s1600/sbutton.png); border:none; font: bold 100% "century gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; height:25px; } .feed{ float:right; height:25px; width:auto; margin:10px 10px 0px 0px; padding:5px 5px 5px 5px; width:260px; border:1px solid #8B9F6D; background:#7A9256 ; display:inline; } .feed form { margin: 0; padding: 0; } .feed fieldset { margin: 0; padding: 0; border: none; } .feed p { margin: 0; font-size: 85%; } .input{ margin-left:0px; float: left; width:190px; padding: 4px 2px 4px 5px; background:#EEF2D5 ; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#333; } .sbutton{ width:60px; float: right; background:#53623D ; border:none; font: bold 100% "century gothic", Arial, Helvetica, sans-serif; color: #eee; height:24px; } /*Page menu*/ #foxmenucontainer{ height:35px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTwauLLcmU2xcuxO1HLfnrAWnqNQ0xLSpwwQCMNMGscJ8AjpnpjxNoywk4A9_Lxv8hwan5-Vk971l-6qr3vi2HQUTL54Nr30VftnZsh-EHACGBmW_ywm4HUHFZ8bNOkAE4li4V0QWsQ/s1600/menu.png) repeat-x; display:block; padding:0px 0 0px 0px; font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #67842A; } #menu{ margin: 0px; padding: 0px; width:1000px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMTwauLLcmU2xcuxO1HLfnrAWnqNQ0xLSpwwQCMNMGscJ8AjpnpjxNoywk4A9_Lxv8hwan5-Vk971l-6qr3vi2HQUTL54Nr30VftnZsh-EHACGBmW_ywm4HUHFZ8bNOkAE4li4V0QWsQ/s1600/menu.png) repeat-x; height:35px; } #menu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #menu li { float: left; list-style: none; margin: 0px; padding: 0px; } #menu li a, #menu li a:link, #menu li a:visited { color: #ecb487; display: block; margin: 0px; padding: 10px 15px 11px 15px; } #menu li a:hover, #menu li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcOll-UeKOZ8T_PVp8UxpOVzrYMlWFbtmLAu-dOeXm40LQhgMmpYc3u2svauR6H9nSBHvmnZlXEy5LECqS0mbld1L1JnJ9-I8ENcNTA23gJbEhaDn0fnBTjxLcN8rpIvWIENlljqBdaQ/s1600/menua.png) repeat-x; color: #fff; margin: 0px; padding: 10px 15px 11px 15px; text-decoration: none; } #menu li li a, #menu li li a:link, #menu li li a:visited { background:#A14800; width: 150px; color: #ecb487; font-size: 13px; font-family: tahoma, century gothic,Georgia, sans-serif; font-weight: normal; text-transform: uppercase; float: none; margin: 0px; padding: 8px 10px 7px 10px; border-bottom: 1px solid #AF5914; } #menu li li a:hover, #menu li li a:active { background: #7F3D07 ; color: #fff; padding: 8px 10px 7px 10px; } #menu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #menu li li { } #menu li ul a { width: 140px; } #menu li ul a:hover, #menu li ul a:active { } #menu li ul ul { margin: -32px 0 0 170px; } #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto; } #menu li:hover, #menu li.sfhover { position: static; } /* Category menu*/ #catmenucontainer{ height:35px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBPsDpxXF0igP9oPIZrFc92qEEjLZe-wrFS12SwlOPKu7lPLzb-GRn0u3ByZqkEbWV0tr4L_XRNwLR4jdWfXnDHohUq7dESq5eZRvKTDZvyWUAb42hBbbWAT71rzEKRIaASwLVr2w_tw/s1600/catmenu.png) repeat-x; display:block; padding:0px 0 0px 0px; font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase; } .lavaLampNoImage { position: relative; width: 960px; padding: 5px 10px; margin: 0px 0px 0px 0px; overflow: hidden; } .lavaLampNoImage li { float: left; list-style: none; margin:0px 0px; padding:0px 0px; } .lavaLampNoImage li.back { background-color: #53623d; width: 5px; height: 20px; border:1px solid #53623d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:7px; z-index: 8; position: absolute; } .lavaLampNoImage li a:visited , .lavaLampNoImage li a:link{ font: 13px Trebuchet ms,Century gothic, Arial, Tahoma, sans seriff ; text-decoration: none; color:#DEEFC2; outline: none; text-align: center; top: 3px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 20px; position: relative; overflow: hidden; margin: auto 10px; } .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active { border: none; color: #fff; } /* Main Content*/ #content { float:left; width: 600px; height:100%; padding:10px 0px 0px 0px; } .title{ margin: 0 0 0 0px; padding: 0px 0px 0px 0px; } .date { font-size:10px; font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif; padding:5px 5px 0px 5px; color:#222; text-transform: uppercase; } .single { width:600px; margin: 0px 5px 15px 10px; height:100%; color:#504945; font: 13px Tahoma, century gothic,Arial,verdana, sans-serif; background:#fff; border:1px solid #CACFA8; 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 */ } .single h3 { margin: 0px 0 0px 0; padding: 5px 0px 5px 10px; text-align: left; font: 20px Georgia,century gothic,Arial,verdana, sans-serif; font-weight:normal; overflow:hidden; } .single h3 a, .single h3 a:link, .single h3 a:visited { color:#7F3D07; background-color: transparent; } .single h3 a:hover { color: #7F3D07; background-color: transparent; } .author{ color:#4c6528; padding:3px 0 3px 20px; margin-left:3px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_uuVtw0k5PIiAWTUjcjjnAIDhVnIrZWOobzpwWUJERVO6GtomS0njZ30wTxFbKVawmH6rTF9R4ZYDg5J-zoZ0FFILbesOLNeHQyD5eUyIXZXqdRS-oVeToG-dRh3NGGl3D7k-JzBqUw/s1600/user.png) no-repeat; } .clock{ color:#4c6528; padding:3px 0 3px 20px; margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLorzALCSiG-C_w0CawHn1EROdc-zq1XtxQ7bG42y-I4Qxp9kGUfv2Q16xDYAPhDFE7xv0vzjsuLrvWs8tBa4gOSCHou6qzwyw9-D_8LeFeFDptgJU2QUPsr-PA4Ti9azKIX4I1dyoOg/s1600/time.png) no-repeat; } .comm{ padding:3px 0 3px 20px; margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNi8Hc1ZqcAkXyrXl6bfSociZpryhTvE7RG7AKuYPiM_7RkcoV9h2AVb0_mM3o7r7XH-WFvTrC0tNP2_Fwr31pV_5hl66e9RYjgj2uxOi8_LWl-RiUtwWsumzg56uK5h3OmG2mj52M1w/s1600/comment.png) no-repeat; position:relative; } .comm a:link, .comm a:visited { color:#4c6528; } .comm a:hover{ color:#414E34; } .singleinfo { height:20px; margin:0px 0px; padding: 0px 0px 5px 0px; font:12px Georgia, Arial,century gothic,verdana, sans-serif; } .category{ padding:3px 0 3px 20px; margin-left:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBUI5K1NBFQU98qB160od4P6n9hkSWAJ-pkz6A0TZD6froLbkN_Hmkk5oINtoM17vYgDl1IRKfj_9w4b_aobLamaYwi-X_GPPsNCQEW2rooxc5z6mrd0gBh5KtXXkUzDQw5pAbZWXhg/s1600/cat.png) no-repeat; font: 10px Tahoma,century gothic,Arial,verdana, sans-serif; } .category a:link,.category a:visited{ color:#c55800; } .category a:hover{ color:#333; } .entry { margin:0 0; padding: 0px 5px 5px 5px; } .entry a:link, .entry a:visited { color: #AC0604; background-color: transparent; } .entry a:hover { color:#455236; background-color: transparent; text-decoration: none; } .entry p{ margin:5px 5px; padding:0px 0px; line-height:20px; } /* right column */ .right{ float:right; width:190px; padding:0 0px 0px 0; } /* The Sidebar1 */ .sidebar1{ float:left; width:180px; padding-top:5px; font-size:11px; font-family:Tahoma,Century gothic, Arial, sans-serif; padding-left:10px; } .sidebar1 h2 { line-height:30px; font-size:14px; color:#fff; margin:5px 0 0px 0 ; padding:0px 0 0 5px; background:#637746; font-weight:bold; font-family:Georgia,Century gothic, Arial, sans-serif; text-transform:uppercase; border-bottom:1px solid #687F47; } .sidebar1 ul { list-style-type: none; margin: 0 ; padding: 0; } .sidebar1 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; background-repeat:no-repeat; } .sidebar1 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar1 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar1 ul li { background:#CEDFB5; color:#505F3B; border-bottom:1px solid #BFCFA8; text-decoration: none; padding: 5px 0px 5px 5px; } .sidebar1 ul li a:link, .sidebar1 ul li a:visited { height:100%; text-transform:uppercase; } .sidebar1 ul li a:hover { color: #637746; } .sidebar1 p { padding: 7px 10px; margin:0; } .sidebar1 table { width:100%; text-align:center; color:#787d7f; } /* The Sidebar2 */ .sidebar2{ float:right; width:180px; padding-top:5px; padding-right:10px; font-size:11px; font-family:Tahoma,Century gothic, Arial, sans-serif; } .sidebar2 h2 { line-height:30px; font-size:14px; color:#fff; margin:5px 0 0px 0 ; padding:0px 0 0 5px; background:#637746; font-weight:bold; font-family:Georgia,Century gothic, Arial, sans-serif; text-transform:uppercase; border:1px solid #687F47 ; } .sidebar2 ul { list-style-type: none; margin: 0 ; padding: 0; } .sidebar2 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; background-repeat:no-repeat; } .sidebar2 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar2 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; } .sidebar2 ul li { background:#CEDFB5; color:#505F3B; border-bottom:1px solid #BFCFA8; text-decoration: none; padding: 5px 0px 5px 5px; } .sidebar2 ul li a:link, .sidebar2 ul li a:visited { height:100%; line-height:18px; text-transform:uppercase; } .sidebar2 ul li a:hover { color: #637746; } .sidebar2 p { padding: 7px 10px; margin:0; } .sidebar2 table { width:100%; text-align:center; color:#787d7f; } /* --- FOOTER --- */ #footer { height:35px; padding:15px 0 0 0px; color:#EFE2A4; font-size:11px; font-weight:normal; text-align:center; letter-spacing:1px; font-family: Tahoma,georgia,Century gothic, Arial, sans-serif; float:left; width:100%; background:#8e551f; border-top:3px solid #cb7728; } #footer a:link , #footer a:visited{ color:#EFE2A4; } #footer a:hover { color:#fff; } /* The Navigation */ #navigation{ width:600px; margin:0px 0px 0px 0px; padding:0px 5px 10px 5px; } /* The Attachment */ .contentCenter { text-align:center; } /* The Page Title */ h2.pagetitle { padding:5px 5px; margin:0px 0 10px 5px; font-size:16px; text-align:center; color:#4A413C; font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif; } #comment{ height:100%; padding:0px 5px 10px 10px; margin:0px 0px; } h4#comments { padding:5px 10px; margin:10px 0px; border:1px solid #DEDCDD; font-size:20px; font-weight:normal; color:#444; background:#fff; font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #respond{ height:100%; padding:0px 5px; margin:0px 0px; background:#fff; border:1px solid #DEDCDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #respond h4{ padding:5px 10px 5px 10px; margin:10px 0px; font-size:22px; font-weight:normal; color:#444; font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif; } #commentform { padding:0px 10px 10px 10px; margin:0px 0px 0px 0px; color:#BFAFA7; font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif; } #commentform p { color:#3f79c4; } #commentform input { background:#F4F4F4; border:1px solid #DEDCDD; color:#444; padding-left:10px; } #commentform textarea { background:#F4F4F4; border:1px solid #DEDCDD; color:#444; width:95%; padding:5px 5px; } .comments input#submit { width:auto; line-height:25px; padding:3px 5px; background:#863E06; border:2px solid #CB7728; color:#fff; font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif; } ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { border:1px solid #DEDCDD; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li div.comment-author { padding:0 170px 0 0; } ol.commentlist li div.vcard { font:20px Georgia, helvetica,arial,sans-serif; padding:5px 0px; } ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; } ol.commentlist li div.comment-meta { font:12px Tahoma, helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { color:#0083DB; text-decoration:none; } ol.commentlist li div.comment-meta a:hover { color:#000; } ol.commentlist li p { font:normal 12px Tahoma, helvetica,arial,sans-serif; margin:0 0 1em; line-height:18px; } ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li div.reply { background:#5A6F37; border:2px solid #374128; color:#fff; font:bold 9px/1 Tahoma, Georgia,arial,sans-serif; padding:5px 10px; text-align:center; width:36px; } ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; } ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#fff; } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } .banner{ margin: 10px 0px 0 0; padding: 0px 10px 0 0px; float:right; height:100%; } .banner ul { margin: 0px 0px; padding: 0px 0px; overflow:hidden; float:left; } .banner li{ margin: 0px 0px 5px 0px ; padding:0px 0px ; list-style:none; display : block; overflow:hidden; background:#D2D5DA ; border:1px solid #fff; } .banner li a:link, .banner li a:visited { text-decoration: none; } .profile-img { float:left; margin:0 5px 3px 5px; padding:4px 4px ; border:1px solid #000 } .profile-data{ margin:0; text-transform:uppercase; letter-spacing:.1em; font:tahoma,arial; color:#000; font-weight:bold; line-height:1.6em } .profile-datablock { margin: 5px 5px } .profile-textblock { margin: 5px 5px; line-height:1.6em} .profile-link { font:#000; text-transform:uppercase; letter-spacing:.1em } ]]> </b:skin> </head> - <body> - <div id="wrapper">- <div id="foxmenucontainer">- <div id="menu">- <ul>- <li> <a href="#" title="View all post under Title" shape="rect">Title</a> </li> - <li> <a href="#" title="View all post under Title" shape="rect">Title</a> </li> - <li> <a href="#" title="View all post under Title" shape="rect">Title</a> </li> - <li> <a href="#" title="View all post under Title" shape="rect">Title</a> </li> </ul> </div> </div> <div class="clear" />- <div id="top">- <div class="blogname">- <b:section class="header" id="header" maxwidgets="1" showaddelement="no"> - <b:widget id="Header1" locked="true" title="Natural Health (Header)" type="Header"> - <b:includable id="title"> - <b:if cond="data:blog.url == data:blog.homepageUrl"> <data:title /> <b:else /> - <a expr:href="data:blog.homepageUrl" shape="rect"> <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 == "REPLACE""> -  - <div id="header-inner">- <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect"> <img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" /> </a> </div> <b:else /> -  - <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "" id="header-inner">- <div class="titlewrapper" style="background: transparent">- <h1 class="title" style="background: transparent; border-width: 0px"> <b:include name="title" /> </h1> </div>- <h2> <b:include name="description" /> </h2> </div> </b:if> <b:else /> -  - <h1>- <a expr:href="data:blog.homepageUrl" shape="rect"> <b:include name="title" /> </a> </h1>- <h2> <b:include name="description" /> </h2> </b:if> </b:includable> </b:widget> </b:section> -  </div>- <div class="feed">- <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=CahayaBirusSphere', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" enctype="application/x-www-form-urlencoded"> <input class="input" name="email" onblur="if (this.value == "") {this.value = "Sign Up here for email feed...";}" onfocus="if (this.value == "Sign Up here for email feed...") {this.value = "";}" type="text" value="Sign Up here for email feed..." /> <input name="uri" type="hidden" value="CahayaBirusSphere" /> <input name="loc" type="hidden" value="en_US" /> <input class="sbutton" type="submit" value="submit" /> </form> </div>- <div id="search">- <form action="/s" id="searchform" method="get" enctype="application/x-www-form-urlencoded"> <input id="s" name="q" type="text" value="" /> <input id="searchsubmit" type="submit" value="" /> </form> </div> </div>- <div id="catmenucontainer">- <div style="float:left;">- <ul class="lavaLampNoImage" id="A">- <li> <a expr:href="data:blog.homepageUrl" shape="rect">Home</a> </li> - <li> <a expr:href="data:blog.homepageUrl + "feeds/posts/default"" shape="rect">Posts RSS</a> </li> - <li> <a expr:href="data:blog.homepageUrl + "feeds/comments/default"" shape="rect">Comments RSS</a> </li> - <li> <a href="#" shape="rect">Title Here</a> </li> - <li> <a href="#" shape="rect">Title Here</a> </li> - <li> <a href="#" shape="rect">Title Here</a> </li> </ul> </div> </div> <div class="clear" />- <div id="casing">- <div class="sidebar1">- <b:section class="cahaya7" id="cahaya3" showaddelement="yes"> - <b:widget id="Followers1" locked="false" title="Followers" type="Followers"> - <b:includable id="main"> - <b:if cond="data:title != """> - <b:if cond="data:codeSnippet != """> - <h2 class="title"> <data:title /> </h2> <b:else /> - <b:if cond="data:totalFollowerCount != """> - <h2 class="title"> <data:title /> ( <data:totalFollowerCount /> ) </h2> </b:if> </b:if> </b:if> - <div class="widget-content">- <div expr:id="data:widget.instanceId + "-wrapper"">- <b:if cond="data:codeSnippet != """> - <div style="margin-right:2px;"> <data:codeSnippet /> </div> <b:else /> - <b:if cond="data:totalFollowerCount == """> - - <data:failureSnippet /> - - <data:adminFailureSnippet /> <b:else /> - <b:if cond="data:followingLinkPresent"> - <div class="follow-this profile-link item-control following-follow-this">- <a expr:href=""javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"" shape="rect"> <data:followThisMessage /> </a> </div>- <div class="follow-this profile-link item-control following-stop-following-this">- <a expr:href=""javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"" shape="rect"> <data:stopFollowingMessage /> </a> </div> </b:if> - <div class="followers-grid">- <b:if cond="data:totalFollowerCount == 0"> - <div class="profile-link item-control following-follow-this"> <data:emptyFollowersMessage /> </div> </b:if> -  - <b:loop values="data:followers" var="follower"> - <div class="follower">- <a expr:href="data:follower.profileUrl" expr:title="data:follower.displayName" rel="nofollow" shape="rect"> <img class="follower-img" expr:alt="data:follower.displayName" expr:height="data:follower.imageHeight" expr:onerror=""this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"" expr:onload=""setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"" expr:width="data:follower.imageWidth" src="http://img1.blogblog.com/img/blank.gif" /> </a> </div> </b:loop> <div class="clear" /> </div>- <div class="followers-canvas profile-link"> <data:followersFooterMessage /> - - <a expr:href="data:followersUri" shape="rect"> <data:viewAllMessage /> </a> - - <a expr:href="data:manageFollowersUri" shape="rect"> <data:manageFollowersMessage /> </a> </div> </b:if> </b:if> </div> <b:include name="quickedit" /> </div> </b:includable> </b:widget> </b:section> </div>- <div id="content">- <b:section class="main" id="main" showaddelement="no"> - <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog"> - <b:includable id="nextprev"> - <div class="blog-pager" id="blog-pager">- <b:if cond="data:newerPageUrl"> - - <a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" expr:title="data:newerPageTitle" shape="rect"> <data:newerPageTitle /> </a> </b:if> - <b:if cond="data:olderPageUrl"> - - <a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" expr:title="data:olderPageTitle" shape="rect"> <data:olderPageTitle /> </a> </b:if> - <b:if cond="data:blog.homepageUrl != data:blog.url"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> <b:else /> - <b:if cond="data:newerPageUrl"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> </b:if> </b:if> </div> </b:includable> - <b:includable id="backlinks" var="post"> <a name="links" shape="rect" /> - <h4> <data:post.backlinksLabel /> </h4>- <b:if cond="data:post.numBacklinks != 0"> - <dl class="comments-block" id="comments-block">- <b:loop values="data:post.backlinks" var="backlink"> - <div class="collapsed-backlink backlink-control">- <dt class="comment-title"> - <a expr:href="data:backlink.url" rel="nofollow" shape="rect"> <data:backlink.title /> </a> <b:include data="backlink" name="backlinkDeleteIcon" /> </dt> - <dd class="comment-body collapseable"> <data:backlink.snippet /> </dd> - <dd class="comment-footer collapseable"> - <data:post.authorLabel /> <data:backlink.author /> - <data:post.timestampLabel /> <data:backlink.timestamp /> </dd> </div> </b:loop> </dl> </b:if> </b:includable> - <b:includable id="post" var="post"> - <div class="single" id="post-56">- <div class="title"> <a expr:name="data:post.id" shape="rect" /> - <b:if cond="data:post.title"> - <h3 class="post-title entry-title">- <b:if cond="data:post.link"> - <a expr:href="data:post.link" shape="rect"> <data:post.title /> </a> <b:else /> - <b:if cond="data:post.url"> - <a expr:href="data:post.url" shape="rect"> <data:post.title /> </a> <b:else /> <data:post.title /> </b:if> </b:if> </h3> </b:if> - <div class="date">- - <b:if cond="data:top.showAuthor"> <data:top.authorLabel /> - <data:post.author /> </b:if> - - <b:if cond="data:post.dateHeader"> - <b:if cond="data:post.url"> <data:post.dateHeader /> </b:if> </b:if> - - <b:if cond="data:blog.pageType != "item""> - <b:if cond="data:post.allowComments"> - <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> - <b:if cond="data:post.numComments == 1"> 1 <data:top.commentLabel /> <b:else /> <data:post.numComments /> <data:top.commentLabelPlural /> </b:if> </a> </b:if> </b:if> </div> </div>- <div class="cover">- <div class="entry">- <data:post.body /> <div style="clear: both;" />-  <div class="clear" /> </div> </div>- <div class="singleinfo">- <div class="category">- <b:if cond="data:post.labels"> - <b:loop values="data:post.labels" var="label"> - <a expr:href="data:label.url" rel="tag" shape="rect"> <data:label.name /> </a> <b:if cond="data:label.isLast != "true"">,</b:if> </b:loop> </b:if> - - <b:if cond="data:blog.pageType != "item""> | - <b:if cond="data:post.showBacklinks"> - <a class="comment-link" expr:href="data:post.url + "#links"" shape="rect"> <data:top.backlinkLabel /> </a> </b:if> </b:if> -  - - <b:if cond="data:post.emailPostUrl"> | - - <a expr:href="data:post.emailPostUrl" expr:title="data:top.emailPostMsg" shape="rect"> <img alt="" class="icon-action" height="13" src="http://www.blogger.com/img/icon18_email.gif" width="18" /> </a> </b:if> -  <b:include data="post" name="postQuickEdit" /> </div> </div> </div> </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> </b:if> </b:includable> - <b:includable id="comment-form" var="post"> - <div class="comment-form"> <a name="comment-form" shape="rect" /> - <h4> <data:postCommentMsg /> </h4>- <data:blogCommentMessage /> <iframe allowtransparency="true" expr:src="data:post.commentFormIframeSrc" frameborder="0" height="275" id="comment-editor" scrolling="auto" width="580" /> </div> </b:includable> - <b:includable id="backlinkDeleteIcon" var="backlink"> - - <a expr:href="data:backlink.deleteUrl" expr:title="data:top.deleteBacklinkMsg" shape="rect"> </a> </b:includable> - <b:includable id="postQuickEdit" var="post"> - <b:if cond="data:post.editUrl"> - - <a expr:href="data:post.editUrl" expr:title="data:top.editPostMsg" shape="rect"> <img alt="edit post" class="icon-action" src="http://www.blogger.com/img/icon18_edit_allbkg.gif" /> </a> </b:if> </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:include data="post" name="post" /> - <b:if cond="data:blog.pageType == "item""> <b:include data="post" name="comments" /> </b:if> </b:loop> <data:adEnd /> </div>-  <b:include name="nextprev" /> </b:includable> - <b:includable id="commentDeleteIcon" var="comment"> - - <a expr:href="data:comment.deleteUrl" expr:title="data:top.deleteCommentMsg" shape="rect"> </a> </b:includable> - <b:includable id="feedLinks"> - <b:if cond="data:blog.pageType != "item""> -  - <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="feedLinksBody" var="links"> - <div class="feed-links"> <data:feedLinksMsg /> - <b:loop values="data:links" var="f"> - <a class="feed-link" expr:href="data:f.url" expr:type="data:f.mimeType" target="_blank" shape="rect"> <data:f.name /> ( <data:f.feedType /> ) </a> </b:loop> </div> </b:includable> - <b:includable id="comments" var="post"> - <div class="comments" id="comment"> <a name="comments" shape="rect" /> - <b:if cond="data:post.allowComments"> - <h4 id="comments">- <b:if cond="data:post.numComments == 1"> 1 Responses to <data:post.title /> <b:else /> - <data:post.numComments /> <data:commentLabelPlural /> </b:if> </h4>- <b:if cond="data:post.commentPagingRequired"> - - <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl" shape="rect"> <data:post.oldestLinkText /> </a> - <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl" shape="rect"> <data:post.olderLinkText /> </a> <data:post.commentRangeText /> - <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl" shape="rect"> <data:post.newerLinkText /> </a> - <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl" shape="rect"> <data:post.newestLinkText /> </a> </b:if> - <ol class="commentlist">- <b:loop values="data:post.comments" var="comment"> - <li class="odd" id="comment"> - <div class="comment-author vcard">- <cite class="fn"> - <a expr:href="data:comment.authorUrl" rel="nofollow" shape="rect"> <data:comment.author /> </a> </cite> Says: </div>- <div class="comment-meta commentmetadata">- <a expr:href="data:comment.url" title="comment permalink" shape="rect"> <data:comment.timestamp /> </a> </div> </li> - <li class="even" id="comment"> - <b:if cond="data:comment.isDeleted"> - <data:comment.body /> <b:else /> - <data:comment.body /> <div class="reply" /> </b:if> <b:include data="comment" name="commentDeleteIcon" /> </li> </b:loop> </ol>- <b:if cond="data:post.commentPagingRequired"> - - <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl" shape="rect"> <data:post.oldestLinkText /> </a> - <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl" shape="rect"> <data:post.olderLinkText /> </a> <data:post.commentRangeText /> - <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl" shape="rect"> <data:post.newerLinkText /> </a> - <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl" shape="rect"> <data:post.newestLinkText /> </a> </b:if> - <div id="respond">- <b:if cond="data:post.embedCommentForm"> <b:include data="post" name="comment-form" /> <b:else /> - <b:if cond="data:post.allowComments"> - <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> <data:postCommentMsg /> </a> </b:if> </b:if> </div> </b:if> - <div id="backlinks-container">- <div expr:id="data:widget.instanceId + "_backlinks-container"">- <b:if cond="data:post.showBacklinks"> <b:include data="post" name="backlinks" /> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div>-  - <div class="right">- <b:section class="cahaya7" id="cahaya1" showaddelement="no"> - <b:widget id="HTML8" locked="false" title="Banner" type="HTML"> - <b:includable id="main"> - <div class="banner">- <ul>- <div class="widget-content"> <data:content /> </div> </ul> </div> <b:include name="quickedit" /> </b:includable> </b:widget> </b:section> - <div class="sidebar2">- <b:section class="cahaya7" id="cahaya2" showaddelement="yes"> - <b:widget id="Profile1" locked="false" title="About Me" 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 == "true""> -  - <ul>- <b:loop values="data:authors" var="i"> - <li> - <a expr:href="data:i.userUrl" shape="rect"> <data:i.display-name /> </a> </li> </b:loop> </ul> <b:else /> -  - <b:if cond="data:photo.url != """> - <a expr:href="data:userUrl" shape="rect"> <img class="profile-img" expr:alt="data:photo.alt" expr:height="data:photo.height" expr:src="data:photo.url" expr:width="data:photo.width" /> </a> </b:if> - <dl class="profile-datablock">- <dt class="profile-data"> <data:displayname /> </dt> - <b:if cond="data:showlocation == "true""> - <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" expr:href="data:userUrl" shape="rect"> <data:viewProfileMsg /> </a> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="Label1" locked="false" title="Labels" type="Label"> - <b:includable id="main"> - <b:if cond="data:title"> - <h2> <data:title /> </h2> </b:if> - <div expr:class=""widget-content " + data:display + "-label-widget-content"">- <b:if cond="data:display == "list""> - <ul>- <b:loop values="data:labels" var="label"> - <li> - <b:if cond="data:blog.url == data:label.url"> - <data:label.name /> <b:else /> - <a expr:dir="data:blog.languageDirection" expr:href="data:label.url" shape="rect"> <data:label.name /> </a> </b:if> - <b:if cond="data:showFreqNumbers"> - ( <data:label.count /> ) </b:if> </li> </b:loop> </ul> <b:else /> - <b:loop values="data:labels" var="label"> - - <b:if cond="data:blog.url == data:label.url"> - <data:label.name /> <b:else /> - <a expr:dir="data:blog.languageDirection" expr:href="data:label.url" shape="rect"> <data:label.name /> </a> </b:if> - <b:if cond="data:showFreqNumbers"> - ( <data:label.count /> ) </b:if> </b:loop> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="BlogArchive1" locked="false" title="Blog Archive" 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 expr:id="data:widget.instanceId + "_ArchiveList"">- <b:if cond="data:style == "HIERARCHY""> <b:include data="data" name="interval" /> </b:if> - <b:if cond="data:style == "FLAT""> <b:include data="data" name="flat" /> </b:if> - <b:if cond="data:style == "MENU""> <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 expr:href="data:i.url" shape="rect"> <data:i.name /> </a> ( <data:i.post-count /> ) </li> </b:loop> </ul> </b:includable> - <b:includable id="menu" var="data"> - <select expr:id="data:widget.instanceId + "_ArchiveMenu""> - <option value=""> <data:title /> </option> - <b:loop values="data:data" var="i"> - <option expr: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 expr:class=""archivedate " + data:i.expclass"> <b:include data="i" name="toggle" /> - <a class="post-count-link" expr:href="data:i.url" shape="rect"> <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 == "expanded""> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> ▼ </a> <b:else /> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> - - <b:if cond="data:blog.languageDirection == "rtl""> ◄ <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 expr:href="data:i.url" shape="rect"> <data:i.title /> </a> </li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> </div> <div class="clear" /> </div>- <div id="footer"> Copyright 2009 | - <a expr:href="data:blog.homepageUrl" shape="rect"> <data:blog.title /> </a> Natural health theme designed by the <a href="http://www.web2feel.com/" shape="rect">Jinsona Design</a> and XML coded by <a href="http://www.cahayabiru.com/" shape="rect">CahayaBiru.com</a> </div> </div> </body> </html>

4. Blogger Template Made in Spain

Copy the following Search Engine friendly code of Template Made in Spain and paste it in Edit HTML area and save your blog.

5. Blogger Template Color Soflife

Copy the following Search Engine friendly code of Template Color Soflife and paste it in Edit HTML area and save your blog.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html (View Source for full doctype...)> - <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'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Description here' name='description'/> <meta content='Your Keywords here' name='keywords'/> </b:if> - <b:skin> - <![CDATA[ /* /* Theme Name: Colours of Life Designer: M.Kranthi Swaroop Author URI: http://www.bloggertricks.com ###--------- VISIT http://bloggertricks.com for BLOGGING TIPS AND FREE BLOGGER TEMPLATES ---------### */ *{ margin: 0px; padding: 0px;} p { margin:10px 0px 0px; } body { font-size: 11px; margin: auto; text-align: center; line-height: 1.5em; color: #1E1E1E; font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; background-image:url(http://i42.tinypic.com/2wm4bj9.jpg); background-repeat:repeat-x; background-color:#e5bb00;} p img { margin:0.7em 0.7em 0.7em 0pt; padding:0pt; } #header { margin: 0px auto 0 auto; background-image:url(http://i40.tinypic.com/29w8xnb.jpg); background-repeat:no-repeat; width:990px; height:190px;} #title { float: left; height: 1%; padding-top:20px; padding-left:0px; } #title h1 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; color: #fff; text-transform: capitalize; margin-left: 5px; line-height: 60px; float:left; } #title h1 a { text-align: left; font-weight: bold; color: #fff; text-decoration: none;} #title h1 a:hover { color: #DFDFDF; text-decoration: none;} #titleinfo { font-family: "verdana"; font-size: 1em; color: #000000; margin-left: 580px; margin-right: 80px; text-transform: capitalize; text-align: left; letter-spacing: 1pt; padding-top:80px;} #container{ clear:left; padding:0 auto 0 auto; margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom: 0; width: 990px; height: auto; background-image:url(http://i43.tinypic.com/25swl7t.jpg); background-repeat:repeat-y; background-color:#FFFFFF;} #leftnav{ float: right; width: 220px; margin: 0; padding-top: 4px; margin-top: 0; margin-right: 10px; margin-bottom: 20px; text-align: left;} #sponsors{ margin-bottom: 5px; overflow: hidden; } #sponsors img.ml { margin: 0 10px 4px 0; overflow: hidden } #rightnav{ float: right; width: 180px; margin: 0; padding-top: 4px; margin-top: 0; margin-bottom: 20px; margin-right: 1px; text-align: left;} #content{ display: block; margin: 0 400px 10px 15px; line-height: 1.5em; color:#333333; padding-top: 10px; text-align: justify; width:470px;} #footwrap{ clear:both; font-weight: normal; color: #ffffff; font-size:10px; width:990px; height:36px; background-image:url(http://i40.tinypic.com/16bkmky.jpg); background-repeat:no-repeat; background-color:#FFFFFF;} #footwrap p{ padding: 5px 0 0 0; display: block; margin: 0px; text-align:center;} #footwrap a:link { color: #ffffff; text-decoration: none; border: none; font-weight: bold;} #footwrap a:hover { color: #ffffff; border: none;} #footwrap a:visited:hover { color: #000; border: none;} #footwrap a:visited { color: #000; text-decoration: none; border: none; font-weight: bold;} #sidebarleft{ color: #000; margin-bottom: 10px; padding: 0 5px 0 0px;} #sidebarleft ul { } .BlogArchive #ArchiveList ul li.archivedate { padding: 1px 0 4px 2px; display: block; margin-right: 3px; border-bottom:1px solid #EBEBEB; text-indent:0px; } #sidebarleft li{ background: none; padding-bottom: 15px;} #sidebarleft ul li{ padding: 1px 0 4px 2px; display:block; font-weight:bold; color: #666666; text-decoration:none; padding:2px 5px 2px 10px; background: #F5F5F5; border-left:4px solid #bf035a; min-height:18px; margin-bottom:2px; } #sidebarleft ul li ul li{ display: block; padding-left: 10px; margin-left: 5px; margin-right: 3px; padding-bottom: 2px;} #sidebarleft ul li li{ display: block; padding-left: 10px; margin-left: 5px; margin-right: 3px; padding-bottom: 2px;} #sidebarleft a:link { color: #000; text-decoration: none; border: none;} #sidebarleft a:hover { color:bf035a; text-decoration:underline;} #sidebarleft a:visited:hover { text-decoration:underline} #sidebarleft a:visited { color: #000; text-decoration: none; border: none;} #sidebarleft h2 { height: 25px; padding: 5px 0 0px 0px; font-family: Arial, sans-serif; color: #6297BC; margin-top:15px; border-bottom:2px solid #EBEBEB; } #sidebarleft div.widget-content { margin-left:20px; } #sidebarright div.widget-content { margin-left:20px; } #sidebarright{ color: #000; margin-bottom: 10px; padding: 0 5px 0 10px;} #sidebarright ul{} #sidebarright li{ background: none; padding-bottom: 15px;} #sidebarright ul li{ padding: 1px 0 4px 2px; display:block; font-weight:bold; color: #666666; text-decoration:none; padding:2px 5px 2px 10px; background: #F5F5F5; border-left:4px solid #bf035a; min-height:18px; margin-bottom:2px; } #sidebarright ul li ul li{ display: block; padding-left: 10px; margin-left: 5px; margin-right: 3px; padding-bottom: 2px;} #sidebarright ul li li{ display: block; padding-left: 10px; margin-left: 5px; margin-right: 3px; padding-bottom: 2px;} #sidebarright a:link { color: #000; text-decoration: none; border: none;} #sidebarright a:hover { text-decoration:underline;} #sidebarright a:visited:hover { text-decoration:underline} #sidebarright a:visited { color: #000; text-decoration: none; border: none;} #sidebarright h2 { height: 25px; padding: 5px 0 0px 0px; font-family: Arial, sans-serif; color: #6297BC; margin-top:15px; border-bottom:2px solid #EBEBEB; } blockquote{ margin: 0px 0px 0px 15px; padding: 5px 25px 5px 5px; border-left:4px solid #bf035a; color: #202020;} .postmetadata{ display:block; margin: 0px 5px 10px 10px; padding: 5px 8px 5px 5px; text-align: center; color:#6297BC;} #content .postmetadata { background:#f6f6f6 none repeat scroll 0%; font-size:11px; width:95%; height:15px; padding:5px 0px 5px; border-top: 1px dotted; border-bottom: 1px dotted; border-right: 1px dotted; border-left: 1px dotted; } #content .postmetadata2 { background:#f6f6f6 none repeat scroll 0%; font-size:11px; width:95%; height:43px; padding:5px 0px 8px; margin-bottom:10px; border-top: 1px dotted; border-bottom: 1px dotted; } .postmetadata a:link{ border: none; color: #585858; font-weight: normal;} .postmetadata a:hover{ border: none; color: #848484; font-weight: normal; text-decoration: underline;} .postmetadata a:visited:hover{ border: none; color: #848484; text-decoration: underline; font-weight: normal;} .postmetadata a:visited{ border: none; color: #585858; font-weight: normal;} a:link{ color: #2B2B2B; text-decoration: none;} a:hover{ color: #585858; text-decoration: underline;} a:visited{ color: #646464; text-decoration: none; font-weight: normal;} a:visited:hover{ color: #646464; text-decoration: underline;} a img { border:none; background:none;} #feed, #feed img a:link, #feed img a:visited{ border: none;} .commentlist{ color: #434343;} .commentlist li{ margin: 2px 2px 2px 2px; padding-left: 5px; list-style: none; margin-bottom: 5px;} li.alt{} .commentlist cite{ padding: 1px 1px 1px 1px;} .commentlist p{ padding: 5px 5px 2px 3px; margin-bottom: 5px;} .commentlist a:link{ border: none; text-decoration: underline; font-weight: bold; color: #595959;} .commentlist a:visited{ border: none; text-decoration: underline; font-weight: bold; color: #595959;} .commentlist a:hover{ border: none; text-decoration: underline; font-weight: bold; color: #000;} .commentlist a:visited:hover{ border: none; font-weight: bold; color: #000;} .commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited{ text-decoration: none; color: #494949; background-color: #E3E2E2;} .commentnumber { font: bold normal 14px 'Times New Roman', Times, serif; font-weight: bold; margin-top: 5px; float:right; color: #BCBCBC; font-size: 12pt;} #comment{ color: #000; width:90%; background-color: #fff;} h1{ font-size: 30px; color: #000;} h2{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; display: block; font-size: 16px; font-weight: bold; padding: 5px 0 0 12px; margin: 5px 0 6px 10px; text-align: left;} h3{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; display: block; font-size: 16px; text-transform:capitalize; font-weight: bold; padding: 0px 0 0 12px; margin: 0px 0 6px 0; text-align: left; } h3.posttitle { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; line-height:1.5em; padding: 5px 0 0px 0px; margin-top: 3px; margin-left: 2px; } .posttitle a:link{ font-size: 22px; color: #114A8D; font-weight: bold;} .posttitle a:visited{ font-size: 22px; color: #114A8D; font-weight: bold;} .posttitle a:hover{ font-size: 22px; color: #252525; font-weight: bold; text-decoration: none;} .posttitle a:visited:hover{ color: #252525; text-decoration: none;} h4{ font-family: Arial, sans-serif; margin-top: 15px; font-size: 13px; font-weight: bold; padding: 5px 0 0 12px; margin: 5px 0 6px 0; text-align: left;} h5{ font-family: Arial, sans-serif; margin-top: 15px; font-size: 12px; font-weight: bold; padding: 5px 0 0 12px; margin: 5px 0 6px 0; text-align: left;} .entry{ margin-bottom: 5px;} .post{ display: block; overflow:hidden; width:98%;} code{ display: block; margin: 10px 30px 0 30px; padding: 2px 10px 5px 10px; color: #000;} ul{ list-style: none;} img { padding:0px 5px 5px 10px;} a img { border:none; background:none;} .alignright { text-align: right;} .alignleft { text-align: left} .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 0;} .wp-smiley{ padding: 0;} .textwidget{ margin: 2px 5px 2px 5px;} #navbar-iframe { height:0px; visibility:hidden; display:none; } ]]> </b:skin> </head> - <body> - <div id="header"> - <div id="title"> - <b:section id="headersection" maxwidgets="1" showaddelement="no"> - <b:widget id="Header1" locked="true" title="Colors of Life! (Header)" type="Header"> - <b:includable id="title"> - <b:if cond="data:blog.url == data:blog.homepageUrl"> <data:title /> <b:else /> - <a expr:href="data:blog.homepageUrl" shape="rect"> <data:title /> </a> </b:if> </b:includable> - <b:includable id="description"> - <div id="titleinfo"> <data:description /> </div> </b:includable> - <b:includable id="main"> - <b:if cond="data:useImage"> - <b:if cond="data:imagePlacement == "REPLACE""> -  - <div id="header-inner"> - <a expr:href="data:blog.homepageUrl" style="display: block" shape="rect"> <img expr:alt="data:title" expr:height="data:height" expr:id="data:widget.instanceId + "_headerimg"" expr:src="data:sourceUrl" expr:width="data:width" style="display: block" /> </a> </div> <b:else /> -  - <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "" id="header-inner"> - <div class="titlewrapper" style="background: transparent"> - <h1 class="title" style="background: transparent; border-width: 0px"> <b:include name="title" /> </h1> </div> <b:include name="description" /> </div> </b:if> <b:else /> -  - <div id="header-inner"> - <div class="titlewrapper"> - <h1 class="title"> <b:include name="title" /> </h1> </div> <b:include name="description" /> </div> </b:if> </b:includable> </b:widget> </b:section> </div> </div> - <div id="navigation"> <b:section id="navsection" maxwidgets="1" showaddelement="no" /> </div> - <div id="container"> - <div id="leftnav"> - <ul id="sidebarright"> - <li> - <b:section id="lsidebar" showaddelement="yes"> - <b:widget id="BlogArchive1" locked="false" title="Blog Archive" 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 expr:id="data:widget.instanceId + "_ArchiveList""> - <b:if cond="data:style == "HIERARCHY""> <b:include data="data" name="interval" /> </b:if> - <b:if cond="data:style == "FLAT""> <b:include data="data" name="flat" /> </b:if> - <b:if cond="data:style == "MENU""> <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 expr:href="data:i.url" shape="rect"> <data:i.name /> </a> ( <data:i.post-count /> ) </li> </b:loop> </ul> </b:includable> - <b:includable id="menu" var="data"> - <select expr:id="data:widget.instanceId + "_ArchiveMenu""> - <option value=""> <data:title /> </option> - <b:loop values="data:data" var="i"> - <option expr: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 expr:class=""archivedate " + data:i.expclass"> <b:include data="i" name="toggle" /> - <a class="post-count-link" expr:href="data:i.url" shape="rect"> <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 == "expanded""> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> ▼ </a> <b:else /> - <a class="toggle" expr:href="data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen" shape="rect"> - - <b:if cond="data:blog.languageDirection == "rtl""> ◄ <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 expr:href="data:i.url" shape="rect"> <data:i.title /> </a> </li> </b:loop> </ul> </b:includable> </b:widget> - <b:widget id="LinkList1" 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 expr:href="data:link.target" shape="rect"> <data:link.name /> </a> </li> </b:loop> </ul> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="Poll1" locked="false" title="How is the template ?" type="Poll"> - <b:includable id="main"> - <div class="widget-content" id="widget-content"> - <h2> <data:title /> </h2> <iframe allowtransparency="true" expr:height="data:iframeheight" expr:name=""poll-widget" + data:pollid" expr:src="data:iframeurl" frameborder="0" style="border:none; width:100%;" /> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="Label1" 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.url"> - <data:label.name /> <b:else /> - <a expr:dir="data:blog.languageDirection" expr:href="data:label.url" shape="rect"> <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="BloggerButton1" locked="false" title="" type="BloggerButton"> - <b:includable id="main"> - <DIV class="widget-content"> - <A href="http://www.blogger.com"> <IMG alt="Powered By Blogger" expr:src="data:fullButton" /> </A> <SCRIPT type="text/javascript">document.write('\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u0061\u0020\u0068\u0072\u0065\u0066\u003D\u0022\u0068\u0074\u0074\u0070\u003A\u002F\u002F\u0062\u006C\u006F\u0067\u0067\u0065\u0072\u0074\u0072\u0069\u0063\u006B\u0073\u002E\u0063\u006F\u006D\u002F\u0022\u0020\u0074\u0061\u0072\u0067\u0065\u0074\u003D\u0022\u005F\u0062\u006C\u0061\u006E\u006B\u0022\u003E\u003C\u0069\u006D\u0067\u0020\u0073\u0072\u0063\u003D\u0022\u0068\u0074\u0074\u0070\u003A\u002F\u002F\u0069\u0032\u0031\u0039\u002E\u0070\u0068\u006F\u0074\u006F\u0062\u0075\u0063\u006B\u0065\u0074\u002E\u0063\u006F\u006D\u002F\u0061\u006C\u0062\u0075\u006D\u0073\u002F\u0063\u0063\u0032\u0038\u0036\u002F\u0037\u006B\u0072\u0061\u006E\u0074\u0068\u0069\u0073\u0077\u0061\u0072\u006F\u006F\u0070\u002F\u0074\u0065\u006D\u0070\u002F\u006B\u0072\u0061\u006E\u0074\u0068\u0069\u0074\u0069\u0070\u0073\u002D\u006C\u006F\u0067\u006F\u002E\u006A\u0070\u0067\u0022\u0020\u0061\u006C\u0074\u003D\u0022\u0042\u006C\u006F\u0067\u0067\u0065\u0072\u0020\u0054\u0072\u0069\u0063\u006B\u0073\u0022\u0020\u0077\u0069\u0064\u0074\u0068\u003D\u0022\u0038\u0030\u0022\u0020\u0068\u0065\u0069\u0067\u0068\u0074\u003D\u0022\u0031\u0035\u0022\u0020\u002F\u003E\u003C\u002F\u0061\u003E');</SCRIPT> <b:include name="quickedit" /> </DIV> </b:includable> </b:widget> </b:section> </li> </ul> </div> - <div id="rightnav"> - <ul id="sidebarleft"> - <li> - <b:section id="lsidebar1" showaddelement="yes"> - <b:widget id="Profile1" locked="false" title="About Me" 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 == "true""> -  - <ul> - <b:loop values="data:authors" var="i"> - <li> - <a expr:href="data:i.userUrl" shape="rect"> <data:i.display-name /> </a> </li> </b:loop> </ul> <b:else /> -  - <b:if cond="data:photo.url != """> - <a expr:href="data:userUrl" shape="rect"> <img class="profile-img" expr:alt="data:photo.alt" expr:height="data:photo.height" expr:src="data:photo.url" expr:width="data:photo.width" /> </a> </b:if> - <dl class="profile-datablock"> - <dt class="profile-data"> <data:displayname /> </dt> - <b:if cond="data:showlocation == "true""> - <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" expr:href="data:userUrl" shape="rect"> <data:viewProfileMsg /> </a> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="HTML2" locked="false" title="Sponsors" type="HTML"> - <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> </li> </ul> </div> - <div id="content"> - <div class="post"> <h3 class="posttitle" /> - <div class="entry"> - <b:section class="main" id="main" showaddelement="no"> - <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog"> - <b:includable id="nextprev"> - <div class="blog-pager" id="blog-pager"> - <b:if cond="data:newerPageUrl"> - - <a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" expr:title="data:newerPageTitle" shape="rect"> <data:newerPageTitle /> </a> </b:if> - <b:if cond="data:olderPageUrl"> - - <a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" expr:title="data:olderPageTitle" shape="rect"> <data:olderPageTitle /> </a> </b:if> - <b:if cond="data:blog.homepageUrl != data:blog.url"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> <b:else /> - <b:if cond="data:newerPageUrl"> - <a class="home-link" expr:href="data:blog.homepageUrl" shape="rect"> <data:homeMsg /> </a> </b:if> </b:if> </div> <div class="clear" /> </b:includable> - <b:includable id="backlinks" var="post"> <a name="links" shape="rect" /> - <h4> <data:post.backlinksLabel /> </h4> - <b:if cond="data:post.numBacklinks != 0"> - <dl class="comments-block" id="comments-block"> - <b:loop values="data:post.backlinks" var="backlink"> - <div class="collapsed-backlink backlink-control"> - <dt class="comment-title"> - <a expr:href="data:backlink.url" rel="nofollow" shape="rect"> <data:backlink.title /> </a> <b:include data="backlink" name="backlinkDeleteIcon" /> </dt> - <dd class="comment-body collapseable"> <data:backlink.snippet /> </dd> - <dd class="comment-footer collapseable"> - <data:post.authorLabel /> <data:backlink.author /> - <data:post.timestampLabel /> <data:backlink.timestamp /> </dd> </div> </b:loop> </dl> </b:if> - - <a class="comment-link" expr:href="data:post.createLinkUrl" expr:id="data:widget.instanceId + "_backlinks-create-link"" target="_blank" shape="rect"> <data:post.createLinkLabel /> </a> </b:includable> - <b:includable id="post" var="post"> - <div class="post hentry"> <a expr:name="data:post.id" shape="rect" /> - <b:if cond="data:post.title"> - <h3 class="post-title entry-title"> - <b:if cond="data:post.link"> - <a expr:href="data:post.link" shape="rect"> <data:post.title /> </a> <b:else /> - <b:if cond="data:post.url"> - <a expr:href="data:post.url" shape="rect"> <data:post.title /> </a> <b:else /> <data:post.title /> </b:if> </b:if> </h3> </b:if> <div class="post-header-line-1" /> - <div class="entry"> - <data:post.body /> <div style="clear: both;" /> -  </div> - <div class="post-footer"> - - Posted at - - <abbr class="post_date" expr:title="data:post.timestamp"> <data:post.timestamp /> </abbr> | - - <b:if cond="data:post.labels"> <data:postLabelsLabel /> - <b:loop values="data:post.labels" var="label"> - <a expr:href="data:label.url" rel="tag" shape="rect"> <data:label.name /> </a> <b:if cond="data:label.isLast != "true"">,</b:if> </b:loop> </b:if> | - -  - <b:if cond="data:post.emailPostUrl"> - - <a expr:href="data:post.emailPostUrl" expr:title="data:top.emailPostMsg" shape="rect"> </a> </b:if> - <b:if cond="data:blog.pageType == "item""> <b:else /> - <b:if cond="data:post.allowComments"> - <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> <data:post.numComments /> Comments </a> </b:if> </b:if> -  <b:include data="post" name="postQuickEdit" /> </div> </div> </b:includable> - <b:includable id="commentDeleteIcon" var="comment"> - - <a expr:href="data:comment.deleteUrl" expr:title="data:top.deleteCommentMsg" shape="rect"> </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: both;" /> </b:if> </b:includable> - <b:includable id="feedLinks"> - <b:if cond="data:blog.pageType != "item""> -  - <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" shape="rect" /> - <h4 id="comment-post-message"> <data:postCommentMsg /> </h4> - <data:blogCommentMessage /> <data:blogTeamBlogMessage /> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" shape="rect" /> <iframe allowtransparency="true" class="blogger-iframe-colorize" frameborder="0" height="275" id="comment-editor" scrolling="no" src="" width="100%" /> <data:post.iframeColorizer /> </div> </b:includable> - <b:includable id="backlinkDeleteIcon" var="backlink"> - - <a expr:href="data:backlink.deleteUrl" expr:title="data:top.deleteBacklinkMsg" shape="rect"> </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" expr:href="data:f.url" expr:type="data:f.mimeType" target="_blank" shape="rect"> <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 expr:href="data:post.editUrl" expr:title="data:top.editPostMsg" shape="rect"> </a> </b:if> </b:includable> - <b:includable id="comments" var="post"> - <div class="comments" id="comments"> <a name="comments" shape="rect" /> - <b:if cond="data:post.allowComments"> - <h4> - <b:if cond="data:post.numComments == 1"> 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"> - <dt class="comment-author" expr:id=""comment-" + data:comment.id"> <a expr:name=""comment-" + data:comment.id" shape="rect" /> - <b:if cond="data:comment.authorUrl"> - <a expr:href="data:comment.authorUrl" rel="nofollow" shape="rect"> <data:comment.author /> </a> <b:else /> <data:comment.author /> </b:if> <data:commentPostedByMsg /> </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"> - - <a expr:href=""#comment-" + data:comment.id" title="comment permalink" shape="rect"> <data:comment.timestamp /> </a> <b:include data="comment" name="commentDeleteIcon" /> </dd> </b:loop> </dl> - - <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect"> <data:postCommentMsg /> </a> </b:if> - <div id="backlinks-container"> - <div expr:id="data:widget.instanceId + "_backlinks-container""> - <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 hfeed"> <b:include data="top" name="status-message" /> <data:adStart /> - <b:loop values="data:posts" var="post"> <b:include data="post" name="post" /> - <b:if cond="data:blog.pageType == "item""> <b:include data="post" name="comments" /> </b:if> - <b:if cond="data:post.includeAd"> <data:adEnd /> <data:adCode /> <data:adStart /> </b:if> </b:loop> <data:adEnd /> </div> -  <b:include name="nextprev" /> -  <b:include name="feedLinks" /> </b:includable> </b:widget> </b:section> </div> </div> - <div class="navigation"> <div class="alignleft" /> <div class="alignright" /> </div> </div> - <div id="footwrap"> -  - Design by <a href="http://www.bloggertricks.com" target="_blank" title="Free Blogger Templates" shape="rect">Blogger Templates</a> </div> </div> </body> </html>

In view of the above free blogger templates will be very useful for new blog owners who have waste time to search templates online and also I have made above beautiful templates Search Engine supportable templates. If you like this article please leave your comments

The Blogger School

Important Links

Followers

Wednesday, 15 June 2011

SEO Friendly Free HTML Blogger Templates

0 Comments:

Post a Comment

Search This Blog

About Me

Popular Posts