Selasa, 24 April 2012

Kode Template: Night Sky

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <TITLE>
      <data:blog.pageTitle/>
    </TITLE>
    <b:skin><![CDATA[

     
      /*
-----------------------------------------------
Blogger Template Style
Name:     Night Sky
ThemeUrl  http://www.raycreationsindia.com/free-blogspot-templates.aspx
Company:  Ray Creations
Designer: Suparna Pramanik
URL:      http://www.raycreationsindia.com/
Date:     May 20, 2009
License:  This free BlogSpot template is licensed under the Creative Commons Attribution 3.0 License,
          which permits both personal and commercial use.
          However, to satisfy the 'attribution' clause of the license, you are required to keep the
          footer links intact which provides due credit to its authors. For more specific details about
          the license, you may visit the URL below:
          http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

/* CSS Document */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

/************** BODY, TIPOGRAFÃ?A, COLORES... *****************/

* { margin: 0; padding: 0; }
body { background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsl0WoMlpnmHOEyHwlldnDSDq-DjadJaeEiYrtRCEA7ydKhiucre7CoS-55Gg4cLJ6JxuKKEiFnJIDQZ9KsivFBn69oHf5mJfVMv_BI2nyvZbz12VqzFmk2yysEax620YgmsbWGZxYOoQ/s1600/backgroundpic.jpg) no-repeat center top; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 0px; color:#666666; line-height:17px;}
input, button, textarea, select {  font: normal 12px/12px "Trebuchet Ms", arial, sans-serif; color:#ffffff; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin-top:7px; margin-bottom:7px; border: none; text-align: center;}

a:link { text-decoration: underline; color : #666666;}
a:active { text-decoration: underline; color : #666666;}
a:visited { text-decoration: underline; color : #666666; }
a:hover    { text-decoration: none; color : #999999; }

h1, h2, h3, h4 { font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; margin-bottom:5px; width:100%; line-height:30px;}

/************** BG *****************/

#bg { width: 975px;}
#bg-all { width: 975px; background: #ffffff; text-align:left; margin-top:93px; overflow:hidden; margin-left:0px; margin-right:0px;}
#above { width: 975px; overflow: hidden;}
/**/ * html #bg-all { height: 1%;} /* */

/************** CONTAINER *****************/

.container { float: left; margin-left:0px; width: 700px;}
.contentBottom { padding: 0px; margin-left:0px; width: 975px; height:161px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoS8KWLjmiC8ckg7CMak2FMwtBqDVqt-MgQW8Vm33hFV0TWI0h4_P2jOwmCtW6ROnkvfcNokprYXdYgmMu4rI-rdNvG_Gm8r9DdiKlHYqM7TOMcXaK1zh1YKTMTYP26ofKySRph0Xwdw/s1600/contentbottom.jpg) no-repeat bottom;}

.menu { overflow: hidden; width: 100%; background: #transparent; padding:5px 0px 5px 0px;}
/**/ * html .menu { height: 1%;} /* */
.menu ul { float:center; width:875px; text-align:left; }
.menu li { display: inline; font: normal 11px/14px "Arial"; float: left; height: 20px; }
.menu li ul li { font-weight: normal; letter-spacing: normal;}
.menu li a, .menu li a:visited { color:#ffffff; float: left; padding: 4px 6px 5px 6px; margin-right: 5px; text-decoration:none; font-weight:normal;}
.menu li a:hover { background: #000000; color:#ffffff; font-weight: normal; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover { background: #000000;) repeat-x bottom; color:#fff; }

.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited { background: #def1f9; color:#272d36;}
.menu .current_page_item .page_item a:hover { background: #fff; color:#8eb250; }

/************** LOGO *****************/

#top {    height:140px;
        float:none;
    margin-top:30px;
  margin-bottom:50px;
background-repeat: no-repeat;
   
    }
.blogname {
    float:none;
        height: 87px;
        padding: 30px 24px 15px 0;
    font-family:Century Gothic,Verdana,Tahoma,sans-serif;   
    margin:0px 0 0 0;
    }
.blogname h1  {
    font-size:45px;
    font-weight:normal;
    margin:0px 0px 0 0px;
    color:#ffffff;
    text-decoration: none;
    text-align:right;
    }
.blogname h1  a:link, .blogname h1  a:visited{
    color: #ffffff;
    text-decoration: none;
    background-color:transparent;
    }
   
.blogname h1  a:hover {
    color: #d0d0cf;
    text-decoration: none;
    background-color:transparent;
    }
.blogname h2 {
    margin:10px 0px 0 0px;
    font-size:16px;
    font-weight:normal;
    color:#d0d0cf;
    text-align:right;
    }

/************** SL *****************/

.SL { width: 700px; float: left; padding-left: 35px;}

/************** Time *****************/

.PostTime{
        float:left;
        width:61px;
        height: 60px;
        margin: 0 5px 0 0;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAcJjbztjK06j7VmpQdjtNHkH6LUR10UmnKvpm3b0aFv5ve9ANNmRxBQs7XHJvGyWvjvfxLWQonW43dw6xRNhP1ACMa5ifIAmFpb0n3gRhxBotLWYqdO-VSf5Rq3xukSMfIvrBF4oe8gc/s1600/calender.jpg) no-repeat;
        }

.post-month {
    font-size: 11px;
    text-transform: uppercase;
    color: #333333;
    text-align: center;
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 11px;
    font-weight: 700;
    padding-top: 15px;
    margin-left: -3px;
        }
.post-day {
    font-size: 18px;
    text-transform: uppercase;
    color: #ac3a01;
    text-align: center;
    display:block;
    line-height: 18px;
    padding-top: 4px;
    margin-left: -3px;
        }

/************** POSTS *****************/

#main-wrapper {
width: 630px; position: relative;
/**/ * html #main-wrapper { width: 99%;} /**/
}

.title{
 text-align: left;
 float:left;
 color: #02a4eb;
 background:transparent;
}
   
.post {
    margin: 0px 0px 20px 5px;
    padding:0px 0px 10px 0px;
    height: 100%;
  width:100%;
    text-align:justify;
    color:#666666;
    font: 12px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX31k9eqXCSFvXlTC_kCDi4nPiNhkIWApTEfzQFsgylr8B2KJjaUSVFZw36Map9MdA4M1Nsq5kwpScDXBE5OyZydoWEKqR7I0FigdyVLSDkM1k57co_QpP83dhPIO9XiaFWRYJvBtALnw/s1600/postend.jpg) no-repeat center bottom;
    }
 

.title h2 {
    font-size:22px;
  height:33px;
  width:500px;
    color:#000000;
    margin:0px 0 0 0 ;
        padding: 0px 0 0 13px;
        font-weight: normal;
    }

.title h2 a, .post h2 a:link, .post h2 a:visited  {
    color: #02a4eb;
  text-decoration:none;
    background-color: transparent;
    }
 
.title h2 a, .post h2 a:hover  {
    color: #26bcfe;
  text-decoration:underline;
    background-color: transparent;
    } 

.postmetadata {
    margin: 0 0;
    padding: 13px 0px 0px 10px;
    height: 25px;   
    font: normal 12px Trebuchet Ms, Verdana, Arial, sans-serif;
    text-align: right;
    color:#333;
        }

.post-title {padding:0 0 10px 0;}
.post h3 { color:#34c3f2; font: normal 25px/25px "Trebuchet Ms"; letter-spacing: -1px; }
.post h3 a, .post h3 a:visited { color:#34c3f2; text-decoration:none;}
.post h3 a:hover { color:#34c3f2; text-decoration: underline;}

.post-header-line-1 {font: normal 11px/14px 'Trebuchet Ms'; text-transform: uppercase; color:#999; padding-bottom:15px;}
.post-author {text-decoration: underline; color:#999; padding-right: 5px;}

.post p { font: normal 12px/19px "Trebuchet Ms"; padding: 0px; margin: 0px;}
.post ol { list-style: decimal inside; }
.post ol { padding: 10px 0px 5px 25px; margin: 0px; }
.post ol li { padding: 0px 0px 0px 0px; }
.post ul { padding: 10px 0px 10px 20px; margin: 0px; }
.post ul li { padding: 0px 0px 0px 13px; list-style-type: none; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZUqwWy_XS-qIuFHZAJdP-Vh3o_tv08N8TjbEqUyirnk8oSMnkb89WLEnumVW-2rgTfpGnbCw7GApxefvr6QEQwVC5dxWedjRYEQ3xAlAPbhzOuOCDYmQAPrb9l9bpIT6yNfSwtMRq6c/s1600/dot.gif") no-repeat left 1px; color:#666; }
.post blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #f2f1f1; }
.post blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }
.post blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.post-footer {height:30px; margin: 15px 0 30px 0;}
.post-footer-line-1 {color:#7f7f7f; display: inline; padding: 5px 0px 5px 0px; margin-right: 10px; height:30px;}
.comment-link {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZDhwOtsXvJ4bqG35Fpe1eL71SlafV_4rMweNr9E4fUktcpt0wVdpUGTLKpS_W2_V_-jRw1goWgU5sNaVvpgsXN5L3M8z89ZV2fuX34z3fK4nChXyV9hb6yQdBqB_SN_srbKwUTsU6KUU/s1600/comments.jpg") left top no-repeat; float:right; font-weight: normal; letter-spacing: -1px; padding:0px 0 10px 28px;}
.comment-link a, .comment-link a:visited { color:#333333; text-decoration:underline;}
.comment-link a:hover { color:#666666; text-decoration: none;}
.post-labels { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibDbjeyHeErrc0DMGP2USB89D8a70SvSRmMQaDyUUtwQ4cGFEApelhdNW8JaO6gnpLk46dyoFSwjfk-zT-uKE02LIONKmZx_lhpxPFcRyUWR44CxjbOjjOYUAyjug6CiqlNPlHc3w_w34/s1600/tags.jpg") left top no-repeat; float:left; font: normal 11px/14px "Trebuchet Ms"; width:345px; margin-right: 0px; color:#86a760; margin-left:13px; padding:8px 0px 7px 25px;}
.post-labels a, .post-labels a:visited { color:#999999; text-decoration:none;}
.post-labels a:hover { color:#666666; text-decoration: underline;}
 
 .post-info{
        width: 100%;
        height:35px;
        text-align: left;
        background-repeat: no-repeat;
 }   

.date { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekTYhwDB9RMjMPw1LNeCSi3OuZ2k0znUVONKZJRXgyRpNQqG1Yp6vUtEi7G240fVeZ-YBcC6GI5XdrxcVwWEI9UDhm_KXU36l6Mr_MvHUzUrKLSqgD8bOUDzCP65Sd9QCnbVmeIdnoNI/s1600/author.jpg") left top no-repeat; float:left; font: normal 11px/14px "Trebuchet Ms"; width:345px; margin-right: 0px; color:#999999; margin-left:13px; padding:3px 0px 10px 30px;}
 
.comment-count{
        font-family:Trebuchet Ms;
        font-size: 12px;
        float:right;
        padding: 2px 0 0 0px;
        text-decoration: none;
}

.comment-count a, .comment-count a:visited { color:#86a760; text-decoration:underline;}
.comment-count a:hover { color:#9bc46b; text-decoration: none;}


/************** Images *****************/

.post img { padding: 0; width: 100%; text-align:left; display: block; padding: 3px; border: solid 1px #f2f2f2; }
.post img.centered { display: block; margin-left: auto; margin-right: auto; padding: 3px; border: solid 1px #f2f2f2;}
.post img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #f2f2f2; padding: 3px; }
.post img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #f2f2f2; padding: 3px;}
.post .alignright { float: right; }
.post .alignleft { float: left }
.post a:link{color:#999999; text-decoration:none;}
.post a:visited{color:#999999; text-decoration:none;}
.post a:active{color:#999999; text-decoration:none;}
.post a:hover{color:#666666; text-decoration:underline;}

/************** Navigation *****************/

#blog-pager-newer-link {float: right; padding:1px 25px 5px 25px; width:80px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEu5mVFYlPdxAY9XY9ZveseX_zO5yUqFm2TxnQrH17giYGwwa14M1DVsGNmci-ICRYIIWwknrzfP3nl866Rb7bqNaqjlv0Sx1YlpBPd7rHZKxD4XhvqXP1tc3CibeXQ-6ztZthniHAu-8/s1600/newerpostArrow.jpg) no-repeat right 0px;}
#blog-pager-newer-link a:link{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-newer-link a:visited{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-newer-link a:active{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-newer-link a:hover{color:#666666;text-decoration:none; font-size: 11px;}

#blog-pager-older-link {float: left; padding:1px 25px 5px 33px; width:80px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3J3HAwIalrHmA7LIzt1iOY0uvuS5Q4mZhUiaHUcNF7VMw0pu7qt8MohGnCzZxb0E6Rwxd30t0rIm8CheI-rI9ipjL441ueeRqyJ1JiiXNvjA3dNyNzQy-f6Wd2ZxM9Vl1Y1jVHweLDHw/s1600/olderpost.jpg) no-repeat left 0px;}
#blog-pager-older-link a:link{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-older-link a:visited{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-older-link a:active{color:#000000;text-decoration:none; font-size: 11px;}
#blog-pager-older-link a:hover{color:#666666;text-decoration:none; font-size: 11px;}

#blog-pager {overflow: hidden; padding-bottom: 20px;}

/************** SIDEBARS *****************/

.rightPanelArea{ width:240px; float:right;}
.rightpaneltop { width: 240px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_H3aSCVP3-0Ql2DkSMLuG5M6bUsFAwhyphenhyphen0w92Uev0mT7df5M-d0vHmVWufP-6frjokFe7L5A1Fr-7JRRDEtoihZDdSUquuXbU-TNKM-8zEkyrgUJnkmqW1cn3Sc2wo9fzgSdlywSJuk1c/s1600/sidePaneltop.png); height:99px; background-repeat:no-repeat; float: right; clear:right;}
.rightpanel { width: 240px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgr_C5vXJgK8GVwigMyczT_NhQaEdZ1IwKQhNTTtmnTAyShKjxD3zg-YUcdNvEnvkuWqZh6uwyrY6gTgRo5QPLz3SJXjUJwgUItTw2MKMk2PwqxanN2340DJF5zLoqa5scsPpX7m5n5c/s1600/rightsidePanelRepeat.jpg); background-repeat:repeat-y; float: right; clear:right;}
.rightpanelbottom { width: 240px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNq15Gg2t4yYfmQHOWkmYZr58_C6g43PgKZd1jmaIce6aK_3rnLPdF5D1WGnqnwbgPyQWMpI2r2lYBdwYnowxEKi5jXEWMMtdC5ahjwBaJuyGvoYSBJiauVGR-15j6U_pkiBSxDK6sTKc/s1600/rightsidePanelbottom.jpg); height:80px; background-repeat:no-repeat; float: right; clear:right;}
#SR { width: 240px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgr_C5vXJgK8GVwigMyczT_NhQaEdZ1IwKQhNTTtmnTAyShKjxD3zg-YUcdNvEnvkuWqZh6uwyrY6gTgRo5QPLz3SJXjUJwgUItTw2MKMk2PwqxanN2340DJF5zLoqa5scsPpX7m5n5c/s1600/rightsidePanelRepeat.jpg); background-repeat:repeat-y; float: right; clear:right;}
#SR2 { width: 240px; height:100%; float: right; clear:right;}
#SR3 { width: 240px; float: right; clear:right;}
#SR4 { width: 240px; float: right; clear:right;}

.rightpanelF {padding-left:26px; padding-right:50px; padding-top:0px; font-family:Trebuchet Ms;}
.rightpanelF h2 { font-size: 22px; color:#666666; padding:8px 0px 0px 0px; font-weight:normal; border-bottom: solid 1px #bdbaba;}
.rightpanelF a:link {color:#59a3dc;text-decoration:none; font-size: 12px;}
.rightpanelF a:visited {color:#59a3dc;text-decoration:none; font-size: 12px;}
.rightpanelF a:active {color:#59a3dc;text-decoration:none; font-size: 12px;}
.rightpanelF a:hover {color:#80c0f2;text-decoration:underline; font-size: 12px;}
.rightpanelF p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}
.rightpanelContent {padding:10px 0px 20px 0px; margin-bottom:10px; font: normal 'Trebuchet Ms'; }

/************** WIDGETS *****************/

.search { background: url(http://www.raycreationsindia.com/blogger-template/greenLeaves/rssbg.gif) no-repeat left top; height:40px; padding-top:30px; overflow: hidden;}
/**/ *html .SR .search  { height: 1%;} /**/
.search form { width: 245px; padding: 0px; border: 1px solid #f2f2f2; background: #333333; }
.search fieldset { overflow: hidden; height: 1%;  }
.search input { float: left; margin-right: 2px; background: url(http://www.raycreationsindia.com/blogger-template/blueSpiral/search.gif) no-repeat; border: none; padding: 5px 3px 5px 0px; width: 145px; color:#666;}
.search button { float: left; background: url(http://www.raycreationsindia.com/blogger-template/blueSpiral/searchbutton.gif) no-repeat; width: 26px; border: none; cursor: pointer; text-indent: -1000em; }
.syn ul { margin: 0px 0px; padding:80px 23px 0px 0px; float: right; clear:right;}
.syn li { margin: 0px 5px 0px 0px; background:url(http://www.raycreationsindia.com/blogger-template/Oceanfloral/rss.png) no-repeat; padding: 2px 0px 0px 22px; list-style-type: none; color:#ffcc66; display: inline; font: bold 12px/12px 'Arial';}
.syn li a, .syn li a:visited {color:#333333; text-decoration:none; font-weight: normal;}
.syn li a:hover {color:#333333; text-decoration:underline; font-weight: normal;}

.photostream { width:300px; padding: 15px 0px 25px 0;}
/**/ *html .SR .photostream { height: 1%;} /**/
.photostream h2 { padding-left:15px; font-size: 24px; letter-spacing: -1px; color:#102a30;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {width:54px; height:54px; padding:5px 0 0 5px; margin: 0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important; color:#102A30;}
#flickr_badge_wrapper {background-color:#9ed5e1; width:270px; margin:0 0 15px 0; padding:0;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
.photostream .widget-content { margin:10px 0 0 10px; padding:0;}

.categs {  float: left; width: 130px; overflow: hidden; margin-bottom: 3px;}
/**/ *html .SR .categs { height: 1%;} /**/
.categs .widget {padding:15px;}
.categs h2 {font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px;}
.categs li { padding: 1px 0px; list-style-type: none; font-size: 11px; color:#5e8a89; }
.categs a, a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.categs a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

.archives { overflow: hidden; margin-bottom: 3px; float: left; width: 130px;}
.archives .widget {padding:15px;}
/**/ *html .SR .categs { height: 1%;} /**/
.archives h2 { font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px;}
.archives li { padding: 1px 0px; list-style-type: none; font-size: 11px; color:#5e8a89; }
.archives a, a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.archives a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

.recent { background: #72a429 url(http://www.raycreationsindia.com/blogger-template/greenLeaves/archives.jpg) no-repeat left top; padding: 15px; margin-bottom: 3px; }       
.recent .tabs { overflow: hidden; }
.recent .tabs { height: 1%; }
.recent .tabs li { float: left; background: none; }
.recent .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #102a30; padding: 3px 6px 9px 6px; background: #b5d6cd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ETFin4d7fxZU_XWKxephn1d0QJl0i0mKVKBXq43RV-zWpg6-SXcMgWDvqG3J8llouKTOxyUpdtQy-ACLW_-l59WvmaDwaL_qJgFk6beOb21KloAdbqvVRYCN4jtIBTg_zPnEaaZidH-2/s1600/tabsinactiveck6.png) no-repeat bottom center; margin-right: 3px; letter-spacing: -1px; text-decoration: none;}
.recent .tabs li a.active, .recent .tabs li a:hover { background: #4a6969 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi9izt6ARlq4oggSMyHxmz5i3z1q7JGsmEcOLaohb-pU25Vi0Ti-KLsmbSD6CzVAOIdrKRi10QODOi5czvnsfZYQPMhtxIA-CMaCqEHXQDljwBmcGVJ0Q4vUA_bmmK97sucmBnat-WnDNZ/s1600/tabsactivelq5.png) no-repeat bottom center; color: #fff; text-decoration: none; font-weight:bold;}
.recent a, #SR .recent a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.recent a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

#tab-comments { display: none; margin-bottom: 5px; }
#tab-comments li { background: url(http://www.raycreationsindia.com/blogger-template/blueSpiral/tabArrow.png) no-repeat left 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px #c5ded7; font-size: 11px; color:#076ebe;}
#tab-comments li a { display: block;}
#tab-posts { margin-bottom: 5px; font-size: 11px; }
#tab-posts li { background: url(http://www.raycreationsindia.com/blogger-template/blueSpiral/tabArrow.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;}
#tab-tags { display: none; margin-bottom: 5px; font-family: "Verdana"; line-height: 24px; font-size:11px;}

/************** COMENTARIOS *****************/
#comments h4 { color:#0cc2f0; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 20px; }

#comments-block {width:580px; background:transparent; }
#comments-block .comment-author { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv52tfEnGA18vdvmqGyHj2MzJxXPnbiPIVU9yWB1xwJmD7NZ3uiWs2JKKz1vohAYphzBalg1DZb14QI8zu9W-pRIl4VPhRQsC_ZzC3-RLShPDHg53pjTsmlnvsmTozAhUN0Y5bFnfOUAM/s1600/commentbg.jpg) no-repeat left top; padding: 19px 5px 33px 25px; border: none; font: bold 12px/13px "Trebuchet Ms" sans-serif; line-height:18px; display:block;}

#comments-block .comment-author a:link{color:#21a7f4;text-decoration:none;}
#comments-block .comment-author a:visited{color:#21a7f4;text-decoration:none;}
#comments-block .comment-author a:active{color:#21a7f4;text-decoration:none;}
#comments-block .comment-author a:hover{color:#56c1ff;text-decoration:underline;}

#comments-block .comment-timestamp { display:block; color:#489422; float:right; margin-right:15px;}

#comments-block .comment-timestamp a:link{color:#333333;text-decoration:none; font-family:Arial; font-size: 10px;}
#comments-block .comment-timestamp a:visited{color:#333333;text-decoration:none; font-family:Arial; font-size: 10px;}
#comments-block .comment-timestamp a:active{color:#333333;text-decoration:none; font-family:Arial; font-size: 10px;}
#comments-block .comment-timestamp a:hover{color:#666666;text-decoration:none; font-family:Arial; font-size: 10px;}

#comments-bottom {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdYZ1JhI70afvkaYKNMGqCNkmHCZ1I52wQ5P1lQXO-dNITSDpRNKWOikQ_VMTEgIob_xiAiEHHuxcPKD3j5t4sr9ICx4zoFg5KQYcbgAShIZ5tyQxmgnIS28xBlFcw4P0kC9Ey4eh-gc/s1600/commentboxBottom.jpg) no-repeat left bottom; padding:10px 0px 9px 0px; }

#comments-block .comment-timestamp a, comments-block .comment-timestamp a:visited { color:#ddfef0; text-decoration: underline; font-weight: normal;}
#comments-block .comment-body { padding:0px 20px 0px 25px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBli_zKhW8LjZgDxLOZ6hoIRlPczSevdN9_qfI-CDS1ulcR-_xPo36ir_M2x8UlalrkDuSeBg2UhkpfbPyAWbZr14KL0wcUgd4c2YS70ATkrcthJWbMI7_A_vtdABRSgq6TiAaBU6VaiU/s1600/commentboxR.jpg) repeat-y; font: normal 11px/17px "Trebuchet Ms"; color:#666666;}
#comments-block .comment-body p { font: normal 12px/17px "Verdana"; padding: 5px 5px; margin: 0px;}
#comments-block .comment-body blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
#comments-block .comment-body blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
#comments-block .comment-footer { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdYZ1JhI70afvkaYKNMGqCNkmHCZ1I52wQ5P1lQXO-dNITSDpRNKWOikQ_VMTEgIob_xiAiEHHuxcPKD3j5t4sr9ICx4zoFg5KQYcbgAShIZ5tyQxmgnIS28xBlFcw4P0kC9Ey4eh-gc/s1600/commentboxBottom.jpg) no-repeat left bottom; padding:10px 0px 9px 0px;  margin:0 0 20px 0;}

.deleted-comment {
  font-style:italic;
  color:#666666;
  }

/************** PERFIL *****************/
.profile-img {
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 5px solid #E7E9E3;
}

.profile-data {
  margin:0;
  font: arial;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link {
  font: #000;
  letter-spacing: .1em;
}

/************** FOOTER *****************/
.footer { margin: 0 auto; padding:0px 0px 15px 0px; color:#666666;}
.footer p { width:900px; text-align:left; margin: 0px; padding-left:80px; font-family: 'Verdana'; vertical-align:bottom; font-size: 11px; padding-top:0px;  }
.footer p.copy { color:#666666; }
.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover { color:#666666;}
.footer p.theme { padding-top: 2px; color:#6c8e9d; }
.footer p.theme a, .footer p.theme a:visited, .footer p.theme a:hover { color:#6c8e9d; text-decoration: none;}
}

}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
  margin-left: 0px;
  margin-right: 0px;
}
   
   
]]></b:skin>
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.raycreationsindia.com/blogger-template/greenLeaves/supersleight.js"></script>
<![endif]-->
</head>

<body>
  <SCRIPT>
function remplaza_fecha(d){
var da = d.split(&#39; &#39;);
dia = &quot;<strong class='day'>&quot;+da[0]+&quot;</strong>&quot;;
mes = &quot;<strong class='month'>&quot;+da[1].slice(0,3)+&quot;</strong>&quot;;
anio = &quot;<strong class='year'>&quot;+da[2]+&quot;</strong>&quot;;
document.write(dia+mes+anio);
}
</SCRIPT>
<!-- skip links for text browsers -->
<SPAN id='skiplinks' style='display:none;'>
<A href='#main'>skip to main </A> |
<A href='#sidebar'>skip to sidebar</A>
</SPAN>
<CENTER>
<DIV class='menu'>
  <UL>
    <LI class='current_page_item'>
      <A href='/'>
        <SPAN>Home</SPAN>
      </A>
    </LI>
    <LI>
      <A href='/feeds/posts/default'>
        <SPAN>Posts RSS</SPAN>
      </A>
    </LI>
    <LI>
      <A href='/feeds/comments/default'>
        <SPAN>Comments RSS</SPAN>
      </A>
    </LI>
  </UL>
</DIV>
  <div id='above'>
    <center>
      <b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Night Sky (Header)' type='Header'>
<b:includable id='title'>
            <A expr:href='data:blog.homepageUrl'>
              <data:title/>
            </A>
          </b:includable>
<b:includable id='description'>
            <H2>
              <data:description/>
            </H2>
          </b:includable>
<b:includable id='main'>
            <H1 class='blognam'>
              <b:include name='title'/>
            </H1>
            <b:include name='description'/>
          </b:includable>
</b:widget>
</b:section>
    </center>
  </div>
</CENTER>

<!-- Start BG -->
  <center>
<DIV id='bg'>
  <div class='contentTop'>
  </div>

    <DIV id='bg-all'>

      <!-- Start Container -->
      <DIV class='container'>

        <!-- Start Header: Puedes elegir entre mostrar el logo en imagen o en texto (mÃ&#161;s informaciÃ&#179;n en el post de Zona Cerebral sobre la plantilla) -->
        <!-- END Header -->
        <DIV class='SL'>
          <DIV id='main-wrapper'>
            <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'>
                      <SPAN id='blog-pager-newer-link'>
                        <A class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                          <data:newerPageTitle/>
                        </A>
                      </SPAN>
                    </b:if>
                    <b:if cond='data:olderPageUrl'>
                      <SPAN id='blog-pager-older-link'>
                        <A class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                          <data:olderPageTitle/>
                        </A>
                      </SPAN>
                    </b:if>

                  </DIV>
                  <DIV class='clear'/>
                </b:includable>
<b:includable id='backlinks' var='post'>
                  <A name='links'/>
                  <H4>
                    <data:post.backlinksLabel/>
                  </H4>
                  <P class='comment-footer'>
                    <A class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                      <data:post.createLinkLabel/>
                    </A>
                  </P>
                </b:includable>
<b:includable id='post' var='post'>


                  <div class='post uncustomized-post-template'>

                    <div style='border-bottom: dotted 1px #aaaaaa; margin-bottom:5px; height:65px; width:630px;'>
                      <div>
                        <div class='PostTime'>
                          <script type='text/javascript'>
                            var timestamp = &quot;<data:post.dateHeader/>&quot;;
                            if (timestamp != &#39;&#39;) {
                            var timesplit = timestamp.split(&quot;,&quot;);
                            var date_yyyy = timesplit[2];
                            var timesplit = timesplit[1].split(&quot; &quot;);
                            var date_dd = timesplit[2];
                            var date_mmm = timesplit[1].substring(0, 3);
                            }
                          </script>
                          <div class='post-month'>
                            <script type='text/javascript'>document.write(date_mmm);</script>
                          </div>
                          <div class='post-day'>
                            <script type='text/javascript'>document.write(date_dd);</script>
                          </div>
                        </div>
                        <div style='float:right; text-align:left; width:560px;'>
                          <div class='title'>
                            <a expr:name='data:post.id'/>
                            <b:if cond='data:post.title'>
                              <h2 class='title'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h2>
                            </b:if>
                          </div>
                          <div class='post-info'>
                            <SPAN class='date'>
                              <b:if cond='data:top.showAuthor'>
                                <data:top.authorLabel/>
                                <data:post.author/>
                              </b:if>
                            </SPAN>

                            <span class='comment-count'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:post.allowComments'>
                                  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <b:if cond='data:post.numComments == 1'>
                                      <data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)
                                    </b:if>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='post-header-line-1'/>
                    <div class='cover'>
                      <div class='entry'>
                        <p>
                          <data:post.body/>
                        </p>
                        <div style='clear: both;'/>
                        <!-- clear for photos floats -->
                      </div>
                    </div>
                    <div class='postmetadata'>
                      <p class='post-footer-line post-footer-line-1'>

                        <!-- backlinks -->
                        <span class='post-backlinks post-comment-link'>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <b:if cond='data:post.showBacklinks'>
                              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'>
                                <data:top.backlinkLabel/>
                              </a>
                            </b:if>
                          </b:if>
                        </span>

                        <span class='post-icons'>
                          <!-- email post links -->
                          <b:if cond='data:post.emailPostUrl'>
                            <span class='item-action'>
                              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                                <span class='email-post-icon'>&#160;</span>
                              </a>
                            </span>
                          </b:if>

                        </span>
                      </p>

                      <p class='post-footer-line post-footer-line-2'/>
                    </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>
                    <DIV style='clear: both;'/>
                  </b:if>
                </b:includable>
<b:includable id='comment-form' var='post'>
                  <DIV class='comment-form'>
                    <A name='comment-form'/>
                    <H4 id='comment-post-message'>
                      <data:postCommentMsg/>
                    </H4>
                    <P>
                      <data:blogCommentMessage/>
                    </P>
                    <data:blogTeamBlogMessage/>
                    <A expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <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'>
                  <SPAN expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                    <A expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                      <SPAN class='delete-comment-icon'>&#160;</SPAN>
                    </A>
                  </SPAN>
                </b:includable>
<b:includable id='postQuickEdit' var='post'>
                  <b:if cond='data:post.editUrl'>
                    <SPAN expr:class='&quot;item-control &quot; + data:post.adminClass'>
                      <A expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                        <SPAN class='quick-edit-icon'>&#160;</SPAN>
                      </A>
                    </SPAN>
                  </b:if>
                </b:includable>
<b:includable id='main' var='top'>
                  <!-- posts -->
                  <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 == &quot;item&quot;'>
                        <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>

                  <!-- navigation -->
                  <b:include name='nextprev'/>

                  <!-- feed links -->
                  <b:include name='feedLinks'/>
                </b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
                  <SPAN expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                    <A expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                      <SPAN class='delete-comment-icon'>&#160;</SPAN>
                    </A>
                  </SPAN>
                </b:includable>
<b:includable id='feedLinks'>
                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                    <!-- Blog feed links -->
                    <b:if cond='data:feedLinks'>
                      <DIV class='blog-feeds'>
                        <b:include data='feedLinks' name='feedLinksBody'/>
                      </DIV>
                    </b:if>

                    <b:else/>
                    <!--Post feed links -->
                    <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'>
                </b:includable>
<b:includable id='comments' var='post'>
                  <DIV class='comments' id='comments'>
                    <A name='comments'/>
                    <b:if cond='data:post.allowComments'>
                      <H4>
                        <b:if cond='data:post.numComments == 1'>
                          1 <data:commentLabel/>:
                          <b:else/>
                          <data:post.numComments/> <data:commentLabelPlural/>:
                        </b:if>
                      </H4>

                      <DL id='comments-block'>
                        <b:loop values='data:post.comments' var='comment'>
                          <div>
                            <DT class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
                              <div style='float:left:'>
                                <span style='float:left;'>
                                  <A expr:name='&quot;comment-&quot; + data:comment.id'/>
                                  <b:if cond='data:comment.authorUrl'>
                                    <A expr:href='data:comment.authorUrl' rel='nofollow'>
                                      <data:comment.author/>
                                    </A>
                                    <b:else/>
                                    <data:comment.author/>
                                  </b:if>
                                  <data:commentPostedByMsg/>
                                </span>
                                <SPAN class='comment-timestamp'>
                                  <A expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
                                    <data:comment.timestamp/>
                                  </A>
                                  <b:include data='comment' name='commentDeleteIcon'/>
                                </SPAN>
                              </div>
                            </DT>
                          </div>
                          <DD class='comment-body'>
                            <b:if cond='data:comment.isDeleted'>
                              <SPAN class='deleted-comment'>
                                <data:comment.body/>
                              </SPAN>
                              <b:else/>
                              <P>
                                <data:comment.body/>
                              </P>
                            </b:if>
                          </DD>
                          <DD class='comment-footer'>
                          </DD>
                        </b:loop>
                      </DL>


                      <P class='comment-footer'>
                        <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'>
                              <data:postCommentMsg/>
                            </A>
                          </b:if>
                        </b:if>
                      </P>

                    </b:if>

                    <DIV id='backlinks-container'>
                      <DIV expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                        <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>
      </DIV>

      <!-- Container -->
      <div>
      </div>
      <div class='rightPanelArea'>
        <div class='rightpanel'>
          <b:section class='rightpanelF' id='about' preferred='yes' showaddelement='yes'>
<b:widget id='Text1' locked='false' title='About this blog' type='Text'>
<b:includable id='main'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                  <H2 class='title'>
                    <data:title/>
                  </H2>
                </b:if>
                <DIV class='rightpanelContent'>
                  <data:content/>
                </DIV>
                <b:include name='quickedit'/>
              </b:includable>
</b:widget>
</b:section>

          <b:section class='rightpanelF' id='categs' preferred='yes' showaddelement='yes'>
<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='rightpanelContent'>
                  <UL>
                    <b:loop values='data:labels' var='label'>
                      <LI>
                        <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>
                        <SPAN dir='ltr'>
                          (<data:label.count/>)
                        </SPAN>
                      </LI>
                    </b:loop>
                  </UL>
                  <b:include name='quickedit'/>
                </DIV>
              </b:includable>
</b:widget>
</b:section>
          <b:section class='rightpanelF' id='archives' preferred='yes' showaddelement='yes'>
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>

                <b:if cond='data:title'>
                  <H2>
                    <data:title/>
                  </H2>
                </b:if>
                <DIV class='rightpanelContent'>
                  <UL>
                    <b:loop values='data:links' var='link'>
                      <LI>
                        <A expr:href='data:link.target'>
                          <data:link.name/>
                        </A>
                      </LI>
                    </b:loop>
                  </UL>
                  <b:include name='quickedit'/>
                </DIV>
              </b:includable>
</b:widget>
</b:section>

          <b:section class='rightpanelF' id='recent' preferred='yes' showaddelement='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
                <b:if cond='data:interval.toggleId'>
                  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
                    <A class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
                      <SPAN class='zippy toggle-open'>&#9660; </SPAN>
                    </A>
                    <b:else/>
                    <A class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
                      <SPAN class='zippy'>
                        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
                          &#9668;
                          <b:else/>
                          &#9658;
                        </b:if>
                      </SPAN>
                    </A>
                  </b:if>
                </b:if>
              </b:includable>
<b:includable id='interval' var='intervalData'>
                <b:loop values='data:intervalData' var='i'>
                  <UL>
                    <LI expr:class='&quot;archivedate &quot; + data:i.expclass'>
                      <b:include data='i' name='toggle'/>
                      <A class='post-count-link' expr:href='data:i.url'>
                        <data:i.name/>
                      </A>
                      <SPAN class='post-count' dir='ltr'>
                        (<data:i.post-count/>)
                      </SPAN>
                      <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='flat' var='data'>
                <UL>
                  <b:loop values='data:data' var='i'>
                    <LI class='archivedate'>
                      <A expr:href='data:i.url'>
                        <data:i.name/>
                      </A> (<data:i.post-count/>)
                    </LI>
                  </b:loop>
                </UL>
              </b:includable>
<b:includable id='menu' var='data'>
                <SELECT expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
                  <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='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:includable id='main'>
                <b:if cond='data:title'>
                  <H2>
                    <data:title/>
                  </H2>
                </b:if>
                <DIV class='rightpanelContent'>
                  <DIV id='ArchiveList'>
                    <DIV expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
                      <b:if cond='data:style == &quot;HIERARCHY&quot;'>
                        <b:include data='data' name='interval'/>
                      </b:if>
                      <b:if cond='data:style == &quot;FLAT&quot;'>
                        <b:include data='data' name='flat'/>
                      </b:if>
                      <b:if cond='data:style == &quot;MENU&quot;'>
                        <b:include data='data' name='menu'/>
                      </b:if>
                    </DIV>
                  </DIV>
                  <b:include name='quickedit'/>
                </DIV>
              </b:includable>
</b:widget>
</b:section>
        </div>
        <div class='rightpanelbottom'/>
      </div>
    </DIV>
  <div class='contentBottom'/>
  </DIV>
</center>
  <center>
    <DIV class='footer'>
      <P class='copy'>
        Copyright  2009 - <A expr:href='data:blog.homepageUrl'>
          <data:blog.title/>
        </A>
      </P>
      <P class='theme'>
        <A href='http://www.raycreationsindia.com/free-blogspot-templates.aspx' title='Web Design Company'>Blogspot Theme</A> designed by: <A href='http://www.raycreations.net/' title='Web Design Company'>Ray Creations</A>, <A href='http://www.rayhosting.com/'>Ray Hosting</A>.
      </P>
    </DIV>
  </center>
<!-- End BG -->


</body>
</html>

3 komentar:

Anonim mengatakan...

This paragraph will assist the internet viewers for creating new
blog or even a blog from start to end.

My homepage; green coffee Bean Reviews

ADRO TEXTILE Konveksi Murah Indonesia – Tlp 081362666444 ! mengatakan...

lumayan bisa ane pakek templatenya

mMUFIDn mengatakan...

nitip min Pengertian Layanan Web Hosting

Posting Komentar

Terima kasih sudah membaca artikel ini. Bagaimana menurut Ente tentang artikel ini.