Info Penting

<?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 expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
    <b:include data='blog' name='all-head-content'/>
    <title>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <data:blog.title/>
    <b:else/>
        <data:blog.pageName/> | <data:blog.title/>
    </b:if>
</title>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <b:skin><![CDATA[/*
-----------------------------------------------------------
<----------->Blogger Template Style<------------------------>
-----------------------------------------------------------
Template Name : Ureeka | Blogger Template
Author         : Best Theme / Avinash
Author URI     : http://besttheme.net/
Created Time   : 23:00 Monday (IST) - Time in India
Created Date   : Monday, Feb 13, 2012
------------------------------------------------------------
<------> Credit> BestTheme.Net / Web2Feel.Com    <------->
-----------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
.blog-posts .hfeed {display:none;}
h2.pagetitle{display:none;}
body#layout #sidebar {display:inline;float:right;}
body#layout #shelf{width:600px;}{width:500px;}

/*----------------------------------------------------
        {--------} Generic {--------}
----------------------------------------------------*/
*{margin: 0px;padding: 0px;}
body#layout #LinkList10{width:910px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
} /* Hide from IE Mac \*/.clearfix {
    display: block;
} /* End hide from IE Mac */.none {
    display: none;
} /* End Clearfix */

/*----------------------------------------------------
        {--------} Forums {--------}
----------------------------------------------------*/
form {
    margin-bottom: 20px;
}
fieldset {
    margin-bottom: 20px;
}
input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
}
select {
    padding: 0;
}
textarea {
    min-height: 60px;
}
label,
    legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}
select {
    width: 220px;
}
input[type="checkbox"] {
    display: inline;
}
label span,
    legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}
/*----------------------------------------------------
        {--------} Defaults {--------}
----------------------------------------------------*/
body,
input,
textarea,
button {
    font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
a {
    text-decoration: none;
    color: #f15755;
}
a:hover {
    text-decoration: none;
    color: #555;
}
a img {
    border: none;
}
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff;
    margin: 10px 0;
}

table td,table th {
    text-align: left;
    border: 1px solid #fff;
    padding: .4em .8em;
}
table th {
    background: #ddd;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid #fff;
}
table td {
    border: 1px solid #fff;
    background: #eee;
    color: #555;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 0;
}
img.alignnone {
    display: inline;
    margin: 0 0 20px;
}
img.alignright {
    display: inline;
    margin: 0px 0 20px 20px;
}
img.alignleft {
    display: inline;
    margin: 0px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}
#LinkList10 h2{display:none;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    margin: 0 0 20px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0;
}
h1 {
    font-size: 24px;
    line-height: 28px;
}

h2 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 20px 0;
}
h3 {
    font-size: 16px;
    line-height: 20px;
}
h4 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
}
h5 {
    font-size: 12px;
    line-height: 18px;
}
h6 {
    font-size: 10px;
    line-height: 16px;
}

/*----------------------------------------------------
        {--------} Outer {--------}
----------------------------------------------------*/
#wrapper {
    background: url(http://2.bp.blogspot.com/-MiM2f6wvmlk/Tzw3SBv6RdI/AAAAAAAAAKE/v1qLK36LNxE/s000/body.jpg);
    padding: 30px 0px;
}
#casing {
    width: 960px;
    margin: 0px auto;
    background: url(http://3.bp.blogspot.com/-ZsvJRkH_mIQ/Tzw3SdcT0II/AAAAAAAAAKM/Zxoopk64zQE/s000/content.png);
    padding: 0px 0px;
}
/*----------------------------------------------------
        {--------} Head {--------}
----------------------------------------------------*/
#masthead {
    width: 960px;
    margin: 0px auto;
}
#head {
    height: 100px;
    background: url(http://4.bp.blogspot.com/-acIlDx8g-JA/Tzw3S2XKfsI/AAAAAAAAAKU/OfKkI4aYZqY/s000/head.png);
}
#blogname {
    width: 500px;
    margin: 10px 0px 0px 0px;
    float: left;
}
#blogname h1 {
    font-size: 36px;
    margin: 0px 0px 0px 0px;
    padding: 15px 25px;
}
#blogname h1 a:link, #blogname h1 a:visited {
    color: #fff;
}
/*----------------------------------------------------
        {--------} Menu {--------}
----------------------------------------------------*/
#botmenu {
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    overflow: hidden;
    height: 51px;
    background: url(http://3.bp.blogspot.com/-EnN3H2HnRY0/Tzw3S64OSsI/AAAAAAAAAKc/HAnrMc-kjLU/s000/menu.png) repeat-x;
}
#submenu {
    width: 980px;
    margin: 0px auto;
    padding: 0px 10px;
    height: 51px;
}
#submenu ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0px;
}
#submenu li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #999;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
}
#submenu li a {
    color: #999;
    display: block;
    margin: 0;
    padding: 15px 10px 15px 10px;
    text-decoration: none;
    position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
    color: #FDDDAA;
}
#submenu li a.sf-with-ul {
    padding-right: 10px;
}
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
    color: #aaa;
    font-size: 12px;
    width: 148px;
    margin: 0;
    padding: 0px 10px;
    line-height: 35px;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #2D2623;
    border-left: 1px solid #2D2623;
    border-right: 1px solid #444444;
    position: relative;
    background: 222;
    font-weight: normal;
}
#submenu ul ul li:first-child {
    border-top: none;
}
#submenu ul ul li:last-child {
    border-bottom: none;
}
#submenu li li:last-child {
    border-bottom: none;
}
#submenu li li a:hover, #submenu li li a:active {
    background: #343431;
    color: #fff;
}
#submenu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: #222;
}
#submenu li ul a {
    width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
    margin: -37px 0 0 169px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
    left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
    left: auto;
}
#submenu li:hover, #submenu li.sfHover {
    position: static;
}

/*----------------------------------------------------
        {--------} Search Forum {--------}
----------------------------------------------------*/
#search {
    padding: 0px 0px;
    margin: 35px 30px 10px 0px;
    display: inline-block;
    height: 30px;
    background: url(http://2.bp.blogspot.com/-MIC5owzMb1I/Tzw3TLSszCI/AAAAAAAAAKk/6P8U6025aU0/s000/search.png);
    float: right;
    width: 202px;
}
#search form {
    margin: 0px 0px 0px 0px;
    padding: 0;
}
#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
#search p {
    margin: 0;
    font-size: 85%;
}
#s {
    width: 145px;
    background: transparent;
    margin: 0px 0px 0px 3px;
    padding: 5px 10px;
    height: 20px;
    border: none;
    font: 11px normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color: #F8D192;
    float: left;
    display: inline;
}
#searchsubmit {
    background: url(http://3.bp.blogspot.com/-ow153VW2NdI/Tzw3TXlYXEI/AAAAAAAAAKs/TBml0dQK8Tc/s000/sbutton.png);
    border: none;
    color: #fff;
    display: block;
    width: 23px;
    height: 21px;
    float: right;
    cursor: pointer;
    margin: 4px 7px 0px 0px;
}
/*----------------------------------------------------
        {--------} Home {--------}
----------------------------------------------------*/
#home-content {
    background: url(http://3.bp.blogspot.com/-qmWAGjXMJKM/Tzw3TsWx3YI/AAAAAAAAAK0/UN1zIdEiTDg/s000/homecontent.png) repeat-y;
    padding: 0px 0px;
}
#shelf {
    width: 800px;
    margin: 0px auto;
}
.box {
    width: 150px;
    background: #fff;
    margin: 25px 25px 75px 25px;
    float: left;
}
.postim {
    width: 150px;
    height: 190px;
    background: #fff url(http://4.bp.blogspot.com/-gsSoNf0FGkA/Tzw3T2WfubI/AAAAAAAAAK8/15duvbAJzOI/s000/bookbg.png) repeat-y;
    margin: 0px 0px;
    overflow: hidden;
    -webkit-box-shadow: 3px -2px 1px 0px #eee;
    -moz-box-shadow: 3px -2px 1px 0px #eee;
    box-shadow: 3px -2px 1px 0px #eee;
    position: relative;
}
.postim img {
    position: relative;
    width: 150px;
    height: 190px;
}
.postim a {
    display: block;
}
.btitle {
    width: 150px;
    position: absolute;
    top: 15px;
    left: 0px;
}
.btitle h2 {
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 15px;
    text-align: center;
    font-weight: bold;
    line-height: 120%;
}
.btitle h2 a:link,.btitle h2 a:visited {
    color: #444;
}
span.inwriter {
    width: 150px;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    left: 0px;
    text-align: center;
}
/*----------------------------------------------------
        {--------} Article Content {--------}
----------------------------------------------------*/
#content {
    width: 610px;
    float: left;
    margin-left: 25px;
    padding: 30px 0px;
}
.post {
    margin-bottom: 20px;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #d0b48b;
}
img.postimg {
    float: left;
    margin: 5px 20px 20px 0px;
}
.title h2 {
    font-size: 26px;
    margin: 5px 0px 15px 0px;
    font-family: YanoneKaffeesatzRegular;
}
.title h2 a:link,.title h2 a:visited {
    color: #444;
}
.postmeta {
    font-size: 12px;
    padding: 0px 0px;
    margin-bottom: 15px;
}
.postmeta span {
    margin: 0px 10px 0px 0px;
    color: #d65806;
}
.postmeta span a {
    color: #d65806;
}
span.author {
    background: url(http://4.bp.blogspot.com/-CJL36E9MH0g/Tzw3T9yGd3I/AAAAAAAAALE/TWjblbsxaIg/s000/user.png) left center no-repeat;
    padding-left: 20px;
}
span.clock {
    background: url(http://2.bp.blogspot.com/-GRr9tsJwJsY/Tzw3UEvB4mI/AAAAAAAAALM/s9WNDeVfSak/s000/clock.png) left center no-repeat;
    padding-left: 20px;
}
span.comm {
    background: url(http://3.bp.blogspot.com/-5HJfJzZwgqA/Tzw3UKxJ8gI/AAAAAAAAALU/ZPvcveg0vy0/s000/comm.png) left center no-repeat;
    padding-left: 20px;
}
span.categori {
    background: url(http://4.bp.blogspot.com/-5UdVxPDQt88/Tzw3UQaN4VI/AAAAAAAAALc/kH4lCrSvgzk/s000/tag.png) left center no-repeat;
    padding-left: 20px;
}
.entry {
    margin: 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
}
.entry img{max-width:600px;
margin:10px;}
.entry a:link,
.entry a:visited {
    color: #FF0000;
}
.entry a:hover {
    color: #FF0000;
}
.entry ul, .entry ol {
    margin: .4em 0 1em;
    line-height: 150%;
}
.entry ul li, .entry ol li {
    list-style-position: outside;
    margin-left: 1.6em;
}
/*----------------------------------------------------
        {--------} Review {--------}
----------------------------------------------------*/
.bookimg {
    float: left;
    margin: 5px 20px 20px 0px;
}
.revbox {
    background: #fff2df;
    padding: 5px 5px;
    border: 1px solid #f0dec5;
    margin-bottom: 20px;
}
.revleft {
    float: left;
    width: 350px;
}
.revleft span {
    display: block;
    padding: 5px 5px;
}
.revright {
    width: 150px;
    float: right;
height: 60px;overflow:hidden;
}

.revright span {
    display: block;
}
.revright span.ratehead {
    padding: 5px 5px;
    text-align: center;
    font-weight: bold;
    color: #C84A0D;
    font-size: 14px;
    margin-left:90px;
}
.revright span.ratebg {
    width: 125px;
    height: 28px;
    margin-left: 12px;
    background: url(http://4.bp.blogspot.com/-jIqFtu67tpA/Tzw3UghvbrI/AAAAAAAAALk/4GyK1mpYsOQ/s000/rbg.png);
}
.revright span.rstar {
    height: 28px;
    background: url(http://2.bp.blogspot.com/--MWtPArnbtY/Tzw3U6EHY5I/AAAAAAAAALs/B3ItBx4ubco/s000/rstar.png);
}
.revright span.rate-0 {
    width: 0px;
}
.revright span.rate-1 {
    width: 25px;
}
.revright span.rate-2 {
    width: 50px;
}
.revright span.rate-3 {
    width: 75px;
}
.revright span.rate-4 {
    width: 100px;
}
.revright span.rate-5 {
    width: 125px;
}

/*----------------------------------------------------
      {--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
    width: 280px;
    float: right;
    padding: 30px 0px;
    margin-right: 25px;
}
.sidebar h2 {
    font-family: YanoneKaffeesatzRegular;
    color: #444;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 15px 0px 15px 15px;
    background: #ffe7c5;
    border-bottom: 1px solid #e8caa0;
    border-top: 1px solid #fff0da;
}
.sidebar .widget {
    list-style: none;
    margin: 0px 0 30px 0px;
    background: #fff;
    border: 1px solid #d0b48b;
}
.sidebar .widget-content {
    padding:10px;
    margin:0;
}
.sidebar ul {
    list-style-type: none;
    margin: 0 0 0 0px ;
    padding: 0;
}
.sidebar li {
    color: #666;
    text-decoration: none;
    padding: 0px 0px 0px 10px;
    display:block;
    list-style-type:none;
    line-height:28px;
    border-bottom: 1px solid #f4f4f4;
}
.sidebar li a:link, .sidebar li a:visited {
    color: #666;
    text-decoration: none;
}
.sidebar img {
    margin: 0 10px 10px 0;
    border:1px solid #ddd;
    background:#eee;
    padding:5px;
}
#BlogArchive1_ArchiveMenu {
     border:1px solid #ddd;
     background:#eee;
     color:#555;
     text-decoration: none;
     margin-top:5px;
     padding:10px;
     width:270px;
}
#Followers1-wrapper {
     background:#eee none repeat scroll 0 0;
     border:1px solid #ddd;
     color:#fff;
}
.profile-link {
     display:none;
}
.squarebanner {
     margin:20px 0px 10px 20px;
     width:270px;
     float:left;
}
.squarebanner ul{
     list-style-type:none;
     margin: 0px auto;
     padding: 0px 5px 0px 0px;
     overflow:hidden;
     width:270px;
}
.squarebanner ul li{
     list-style-type:none;
     margin: 10px 10px 0px 0px;
     float:left;
     display:inline;
     background:#eee;
}
.squarebanner ul li.rbanner{
     margin-right:0px;
}
/*----------------------------------------------------
        {--------} Bottom {--------}
----------------------------------------------------*/
.bottomcover {
    background: url(http://2.bp.blogspot.com/-v30-Z4g2W4Y/Tzw3U5hn5TI/AAAAAAAAAL0/anlTTFRCZ2s/s000/footer.png);
    border-top: 10px solid #e99f3b;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
#bottom {
    width: 960px;
    margin: 0px auto;
    border-bottom: 1px solid #333;
}
#bottom ul {
    margin: 0px;
    padding: 0px;
}
.botwid {
    float: left;
    width: 280px;
    margin: 20px 0px 50px 30px;
    list-style: none;
    color: #888;
}
h3.bothead {
    padding: 10px 0px 15px 0px;
    color: #d3d3d3;
    font-size: 14px;
    font-weight: bold;
    background: url(http://1.bp.blogspot.com/-nG51ys-KUMc/Tzw3VOAUhXI/AAAAAAAAAL8/CU8WP4KP8VU/s000/footer.png) bottom no-repeat;
}
.botwid ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.botwid li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.botwid ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
}
.botwid ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}
.botwid ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}
.botwid ul li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #555;
}

.botwid ul li a:link, .botwid ul li a:visited {
    color: #888;
}
.botwid ul li a:hover {
    color: #ddd;
}
.botwid p {
    padding: 5px 0px;
    margin: 0;
    line-height: 180%;
}
.botwid table {
    width: 100%;
    text-align: center;
}
/*----------------------------------------------------
        {--------} Comments {--------}
----------------------------------------------------*/
#commentsbox {
    margin: 0px 0px 0px 0px;
}
h3#comments {
    background: #FFE7C5;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    color: #C84A0D;
    text-shadow: 0px -1px 0px #fff;
    border: 1px solid #D0B48B;
}
ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}
ol.commentlist li {
    line-height: 18px;
    margin: 0px 0 20px 0px;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #d0b48b;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
    color: #333;
    font-weight: 700;
    text-decoration: none!important;
}
cite.fn {
    color: #eee;
    font-style: normal;
}
ol.commentlist li .comment-author .avatar {
    float: right;
    border: 1px solid #eee;
    background: #fff;
    padding: 3px;
}
ol.commentlist li .comment-meta .commentmetadata {
    color: #000;
}
ol.commentlist li .comment-meta a {
    color: #f15755;
    text-decoration: none!important;
}
ol.commentlist li p {
    line-height: 22px;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}
ol.commentlist li .reply {
    margin-top: 10px;
    font-size: 10px;
}
ol.commentlist li .reply a {
    background: #C84A0D;
    border: 1px solid #96360A;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
}
ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}
.comment-nav {
    height: 20px;
    padding: 5px;
}
.comment-nav a:link,.comment-nav a:visited {
    color: #f15755;
}
.avatar-image-container {
    float:right;
    border:1px solid #dddddd;
    background:#fff;
    padding:3px;
    height:32px;
    width:32px;
}
.avatar-image-container img {
    height:32px;
    width:32px;
}

#respond {
    margin: 10px 0;
    padding: 0;
}
#respond h3 {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    padding: 5px 0 0;
}
#commentform {
    padding: 10px 0;
}
#commentform a {
    color: #E1512A;
}
#commentform p {
    color: #82401c;
    margin: 5px 0;
}
#respond label {
    display: block;
    color: #82401c;
    padding: 5px 0;
}
#respond input {
    background: #eee;
    border: 1px solid #D3AC76;
    color: #7F5E34;
    margin: 0 10px 10px 0;
    padding: 5px;
}
#commentform input {
    width: 50%;
}
#respond input#commentSubmit {
    width: 100px;
    background:#9B3607;
    border: 1px solid #702502;
    color: #fff;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 5px;
    -webkit-box-shadow: 0px 1px 0px 0px #FFF0DB;
    -moz-box-shadow: 0px 1px 0px 0px #FFF0DB;
    box-shadow: 0px 1px 0px 0px #FFF0DB;
}

textarea#comment {
    background: #eee;
    border: 1px solid #D3AC76;
    width: 70%;
    color: #7F5E34;
    margin: 20px 0 0;
    padding: 5px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
    color: #333;
}
ol.commentlist li .comment-meta,#respond label small {
    font-size: 10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
    margin: 0 0 0 50px;
}
/*----------------------------------------------------
        {--------} Footer {--------}
----------------------------------------------------*/
#footer {
    border-top: 1px solid #111;
    padding: 10px 0px;
    font-size:11px;
    background: url(http://2.bp.blogspot.com/-v30-Z4g2W4Y/Tzw3U5hn5TI/AAAAAAAAAL0/anlTTFRCZ2s/s000/footer.png);
}
.fcred {
    width: 960px;
    margin: 10px auto;
    color: #aaa;
    text-align: center;
}
.fcred a:link, .fcred a:visited {
    color: #aaa;
}
/*----------------------------------------------------
        {--------} Page Navigation {--------}
----------------------------------------------------*/
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}
.showpageArea a {border: 1px solid #505050;
    color: #000000;
    font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;
}
.showpageArea a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
    color: #000000;
    font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;
}
.showpageNum a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    font-weight: bold;
    border: 1px solid #333;
    color: #fff;
    background-color: #000000;
}
.showpage a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
    font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;
}
.showpageNum a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
}
]]></b:skin>

<b:if cond='data:blog.pageType == "index"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
*     http://www.opensource.org/licenses/mit-license.php
*     http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> »</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {

/* Banner class */
    jQuery('.squarebanner ul li:nth-child(even)').addClass('rbanner');

/* Navigation */
    jQuery('#submenu ul.sfmenu').superfish({
        delay:       500,                                // 0.1 second delay on mouseout
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation
        dropShadows: true                                // disable drop shadows
    });

/* Homepage goodness */

    jQuery('.postim').mouseenter(function(e) {
        jQuery(this).children('a').children('img').animate({ left:'0', top:'0', width:'15'}, 300);

    }).mouseleave(function(e) {
        jQuery(this).children('a').children('img').animate({ left: '0', top: '0', width:'150'}, 300);

    });

/* Fancy that    */
    jQuery(".bookshot").fancybox({
        'titleShow' : false,
        'transitionIn' : 'elastic',
        'transitionOut' : 'elastic',
        'easingIn' : 'easeOutBack',
        'easingOut' : 'easeInBack'
    });

});

//]]>
</script>

<style type='text/css'>
#sidebar {display:none;}
#content {width: 950px;margin:0px;padding:0px;}
</style>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#home-content {background: none;padding: 0px 0px;}
#shelf {width: auto;margin: 0px auto;}
</style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style>
#home-content {background: none;padding: 0px 0px;}
#shelf {width: auto;margin: 0px auto;}
</style>
</b:if>

<script type='text/javascript'>
function lebel_logo(etiqueta) {
imagenes = new Array();

imagenes[1] = "<span style='background-color:#fff2df; height: 28px;width: 125px;'/>"

imagenes[2] = "<span style='background-color:#fff2df; height: 28px;width: 100px;'/>"

imagenes[3] = "<span style='background-color:#fff2df; height: 28px; width: 75px;'/>"

imagenes[4] = "<span style='background-color:#fff2df; height: 28px;width: 50px;'/>"

imagenes[5] = "<span style='background-color:#fff2df; height: 28px;width: 25px;'/>"

imagenes[6] = "<span style='background-color:#fff2df; height: 28px;width: 0px;'/>"

if (etiqueta == "rate-1")
{document.write(imagenes[1]);}

if (etiqueta == "rate-2")
{document.write(imagenes[2]);}

if (etiqueta == "rate-3")
{document.write(imagenes[3]);}

if (etiqueta == "rate-4")
{document.write(imagenes[4]);}

if (etiqueta == "rate-5")
{document.write(imagenes[5]);}

if (etiqueta == "rate-6")
{document.write(imagenes[6]);}

}
</script>
</head>
<body>
<div id='wrapper'> 
<div id='masthead'>
<div class='clearfix' id='head'>
<div id='blogname'>
<h1 class='logo'>
<a expr:href='data:blog.homepageUrl'><img alt='BestTheme.Net' src='http://3.bp.blogspot.com/-EFrihDv4Ayg/Tzw3VS0lClI/AAAAAAAAAME/IdIV7GtuKOQ/s000/logo.png'/></a></h1>
</div>

<div id='search'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search my site...";}' onfocus='if (this.value == "Search my site...") {this.value = ""}' type='text' value='Search my site...'/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>
<div class='clear'/>
</div>

<div class='clearfix' id='botmenu'>
<div class='menu-primary-container' id='submenu'>
<b:section class='menu' id='menu-primary' preferred='yes' showaddelement='no'>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
              <b:if cond='data:title'></b:if>
              <div class='widget-content'>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='currentpage'><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>
</div>
</div>
</div>

<div id='casing'>
<div id='content'>
<div class='clearfix' id='home-content'>
<ul id='shelf'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<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>
</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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<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>
<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>
</p>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var postId = '<data:post.id/>';
      var feed = '<data:post.commentFeed/>';
      var authorName = '<data:post.author/>';
      var authorUrl = '<data:post.authorUrl/>';
      var blogId = '<data:top.id/>';
      var baseUri = '<data:post.commentBase/>';

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
</script>
</b:includable>
<b:includable id='mobile-main' var='top'>
    
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>

<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>

<div class='titlemeta clearfix'>
<table border='0'>
<tr>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/>
</td>
<td><div style='margin-left:35px;'>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class='DiggThisButton DiggCompact'/>
</div></td>
<td>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/>
</td>
</tr>
</table>

</div>
</div>

<div class='clear'/>
</b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<li class='box' id='post'>
<div class='postim' id='post'>
<div class='btitle'>
<h2><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>
</div>

<span class='inwriter'><data:post.author/></span>

<a expr:href='data:post.url'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
var show_default_thumbnail=true;
var default_thumbnail="http://2.bp.blogspot.com/-HwP_JBU2mro/Tzw3VVlf6JI/AAAAAAAAAMM/zb6zvyD8b1M/s000/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="bookcover" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
</a>
</div>
</li>
</b:if></b:if>

<b:if cond='data:blog.pageType == "item"'>
<div class='post clearfix' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>

<div class='revbox clearfix'>
<div class='revleft'>
<span><strong>Author:</strong> <data:post.author/> </span>
<span><strong>Genre:</strong>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='revright'>
<span class='ratehead'>Rating</span>
<b:loop values='data:post.labels' var='label'>
<span class='rstar'><script type='text/javascript'>lebel_logo("<data:label.name/>");</script></span>
</b:loop>
</div>
</div>

<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>

<div class='postmeta'>
<span class='author'>Posted by <data:post.author/> </span>
<span class='clock'> Posted on <script type='text/javascript'>
var timestamp = "<data:post.dateHeader/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<script type='text/javascript'>document.write(date_mmm);</script> </span>
<span class='comm'><b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if></span>
</div>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
    <h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>
</b:if>
<b:if cond='data:navMessage'>
    <h2 class='pagetitle'><data:navMessage/></h2>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='comment-form'>
    <div id='respond'>
    <a name='comment-form'/>
    <h3>Leave a Reply</h3>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
    </div>
</div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-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'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> 
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>
                    <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'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>



    <b:if cond='data:post.sharePostUrl'>
        <div class='post-share-buttons'>
            <b:include data='post' name='shareButtons'/>
        </div>
    </b:if>

</div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == "static_page"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == "false"'>
          </div></div>
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-outer">
      </b:if>
      <b:if cond='data:post.isDateStart'>
        <div class="date-posts">
      </b:if>
      <div class='post-outer'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "static_page"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      </div>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
      </div></div>
    </b:if>
    <data:adEnd/>
</div>

<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>

<b:include name='nextprev'/>
</b:if>
</b:if>

<b:if cond='data:top.showStars'>
    <script src='//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>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != "static_page"'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='clear'/>
<div id='commentsbox'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
      <h3 id='comments'>
        <b:if cond='data:post.numComments == 1'>
          One Response so far.
        <b:else/>
          <data:post.numComments/> Responses so far.
        </b:if>
      </h3>
      </b:if>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <ol class='commentlist'>
        <b:loop values='data:post.comments' var='comment'>
          <b:if cond='data:comment.adminClass == data:post.adminClass'>
          <li class='comment odd'>
            <div class='comment-body'>
            <div class='comment-author vcard'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <cite class='fn'>
              <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>
              </cite> <span class='says'>says:</span>
            </div>
            <div class='comment-meta commentmetadata'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p>
                <data:comment.body/>
                <span class='interaction-iframe-guide'/>
              </p>
            </b:if>
            </div>
          </li>
          <b:else/>
          <li class='comment even'>
            <div class='comment-body'>
            <div class='comment-author vcard'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <cite class='fn'>
              <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>
              </cite> <span class='says'>says:</span>
            </div>
            <div class='comment-meta commentmetadata'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p>
                <data:comment.body/>
                <span class='interaction-iframe-guide'/>
              </p>
            </b:if>
            </div>
          </li>
          </b:if>
        </b:loop>
      </ol>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <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 + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
</b:widget>
</b:section>
</ul></div>

<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=8;
var displayPageNum=2;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


    var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
    timestamp = encodeURIComponent(timestamp1);
    var title = post.title.$t;
            if(thisUrl.indexOf(timestamp)!=-1 ){
                    thisNum = postNum;
            }

            postNum++;
            htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
    var banyaknomer = htmlMap.length -1 ;
    postNum=postNum-1;
};


for(var p =0;p< banyaknomer;p++){
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
        if(fFlag ==0 && p == thisNum-2){
            if(thisNum==2){
                upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
            }else{
                upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
            }

            fFlag++;
        }

        if(p==(thisNum-1)){
            html += '<span class="showpagePoint">'+thisNum+'</span>';
        }else{
            if(p==0){
                    html += '<span class="showpageNum"><a href="/">1</a></span>';

            }else{
                html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
            }
        }

        if(eFlag ==0 && p == thisNum){
            downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
            eFlag++;
        }
    }
}

if(thisNum>1){
    html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
    html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';


var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
    html ='';
}

for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
    html ='';
}

if(blogPager){
    blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
    var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
    timestamp = encodeURIComponent(timestamp1);


    var title = post.title.$t;

            if(thisUrl.indexOf(timestamp)!=-1 ){
                thisNum = postNum;
            }

            if(title!='') postNum++;
            htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

    itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
    var banyaknomer = htmlMap.length -1 ;
    postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
        if(fFlag ==0 && p == thisNum-2){
            if(thisNum==2){
                upPageHtml = labelHtml + upPageWord +'</a></span>';
            }else{
                upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
            }

            fFlag++;
        }

        if(p==(thisNum-1)){
            html += '<span class="showpagePoint">'+thisNum+'</span>';
        }else{
            if(p==0){
                html = labelHtml+'1</a></span>';
            }else{
                html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
            }
        }

        if(eFlag ==0 && p == thisNum){
            downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
            eFlag++;
        }
    }
}

if(thisNum>1){
    if(!isLablePage){
        html = ''+upPageHtml+' '+html +' ';
    }else{
        html = ''+upPageHtml+' '+html +' ';
    }
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
    html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
    html ='';
}

for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
    html ='';
}

if(blogPager){
    blogPager.innerHTML = html;
}

}

</script>

<script type='text/javascript'>

     var thisUrl = home_page_url;
    if (thisUrl.indexOf("/search/label/")!=-1){
        if (thisUrl.indexOf("?updated-max")!=-1){
            var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
        }else{
            var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
        }
    }

    var home_page = "/";
    if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
        if (thisUrl.indexOf("/search/label/")==-1){
            document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
        }else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
        }
    }
</script>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Category List' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <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'>
          </b:if>
        </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: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 class='flat'>
    <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 + "_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 class='hierarchy'>
        <li expr:class='"archivedate " + 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='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:section>
</div>
<div class='clear'/>

<div class='bottomcover '>
<div id='bottom'>

<ul>
<div class='botwid'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Blogger templates' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='botwid'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Blogger news' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='botwid'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</ul>
<div class='clear'> </div>
</div>
</div>

<div id='footer'>
<div class='fcred'>
Copyright 2012 &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Blogger by <a href='http://besttheme.net/'>Best Theme</a> | <a href='http://themeshive.com/'>ThemesHive</a> - <br/>
Designs by <a href='http://www.fabthemes.com' title='WordPress Themes Designs'>Fab Themes</a>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
</div>
</body>
</html>

Info Penting

Pages

Sabtu, 28 April 2012

Kode Template: Media Online

Kode Template: Hitam

Kode Template: Profesional 2

Kode Template: Slide Show

Kode Template: Toko online

Kode Template: Profesional

Rabu, 25 April 2012

Kode Template: Studio

Kode Template: Galery Photo Minimalis

Info Penting !!!

Info Penting

Label

Buku Tamu

Followers

Berita Blog

Tentang Ane

Berita Terbaru

****************

Blogger news

Arsip Blog

Popular Posts

***************