Xplain BloG

<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <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'><br />   <head><br />     <b:include data='blog' name='all-head-content'/><br />     <title><data:blog.pageTitle/></title><br />     <b:skin><![CDATA[/* ----------------------------------------------- Theme Name: Blue News Theme URL: http://newwpthemes.com/wordpress-theme/blue-news/ Description: Blue News is a free WordPress theme with featured posts option. Suitable for any niche. Theme Options at admin panel Author: NewWpThemes.com Author URI: http://newwpthemes.com/ Version: 1.0  Tags: News, Magazine, Elegant, Ads Ready, Three Columns, Right Sidebar, Fixed Width, Blogging, Options Page  Template Name: Blue News Template URI: http://themecraft.net/2010/02/blue-news-blogger-template Version: 1.0 Author: Theme Craft Author URI: http://www.themecraft.net  Blue News Blogger Template comes under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Malaysia License.  This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter. We sincerely need your respect to continue our free Blogger template production, thank you. ThemeCraft.net ----------------------------------------------- */  /* Use this with templates/template-twocol.html */  #navbar-iframe{  height:0px;  visibility:hidden;  display:none; }  /* -----------------------------------------------------------------------    Blueprint CSS Framework 0.8  http://blueprintcss.org     * Copyright (c) 2007-Present. See LICENSE for more info.    * See README for instructions on how to use Blueprint.    * For credits and origins, see AUTHORS.    * This is a compressed file. See the sources in the 'src' directory.  ----------------------------------------------------------------------- */  /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;} body {line-height:1.5;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} img {max-width: 100%; /* not working in IE6*/} a img {border:none;}  /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;}  /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;}  /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;}  /* -----------------------------------------------------------------------    Blueprint CSS Framework 0.8  http://blueprintcss.org     * Copyright (c) 2007-Present. See LICENSE for more info.    * See README for instructions on how to use Blueprint.    * For credits and origins, see AUTHORS.    * This is a compressed file. See the sources in the 'src' directory.  ----------------------------------------------------------------------- */  /* print.css */ body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;} .container {background:none;} hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;} hr.space {background:#fff;color:#fff;} h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;} code {font:.9em "Courier New", Monaco, Courier, monospace;} img {margin:1.5em 1.5em 1.5em 0; max-width: 100%; /* not working in IE6*/} a img {border:none; max-width: 100%; /* not working in IE6*/} p img.top {margin-top:0;} blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;} .small {font-size:.9em;} .large {font-size:1.1em;} .quiet {color:#999;} .hide {display:none;} a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;} a:link:after, a:visited:after {font-size:90%;}  /* LAYOUT */  body {  background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8_LB_Bnu2KCzHtKLJl8eFgBNrg4Tf7TKiJsd9ry3GNtVKWe3HbmgjcZ6gx9Alnh3f2-ATzE_uWAsCHoCcXviosPrztDxNuP4zavXXndjV1Tv7i4ORMTzB4V1un3PmGAJ0CVuwaIWQcg/s1600/background.png) top left repeat-x;  }  #wrapper {  padding:0;  }  #container {  }  #contentwrap {  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7BMouVLwe7bEegEALTqrMd-q0arkrCz6QUn6ire6vCUXn_A5yrgDb8FAoh9gMfhPkCskRBWgKdvqjZmtn934pWYuzSBCYJJA3znt9JnCzRnejNC0-JFbBTdBR1RgMHn0iJMn2OoB7Uak/s1600/content-background.png) top left repeat-y;  }  a {  color: #0b6286;  }  a:hover {  color: #da7008;  } /* HEADER */  #header {  height: 80px;  }  #header h1 {  margin-bottom: 0px !important;     padding: 0;  font-weight: normal;  font-family: Arial, Helvetica, Sans-serif;  font-weight: bold;  font-size: 48px;  }  #header h1 a, #header h1 a:visited {  color: #0c5d7f;  text-decoration: none;  }   #header h2 {  color: #6b92a2;  font-size: 14px;     font-family: Arial, Helvetica, Sans-serif;  }  .logoimg {     margin: 5px 0 0 0; }  .feedtwitter {  margin-top: 15px !important;  text-align: right;  }  /* NAVIGATION MENUS */     #pagemenucontainer {  height: 30px;     margin-top: 15px;     float: right;  }   #pagemenu {  height: 30px;     float: right;  }  #pagemenu, #pagemenu ul {   padding: 0;  margin: 0;  list-style: none;  line-height: 1;  } #pagemenu {  margin-bottom: 1px;  }   #pagemenu ul {  float: right;  list-style: none;  margin: 0px 0px 0px 0px;  padding: 0px;  }   #pagemenu li {  float: right;  list-style: none;  margin: 0px;  padding: 0px;  }   #pagemenu ul li {  list-style: none;  margin: 0px;  padding: 0px;  }   #pagemenu li a, #pagemenu li a:link {  color: #888787;  display: block;     margin: 0px 0 0px 6px;  padding: 6px 0 6px 20px ;  text-decoration: none;  font-weight: bold;  text-transform: uppercase;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif;  }   #pagemenu li a:hover, #pagemenu li a:active{  color: #124d66;  display: block;  text-decoration: none;  }   #pagemenu  li.current_page_item a {  color: #124d66;  }  #pagemenu li:hover, #pagemenu li.sfhover {   position: static;  }  #navcontainer {  height: 32px;  overflow: hidden;     margin: 15px 0 10px 0;     background: #f8f8f8;  }      #navcontainer a:hover {  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrrxCTDsJxu9fD8YGAwuFfpeNKV7LvxZbtz86Y-bIlp9cL8oIJa2HhWSs96q_NtnDERmx_IyHFlh9iM6XFQEvSiVj4g0ZCrz6oXfFu5NGXH3skPkdb4m1Vx7VAwVCu2_qQ76_MSJyZO_0/s1600/nav-hover.png) top left repeat-x;     color: #fff;  }  /* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish   * Dropdowns by Patrick Griffiths and Dan Webb.   * http://carroll.org.uk/sandbox/suckerfish/bones2.html  */  /* ----[ LINKS ]----*/  /* all menu links */ #nav a, #subMenusContainer a {  text-decoration:none;  display:block; } /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/ #nav a {  margin:0;  float:left;  background: #ececec;  padding:9px 16px;  text-transform:uppercase;  color: #474747;  font-weight: bold;  font-size: 12px;     font-family: Arial, Helvetica, Sans-serif; } /* Just sub menu links */ #subMenusContainer a, #nav li li a {  color: #fff;  font-size: 12px;  text-align:left;  background-color:#1499bb;  padding:5px 20px; } /* All menu links on hover or focus */ #nav li a:hover,  #nav li a:focus,  #nav a.mainMenuParentBtnFocused{  color:#fff; } /* sub menu links on hover or focus */ #subMenusContainer a:hover,  #subMenusContainer a:focus,  #subMenusContainer a.subMenuParentBtnFocused {  background-color: #09b0db;  color:#fff; }  /* ----[ OLs ULs, LIs, and DIVs ]----*/  /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW {  display:none;  position: absolute;  overflow:hidden;  /*the 2px left & right padding lets you have a 1px border     on the ul or ol inside since overflow is set to hidden*/  padding:0 2px;  margin:0 0 0 -2px; } /* All ULs and OLs */ #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {  padding: 0;  margin: 0;  list-style: none;  line-height: 1em; } /* All submenu OLs and ULs */ #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {  /*border around submenu goes here*/    background: none;  left:0; } /* List items in main menu --[for non-javascript users this applies to submenus as well]  */ #nav li {  /*great place to use a background image as a divider*/  background-repeat:no-repeat;  background-position: 100% 5px;  cursor: pointer;  float: left;  margin: 0 2px 0 0;  padding: 0 2px 0 0;  height: 44px;  display: inline; } #subMenusContainer li {  list-style: none; } /* main menu ul or ol elment */ #nav {  width: 950px;  margin: 0 auto;  clear: both;  overflow: hidden;  font-size: 12px;  display: block; } #nav .children{  display: none; } #subMenusContainer {  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:0;  overflow:visible;  z-index:1000000000; }   /* CONTENT */  #content {  padding: 15px 5px 15px 5px;  }   pre { overflow: auto;   width: 470px;   }  .post {  padding-bottom: 15px;  margin-bottom: 20px;     border-bottom: 1px solid #ddd;  }  .post p {  margin-bottom: 10px;  }  .title {  margin: 0 0 8px 0;  padding: 0px;  line-height: 22px;  font-family: Arial, Helvetica, Sans-serif;     font-weight: bold;  color: #0c3a4e;  }    .title a {  text-decoration: none;  color: #0c3a4e;  }  .title a:hover {  text-decoration: none;  color: #da7008;  }  .pagetitle {  margin-bottom: 20px;  line-height: 22px;  font-family: Arial, Verdana;  text-decoration: underline; }   .readmorecontent {  text-align: right;  }      a.readmore {  padding: 4px 15px;  background: #1499bb;  color: #fff;  text-decoration: none;     font-size: 12px;     text-shadow: 0 1px 0 #00708d;  }  a.readmore:hover {  background-color: #09b0db;  }      .postdate {  font-size: 13px;  font-family: Arial, Helvetica, Sans-serif;     font-style: italic;     color: #8a8a8a;  }   .postmeta {  font-size: 11px;  padding: 2px 4px;  font-family: Arial, Verdana;  }   .postdate img, .postmeta img {  border: none;  vertical-align: middle;  margin:2px;  }   .entry {  text-align: justify;  line-height: 20px;  padding-top: 8px;  font-family: Arial, Verdana;  font-size: 14px;  } .navigation {  padding: 10px 0;  }  blockquote {  overflow: hidden;  padding-left: 9px;  font-style: italic;  color: #666;  border-left: 3px solid #CADAE7;  }  img.wp-smiley {  max-height: 12px;  margin: 0;  padding: 0;  border: none;  }   .aligncenter, div.aligncenter {    display: block;    margin-left: auto;    margin-right: auto;  }  .alignleft {    float: left;  }  .alignright {    float: right;  }  .wp-caption {    border: 1px solid #ddd;    text-align: center;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    /* optional rounded corners for browsers that support it */    -moz-border-radius: 3px;    -khtml-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px;  }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none;  }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0;  }   /* wp-pagenavi */ .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {     color: #686868 !important;     background:#dfdfdf !important;     border: 1px solid #989898 !important;     font-size: 15px !important;     padding:  4px 8px !important; }  .wp-pagenavi span.current {     color: #434343 !important;     background:#fff !important;     border: 1px solid #b6b5b5 !important;     font-size: 15px !important;     padding:  4px 8px !important;     font-weight: bold; }  .wp-pagenavi a:hover {     color: #494949 !important;     background:#dfdfdf !important;     border: 1px solid #626262 !important;      }  .wp-pagenavi span.pages {     color: #676767 !important;     background:#fff !important;     border: 1px solid #b6b5b5 !important;     font-size: 15px !important;     padding:  4px 8px !important; }  .wp-pagenavi span.extend {     background:transparent !important;     font-size: 15px !important;     padding:  4px 8px !important;     color: #676767 !important;     background:#fff !important;     border: 1px solid #b6b5b5 !important;     font-weight: bold; }  /* SIDEBAR(S) */  .sidebaradbox {  margin-top: 5px;   text-align:center;  }   .ad125 {  margin: 10px;  }   .sidebar {  margin: 0 0 10px 0;     font-size: 13px;  }   .sidebar-right {  }   .sidebar-left {  }           .sidebar a {  text-decoration: none;  color: #0c5f81;  }  .sidebar a:hover {  text-decoration: none;  color:#da7008;  }  .topsearch {     padding: 10px;     }   #search {     border: 1px solid #ddd;     height: 26px;     padding: 0;     text-align: right;     margin: 0px;      }  #search input {  border: 0;     background: none;     color: #666; }     #s {  width: 130px;  padding: 3px;     margin:2px 0 0 0;     background: none; }     .rssbox {  background: #eeeded;  border: 1px solid #d2d0d0;  padding: 10px;  margin: 10px 10px 0 10px;  }      .rssbox:hover {     border-color: #949494;     }  .rssbox a {  color: #525353;  text-transform: uppercase;  font-size: 14px;  font-weight: bold;  text-decoration: none;  } .rssbox a:hover {  color: #525353;   text-decoration: underline;  }  .twitterbox {  background: #eeeded;  border: 1px solid #d2d0d0;  padding: 10px;  margin: 10px 10px 0 10px;  }   .twitterbox:hover {     border-color: #949494;     }      .twitterbox a {  color: #525353;  text-transform: uppercase;  font-size: 14px;  font-weight: bold;  text-decoration: none;  } .twitterbox a:hover {  color: #525353;   text-decoration: underline;  }  .sidebar h2 {  margin: 0 0 0 0;  padding: 5px 0 6px 12px;  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrpQxFHAyxjau-Yo9JKSNQJj9AjEFANiaecpMMpLUIU4TZG6vnS3KmWFQRRv_M19lYaGE4YudK7gU5o5WrANVe3bsiyy6AZ3EJXnojFXVx7V_0lQR0dNy1CrXSOKg2tB-ILfwyiMn0PA/s1600/sidebar-tab.png) top left repeat-x;  font-size: 14px;  font-family: Arial, Helvetica, Sans-serif;  font-weight: bold;  text-transform: uppercase;  color: #4c4b4b;     text-shadow: 0 1px 0 #fff;  }  .sidebar ul {  list-style-type: none;  margin: 0px 0px 10px 0px;  padding: 0px;  }   .sidebar .widget-content {  list-style-type: none;  margin: 0px 0px 5px 12px;  padding: 0px;  }  .sidebar ul ul {  list-style-type: none;  margin: 0px;  padding: 0 10px;  }   .sidebar ul li {  padding: 4px 0px 6px 16px;  margin: 0px 0 0 -12px;  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQH8MQj8r_r1lTr1EbKyDW_EOoKo0wNdPzLMeYrHRirjiLVLkvknuGsO-lfSc_-aVg6lpWYNj5QHokJEXBWm-CszuNtE8E4k-EoRXyiuP4EFbFt4fXikl0RvvtAT0Pq0SVQW77isLUuTc/s1600/bullet.gif) no-repeat top left;  }   .sidebar ul li ul li {  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQH8MQj8r_r1lTr1EbKyDW_EOoKo0wNdPzLMeYrHRirjiLVLkvknuGsO-lfSc_-aVg6lpWYNj5QHokJEXBWm-CszuNtE8E4k-EoRXyiuP4EFbFt4fXikl0RvvtAT0Pq0SVQW77isLUuTc/s1600/bullet.gif) no-repeat top left;  padding: 4px 0px 6px 16px;  margin: 2px 0;     border-bottom: 1px solid #dbe1e3;  }  .sidebar #tag_cloud div {     padding:  0 10px;     }      #wp-calendar {     padding-left: 5px;     }  #wp-calendar th {  font-style: normal;  text-transform: capitalize;  color: #555;  background: none;  } #wp-calendar caption {  padding: 2px 4px;  text-transform: uppercase; margin: 2px 0 2px 0;  background: none;  }  #wp-calendar td {  color: #555;  font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  letter-spacing: normal;  padding: 2px 0;  text-align: center;  }   #wp-calendar td:hover, #wp-calendar #today {  background: #eee;  color: #555;  }   #wp-calendar {  empty-cells: show;  font-size: 14px;  margin: 0;  font-weight: bold;   width: 95%;  }   /* FOOTER */  #footer {  background: #0b6387;  padding: 22px;  text-align: center;  color: #fff;  font-size: 13px;  }  #footer a {  color: #fff;  }   #footer a:hover {  text-decoration: none;  }    #footer2 {  color: #4286a1;  font-size: 11px;  text-align: center;  padding: 10px;  }       #footer2 a {  color: #4286a1;     text-decoration: none;  }    /* COMMENTS */  #comments h3 {  margin-bottom: 10px;  }  #commentform input {  width: 170px;  padding: 2px;  margin: 5px 5px 1px 0;  }  #commentform {  margin: 5px 10px 0 0;  }   #commentform textarea {  width: 100%;  padding: 2px;  }   #respond:after {  content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden;  }   #commentform #submit {  margin: 0 0 5px auto;  float: right;  }  ol.commentlist .avatar-image-container{  position:relative;  float: left;  margin: 0;  padding: 0 2px 0px 0;  border:none; }  .commentlist .avatar-image-container img {  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0IqMe-UWP6TIhfan8w2MPuw67hXh0_K0dQEWnkHtkPoLJXfcxPYNTAYb2Jy9P4Dg1yba-_JKDr3Cqfg-VIB8gqc07F0lcyrceEaJrJ-i-LHDX-C0bzXBKRyimSa10dGWANDidMT9DiHuC/s72/avatar.jpg);  width:32px;  height:32px; }  .alt {  margin: 0;  padding: 10px;  }  .commentlist {  padding: 0;  text-align: justify;  }  .commentlist li {  margin: 15px 0 10px;  padding: 5px 5px 10px 10px;  list-style: none;   }   .commentlist li ul li {   margin-right: -5px;  margin-left: 10px; }  .commentlist p {  margin: 10px 5px 10px 0; } .children { padding: 0; }  #commentform p {  margin: 5px 0;  }  .nocomments {  text-align: center;  margin: 0;  padding: 0;  }  .commentmetadata {  margin: 0;  display: block;  }   .post_thumbnail {     padding: 6px;     background: #fff;     border: 1px solid #ddd;     margin: 0 10px 10px 0; }   /* Blogger Template Optimization */  .reactions-label-cell {  line-height: 1.7em; }  p.comment-footer {     padding: 15px 0 15px 0px; }  .comment-form{  margin:25px 0px 0px 0px;   max-width:559px !important;  width:559px !important; }  h4.backlinks{  font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;  font-size:1.5em;  line-height:1;  padding:0 0 15px 0px;  margin:0 0 10px 0px; }  a.comment-link {  margin: 0px 0 0px 0px; }  #blog-pager{  text-align: center;  padding: 0px 0 35px 0; }  .feed-links{  }  .feed-links a:hover{  }  .feed-link{  }  .feed-link a:hover{  }  #backlinks-container{  }  ]]></b:skin><br /> <br /> <br /> </head><br /> <br /> <body><br /> <br /> <br /> <div id='wrapper'><br /> <div id='container' class='container'><br />     <br />     <span id='skiplinks' style='display:none;'><br />       <a href='#main'>skip to main </a> |<br />       <a href='#sidebar'>skip to sidebar</a><br />     </span><br />  <br />   <br />   <div class='span-24'>    <div id='pagemenucontainer' style='text-align:center'>      <ul id='pagemenu'>        <b:section class='crosscol' id='crosscol' showaddelement='yes'>         <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>         <b:includable id='main'>        <div class='widget-content'>            <ul>              <b:loop values='data:links' var='link'>                 <b:if cond='data:link.isCurrentPage'>                   <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>                 <b:else/>                   <li><a expr:href='data:link.href'><data:link.title/></a></li>                 </b:if>               </b:loop>             </ul>          <b:include name='quickedit'/>        </div>     </b:includable>      </b:widget>      </b:section>       </ul>    </div>  </div>  <br /> <br />  <br />     <div id='header' class='span-24'> <div class='span-12'><b:section class='blogname' id='blogname' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Extension (Header)' type='Header'><br /> <b:includable id='main'><br /> <br />   <b:if cond='data:useImage'><br />     <b:if cond='data:imagePlacement == "REPLACE"'><br />       <br />       <div id='header-inner'>        <a expr:href='data:blog.homepageUrl' style='display: block'><br />           <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'/><br />         </a><br />       </div>    <b:else/><br />       <br />       <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'/><br />           </h1>        </div>        <b:include name='description'/><br />       </div>    </b:if><br />   <b:else/><br />     <br />     <h1><b:include name='title'/></h1> <b:include name='description'/><br />   </b:if><br /> </b:includable><br /> <b:includable id='title'><br />   <b:if cond='data:blog.url == data:blog.homepageUrl'><br />     <a expr:href='data:blog.homepageUrl'><data:title/></a><br />   <b:else/><br />     <a expr:href='data:blog.homepageUrl'><data:title/></a><br />   </b:if><br /> </b:includable><br /> <b:includable id='description'><br />     <h2><data:description/></h2></b:includable><br /> </b:widget><br /> </b:section><br />   </div>    </div> <br /> <br />   <br />   <div class='span-24'>    <div id='navcontainer'>   <b:section class='mainmenu2' id='mainmenu2' preferred='yes' showaddelement='no'><br />    <b:widget id='LinkList98' locked='true' title='Navigation Menu' type='LinkList'><br />    <b:includable id='main'><br />      <div class='widget-content'>       <ul id='nav'>    <b:loop values='data:links' var='link'>       <li><a expr:href='data:link.target'><data:link.name/></a></li>     </b:loop>        </ul>     </div>   </b:includable><br />    </b:widget><br />    </b:section><br />     </div>  </div>  <br />     <br />  <br />     <div class='span-24' id='contentwrap'> <br />     <br />     <div class='span-5'><br />  <br />  <div class='sidebar sidebar-left'> <ul><b:section id='sidebar1' preferred='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'><br />         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />       </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'><br />           <b:include data='i' name='toggle'/><br />           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span><br />           <b:if cond='data:i.data'><br />             <b:include data='i.data' name='interval'/><br />           </b:if><br />           <b:if cond='data:i.posts'><br />             <b:include data='i.posts' name='posts'/><br />           </b:if><br />         </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' href='javascript:void(0)'>       <span class='zippy toggle-open'>▼ </span>     </a>   <b:else/>     <a class='toggle' href='javascript:void(0)'>       <span class='zippy'>         <b:if cond='data:blog.languageDirection == "rtl"'>           ◄          <b:else/>           ►          </b:if>       </span>     </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'><data:i.title/></a></li>     </b:loop>   </ul></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><br />           <b:if cond='data:blog.url == data:label.url'><br />             <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />           <b:else/><br />             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />           </b:if><br />           <b:if cond='data:showFreqNumbers'><br />             <span dir='ltr'>(<data:label.count/>)</span><br />           </b:if><br />         </li>       </b:loop>       </ul>    <b:else/>       <b:loop values='data:labels' var='label'>         <span expr:class='"label-size label-size-" + data:label.cssSize'>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>           </b:if>         </span>       </b:loop>     </b:if>     <b:include name='quickedit'/>   </div></b:includable> </b:widget> </b:section>  </ul>    </div>    <br /> <br />     </div>    <br /> <br />  <div class='span-14'> <div id='content'><br /> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'><br /> <b:includable id='main' var='top'><br />   <br />   <div class='blog-posts hfeed'><br />     <b:include data='top' name='status-message'/><br /> <br />     <data:adStart/><br />     <b:loop values='data:posts' var='post'><br />       <b:include data='post' name='post'/><br />       <b:if cond='data:blog.pageType == "item"'><br />         <b:include data='post' name='comments'/><br />       </b:if><br />       <b:if cond='data:post.includeAd'><br />         <data:adEnd/><br />         <data:adCode/><br />         <data:adStart/><br />       </b:if><br />     </b:loop><br />     <data:adEnd/><br />   </div><br />   <br />   <div class='navigation'>  <b:include name='nextprev'/><br />   </div><br />   <br />   <b:include name='feedLinks'/><br />   <br />   <b:if cond='data:top.showStars'><br />     <script src='http://www.google.com/jsapi' type='text/javascript'/>     <script type='text/javascript'>       google.load("annotations", "1",{"locale": "<data:top.languageCode/>"});       function initialize(){         google.annotations.setApplicationId(<data:top.blogspotReviews/>);         google.annotations.createAll();         google.annotations.fetch();       }       google.setOnLoadCallback(initialize);     </script><br />   </b:if><br /> <br /> </b:includable><br /> <b:includable id='nextprev'><br />   <div class='blog-pager' id='blog-pager'>    <b:if cond='data:newerPageUrl'><br />       <span id='blog-pager-newer-link'><br />       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />       </span><br />     </b:if><br /> <br />     <b:if cond='data:olderPageUrl'><br />       <span id='blog-pager-older-link'><br />       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />       </span><br />     </b:if><br /> <br />     <b:if cond='data:blog.homepageUrl != data:blog.url'><br />       <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />       <b:else/><br />       <b:if cond='data:newerPageUrl'><br />         <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />       </b:if><br />     </b:if><br />  <br />   </div>  <div class='clear'/></b:includable><br /> <br /> <b:includable id='post' var='post'><br />   <div id='post' class='post'>  <a expr:name='data:post.id'/> <br />     <b:if cond='data:post.title'><br />       <h2 class='title'>     <b:if cond='data:post.link'><br />        <a expr:href='data:post.link'><data:post.title/></a><br />      <b:else/><br />         <b:if cond='data:post.url'><br />           <a expr:href='data:post.url'><data:post.title/></a><br />         <b:else/><br />           <data:post.title/><br />         </b:if><br />      </b:if><br />       </h2> </b:if><br />  <br />  <div class='postdate'> <img src='http://s1018.photobucket.com/albums/af306/cloudxe/ieducation/date.png' /><br />       <b:if cond='data:top.showTimestamp'><br />    <b:if cond='data:post.url'><br />      <data:post.timestamp/><br />    </b:if><br />    </b:if><br />  <img src='http://s1018.photobucket.com/albums/af306/cloudxe/ieducation/user.png' /><br />    <b:if cond='data:top.showAuthor'><br />       <data:post.author/><br />       </b:if><br />    <b:if cond='data:post.labels'>, Posted in <br />      <b:loop values='data:post.labels' var='label'><br />     <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br />     <b:if cond='data:label.isLast != "true"'>,</b:if><br />      </b:loop><br />    </b:if><br />    <b:if cond='data:post.allowComments'>, <br />   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br />     <b:if cond='data:post.numComments == 1'><br />       1 Comment<br />         <b:else/><br />       <data:post.numComments/> Comments<br />     </b:if><br />   </a><br />    </b:if> <br />    <span class='post-icons'><br />    <br />   <b:if cond='data:post.emailPostUrl'><br />     <span class='item-action'><br />    <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br />      <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/><br />    </a><br />     </span><br />   </b:if><br /> <br />   <br />   <b:include data='post' name='postQuickEdit'/><br />    </span><br />  </div><br />     <div class='post-header-line-1'/><br />  <div class='entry'> <p>      <data:post.body/><br />    <div style='clear: both;'/><br />       <div style='clear'/> </p> <br />  <div class='edit'></div> <br />  <b:if cond='data:post.hasJumpLink'><br />       <div class='readmorecontent'>        <a class='readmore' expr:href='data:post.url + "#more"'><data:post.jumpText/></a>  <br />       </div>    </b:if><br />     </div><br />     <div class='post-footer'>    <div class='post-footer-line post-footer-line-1'>  <br />       <span class='reaction-buttons'><br />         <b:if cond='data:top.showReactions'><br />           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'><br />               <span class='reactions-label'><br />               <data:top.reactionsLabel/></span> </td>             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>            </tr></table>        </b:if><br />       </span><br /> <br />       <span class='star-ratings'><br />         <b:if cond='data:top.showStars'><br />            <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>        </b:if><br />       </span><br />       </div><br />       <div class='post-footer-line post-footer-line-2'>      </div><br />       <div class='post-footer-line post-footer-line-3'>      <span class='post-location'><br />         <b:if cond='data:top.showLocation'><br />           <b:if cond='data:post.location'><br />             <data:postLocationLabel/><br />             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a><br />           </b:if><br />         </b:if><br />       </span><br />       </div>    </div>  <b:if cond='data:blog.pageType == "item"'><br />   <div class='response'>  You can <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>leave a response</a>, or trackback from your own site. <br />   </div>  </b:if><br />   </div></b:includable><br /> <br /> <b:includable id='postQuickEdit' var='post'><br /> <b:if cond='data:blog.pageType == "item"'><br />   <b:if cond='data:post.editUrl'><br />     <span expr:class='"item-control " + data:post.adminClass'><br />       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br />         <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/><br />       </a><br />     </span><br />   </b:if><br /> </b:if><br /> </b:includable><br /> <b:includable id='commentDeleteIcon' var='comment'><br /> <b:if cond='data:blog.pageType == "item"'><br />   <span expr:class='"item-control " + data:comment.adminClass'><br />     <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />       <img src='http://www.blogger.com/img/icon_delete13.gif'/><br />     </a><br />   </span><br /> </b:if><br /> </b:includable><br /> <b:includable id='backlinkDeleteIcon' var='backlink'><br /> <b:if cond='data:blog.pageType == "item"'><br />   <span expr:class='"item-control " + data:backlink.adminClass'><br />     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />       <img src='http://www.blogger.com/img/icon_delete13.gif'/><br />     </a><br />   </span><br /> </b:if><br /> </b:includable><br /> <b:includable id='comments' var='post'><br />   <div class='comments' id='comments'>    <a name='comments'/><br />     <b:if cond='data:post.allowComments'><br />       <h3 id='comments'>        <data:post.numComments/> Response to "<data:post.title/>"<br />       </h3><br />       <b:if cond='data:post.commentPagingRequired'><br />         <span class='paging-control-container'><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />            <br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />            <br />           <data:post.commentRangeText/><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />         </span><br />       </b:if><br /> <br />       <ol class='commentlist'>   <li class='comment' id='comment'><br />         <b:loop values='data:post.comments' var='comment'><br />   <div id='div-comment' class='comment-body'>    <div class='comment-author'>          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'><br />       <b:if cond='data:comment.favicon'><br />         <img expr:src='data:comment.favicon' class='avatar' height='32px' width='32px'/><br />       </b:if><br />             <a expr:name='data:comment.anchorName'/><br />       <b:if cond='data:blog.enabledCommentProfileImages'><br />         <data:comment.authorAvatarImage/><br />       </b:if><br />             <b:if cond='data:comment.authorUrl'><br />               <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />             <b:else/><br />               <data:comment.author/><br />             </b:if><br />               <span class='says'>says:</span><br />           </dt><br />     </div>    <div class='comment-meta commentmetadata'>      <data:comment.timestamp/><br />     </div>            <b:if cond='data:comment.isDeleted'><br />               <span class='deleted-comment'><data:comment.body/></span><br />             <b:else/><br />               <p><data:comment.body/></p>              <b:include data='comment' name='commentDeleteIcon'/><br />             </b:if><br />   </div>        </b:loop><br />    </li>       </ol><br />       <b:if cond='data:post.commentPagingRequired'><br />         <span class='paging-control-container'><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br />             <data:post.oldestLinkText/><br />           </a><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br />             <data:post.olderLinkText/><br />           </a><br />            <br />           <data:post.commentRangeText/><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br />             <data:post.newerLinkText/><br />           </a><br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br />             <data:post.newestLinkText/><br />           </a><br />         </span><br />       </b:if><br /> <br />       <p class='comment-footer'><br />         <b:if cond='data:post.embedCommentForm'><br />           <b:include data='post' name='comment-form'/><br />         <b:else/><br />           <b:if cond='data:post.allowComments'><br />             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />           </b:if><br />         </b:if><br /> <br />       </p>    </b:if><br /> <br />     <div id='backlinks-container'>    <div expr:id='data:widget.instanceId + "_backlinks-container"'>       <b:if cond='data:post.showBacklinks'><br />          <b:include data='post' name='backlinks'/><br />        </b:if><br />     </div>    </div>  </div></b:includable><br /> <b:includable id='comment-form' var='post'><br />   <div class='comment-form'>    <a name='comment-form'/><br />     <h3 id='respond_title'><data:postCommentMsg/></h3>    <p><data:blogCommentMessage/></p>    <data:blogTeamBlogMessage/><br />     <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />     <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/><br />     <data:post.iframeColorizer/><br />   </div></b:includable><br /> <b:includable id='backlinks' var='post'><br />   <a name='links'/><h4 class='backlinks'><data:post.backlinksLabel/></h4>  <b:if cond='data:post.numBacklinks != 0'><br />     <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'><br />             <span class='backlink-toggle-zippy'> </span><br />             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br />             <b:include data='backlink' name='backlinkDeleteIcon'/><br />           </dt>           <dd class='comment-body collapseable'>             <data:backlink.snippet/>           </dd>           <dd class='comment-footer collapseable'>             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>           </dd>         </div>      </b:loop>     </dl>  </b:if><br />   <p class='comment-footer'>    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a><br />   </p></b:includable><br /> <b:includable id='feedLinks'><br />   <b:if cond='data:blog.pageType != "item"'> <br />     <b:if cond='data:feedLinks'><br />       <div class='blog-feeds'>        <b:include data='feedLinks' name='feedLinksBody'/><br />       </div>    </b:if><br /> <br />     <b:else/> <br />     <div class='post-feeds'>      <b:loop values='data:posts' var='post'><br />         <b:if cond='data:post.allowComments'><br />           <b:if cond='data:post.feedLinks'><br />             <b:include data='post.feedLinks' name='feedLinksBody'/><br />           </b:if><br />         </b:if><br />       </b:loop><br />     </div>  </b:if><br /> </b:includable><br /> <b:includable id='feedLinksBody' var='links'><br />   <div class='feed-links'>  <data:feedLinksMsg/><br />   <b:loop values='data:links' var='f'><br />      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br />   </b:loop><br />   </div></b:includable><br /> <b:includable id='status-message'><br />   <b:if cond='data:navMessage'><br />   <div class='status-msg-wrap'>    <div class='status-msg-body'>      <data:navMessage/><br />     </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><br /> </b:includable><br /> </b:widget><br /> </b:section><br /> <br />  </div> </div> <br />  <br />     <br />     <div class='span-5 last'><br />  <br />  <div class='sidebar sidebar-right'> <ul><b:section id='sidebar2' preferred='yes'> <b:widget id='BlogArchive2' 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'><br />         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />       </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'><br />           <b:include data='i' name='toggle'/><br />           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span><br />           <b:if cond='data:i.data'><br />             <b:include data='i.data' name='interval'/><br />           </b:if><br />           <b:if cond='data:i.posts'><br />             <b:include data='i.posts' name='posts'/><br />           </b:if><br />         </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' href='javascript:void(0)'>       <span class='zippy toggle-open'>▼ </span>     </a>   <b:else/>     <a class='toggle' href='javascript:void(0)'>       <span class='zippy'>         <b:if cond='data:blog.languageDirection == "rtl"'>           ◄          <b:else/>           ►          </b:if>       </span>     </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'><data:i.title/></a></li>     </b:loop>   </ul></b:includable> </b:widget> <b:widget id='Label2' locked='false' title='Labels' type='Label'> <b:includable id='main'>   <b:if cond='data:title'>     <h2><data:title/></h2>  </b:if>   <div expr:class='"widget-content " + data:display + "-label-widget-content"'>    <b:if cond='data:display == "list"'>       <ul>      <b:loop values='data:labels' var='label'>         <li><br />           <b:if cond='data:blog.url == data:label.url'><br />             <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />           <b:else/><br />             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />           </b:if><br />           <b:if cond='data:showFreqNumbers'><br />             <span dir='ltr'>(<data:label.count/>)</span><br />           </b:if><br />         </li>       </b:loop>       </ul>    <b:else/>       <b:loop values='data:labels' var='label'>         <span expr:class='"label-size label-size-" + data:label.cssSize'>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>           </b:if>         </span>       </b:loop>     </b:if>     <b:include name='quickedit'/>   </div></b:includable> </b:widget> </b:section>  </ul>    </div>    <br /> <br />     </div>    <br /> <br />     </div>    <br /> <br />   </div>  <br />   <br />   <br />   <div id='footer'> Copyright © <a href='http://newwpthemes.com/preview'><strong>New WP Themes</strong></a> | Converted into <a href='http://themecraft.net'><strong>Blogger Templates</strong></a> by <a href='http://themecraft.net/'><strong>Theme Craft</strong></a> | <a href='http://www.bloggerstyles.com'>Blogger Templates</a><br />   </div>  <div id='footer2'>Powered by <a href="http://www.blogger.com/"><strong>Blogger</strong></a></div>  <br /> <br /> </div><br /> <br /> </body><br /> </html>

Info:

Nb:belum gw edit original web

Sumber: http://www.bloggerstyles.com/blue-news-blogger-template/

3 Columns
Fixed Width
Gold Templates
Left Sidebar
Right Sidebar
Support Available

Share This article

Share |

Share on Facebook

Xplain BloG

Report Abuse

Blog Archive

Template blue News with xml

Postingan lainnya!!

KOMENTAR:

Post a Comment

Oase Minggu ini

Steve Jobs,Apple

Google Translate

Buku tamu

Google Translate

Artikel Terbaru>>>

Populer Post minggu ini >>>

Xplain Blog's Fans

Followers

Komentar TerBaru