Re: Can't change to a custom template
Manuel Cruz <[email protected]>
| Newsgroups | gmane.comp.web.blogger.api |
|---|---|
| Message-ID | <[email protected]> |
Is there any problem with the jquery on masonry? is there something i dont have to put in? any code maybe? On Saturday, March 29, 2014 9:01:54 PM UTC-5, Brett Morgan wrote: > > May I ask which blog this was on? > On Mar 30, 2014 12:08 PM, "Manuel Cruz" <[email protected] <javascript:>> > wrote: > >> I'm trying to change my template to " masonry white" but i cant make it, >> it appears an error message with this bx- codes, like this : >> bX-rrrjnr >> bX-p06u5f >> I dont know what to do to fix this problem,. >> >> Iv tried to apply the same masonry white template to other blog i own ( >> on blogger also), and it changes very well, >> >> So , i dont know where is the problem. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Blogger Developer Group" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected] <javascript:>. >> To post to this group, send email to [email protected]<javascript:> >> . >> Visit this group at http://groups.google.com/group/bloggerdev. >> For more options, visit https://groups.google.com/d/optout. >> > -- You received this message because you are subscribed to the Google Groups "Blogger Developer Group" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/bloggerdev. For more options, visit https://groups.google.com/d/optout.
X10 Masonry White.xml
(application/xml, 82.4 KB)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<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>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<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>
<b:skin><![CDATA[/*
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
Template name : X10-masonry white
Template by : andre pandet rank khoerai
my blog : http://urang-kurai.blogspot.com/
-------------------------------------------------------------------------------------
*/#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}/*
-------------------------------------------------------------------------------------
Reset
----------------------------------------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {
/* remember to define focus styles! */
outline: 0;
}
ol, ul {
list-style: none;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*----------------------------------------------------
{--------} Basic {--------}
----------------------------------------------------*/
body {
font-family: 'Terminal Dosis', Arial,Tahoma,Century gothic,sans-serif;
color: #333;
font-size: 13px;
background-color:#F0EFEF ;
background-image:url(http://3.bp.blogspot.com/-BxdV5nlaaGk/T8A0ZV20KWI/AAAAAAAABBI/8r6ie-dcT-c/s000/pattern.png);
margin: 0 auto;
padding: 0px 0px;
}
img {
border: 0;
margin: 0;
}
a {
color: #fff;
text-decoration: none;
outline: none;
}
a:hover {
color: #eee;
text-decoration: none;
}
blockquote {
color: #59666f;
font-style: italic;
font-family: Georgia;
padding: 10px;
}
.clear {
clear: both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
display: inline;
background: #eee;
margin: 0 0 10px;
padding: 5px;
}
img.alignright {
display: inline;
background: #eee;
margin: 5px 0 10px 10px;
padding: 5px;
}
img.alignleft {
display: inline;
background: #eee;
margin: 10px 15px 10px 0;
padding: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0;
}
.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%;
}
/*layout */
#wrapper {
margin-left:20.99%;
padding-left:1.777%;
padding-right:1.777%;
padding-top:1.889990%;
}
.container{
padding-bottom:100px;
}
/*- Header */
#casing {
padding:10px 0px 0px 0px;
margin:0;
}
/*Header*/
header #nav-body .nav-pagelist a{
display:inline-block;
position:relative;
text-decoration:none;
color:#aaa;
padding:8px 15px;
}
header #nav-body .PageList li.selected a{
border-bottom:2px solid #717172;
text-decoration:none;
}
#header-inner img{
position:relative;
margin:0 auto;
width:300px;
}
#header{
height:250px;
padding:100px 0 0 0;
max-width:500px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: DariBawah 500ms ease;
-moz-animation: DariBawah 500ms ease;
-ms-animation: DariBawah 500ms ease;
background-image: url(http://3.bp.blogspot.com/-lqHFsIeVlGc/T8A0ZqAvOUI/AAAAAAAABBQ/jKEYSMAu93s/s000/header.gif);
background-repeat:no-repeat ;
background-position:top center;
}
.titlewrapper h1{
font-family: 'Audiowide',arial narrow,arial, cursive;
font-weight:bold;
line-height:27px;
font-size:35px;
letter-spacing:-2px;
color:#000!important;
margin:0 0 0 17px;
padding:36px 0 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: DariBawah 800ms ease;
-moz-animation: DariBawah 800ms ease;
-ms-animation: DariBawah 800ms ease;
}
.titlewrapper h1 a,
.descriptionwrapper a{
color:#000!important;
}
.descriptionwrapper{
font-family: arial,sans serif;
font-size:10px;
color:#000!important;
font-weight:normal;
text-transform:lowercase;
font-style:italic;
border-style:none;
margin:0px 0 20px 30px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
/*top menu */
#ml_menu_area{
float:left;
}
#ml_menu_area .ml_menu_box{
float:left;
margin:0 0 20px 2px;
padding:0 20px;
}
#ml_menu_area .ml_menu_box .ml_menu_title{
float:left;
font-weight:800;
line-height:18px;
text-transform:uppercase;
background:#000;
display:block;
color:#fff;
padding:0 20px;
}
#ml_menu_area .ml_menu_box .menu{
float:left;
margin-top:10px;
width:100%;
display:inline;
clear:both;
}
#ml_menu_area .ml_menu_box .menu li{
line-height:2em;
position:relative;
width:100%;
border-bottom:1px solid #000;
display:block;
}
#ml_menu_area .ml_menu_box .menu li a{
color:#000;
font-weight:bold;
font-size:12px;
line-height:12px;
text-decoration:none;
}
#ml_menu_area .ml_menu_box .menu li:before{
content:"\2605";
margin-right:10px;
color:#000;
}
/*- Content -*/
#content-wrap {
max-width:730px;
padding:1.9999999%;
margin:0px ;
}
/*- Home -*/
.box,
.col-bar{
margin-bottom: 5px;
margin-left: 5px;
width:220px;
float:left;
overflow:hidden;
background-color: #fff;
-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
-goog-ms-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
font-family: 'Terminal Dosis', Arial, sans-serif;
-webkit-animation: KecilkeBesar 300ms ease;
-moz-animation: KecilkeBesar 300ms ease;
-ms-animation: KecilkeBesar 300ms ease;
}
.box:hover,.box img{
background-color:#000;
background-image:url(http://4.bp.blogspot.com/-1QKk-PVNoXw/T8A0aF1QrWI/AAAAAAAABBY/4RnmA9U0pq0/s000/box.png);
background-repeat:no-repeat ;
background-position:center center;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}
.box img{
}
.box img:hover{
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
}
.titleluar h2{
padding:12px;
font-size:21px;
font-weight:bold;
text-transform: uppercase;
}
.titleluar h2 a:link,
.titleluar h2 a:visited {
padding:0px 0px;
color: #444;
}
.titleluar span{
background:#ffa812;
padding:2px 25px;
color:#323d4e;
}
.titleluar span a:link,
.titleluar span a:visited{
color:#fff;
}
/* Post */
.post {
padding:1.6888%;
overflow:hidden;
color:#777;
background-color: #fff;
-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
-goog-ms-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
margin-bottom:4px;
}
img.postimg{
width:720px;
height:300px;
background:url(http://2.bp.blogspot.com/-LTB6zHDdY74/T8A0aePKUcI/AAAAAAAABBg/fW96AEp7A9I/s000/stripe.png);
padding-bottom:5px;
}
.title h2 {
padding:5px 0px 5px 8px;
font-size: 24px;
font-weight: normal;
color: #000;
line-height: 120%;
border-bottom:1px solid #999;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color: #000;
background-color: transparent;
}
.title h2 a:hover {
color: #ddd;
background-color: transparent;
}
.entry {
color: #777;
overflow:hidden;
margin:0;
}
.entry-snippet{
padding:0 10px;
}
.entry img{
max-width:700px;
width:100%;
float:left:
margin:2%;
}
.entry a:link,
.entry a:visited {
color: #000;
}
.entry a:hover {
color: #ccc;
}
.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;
}
.entry p {
margin: 0px 0px 0px 0px;
padding: 10px 0px;
line-height: 170%;
}
table td,table th,
.entry blockquote,
.entry pre{
background-color: #eee;
-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
-goog-ms-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.3);
}
.entry ol li {
list-style-position: outside;
margin-left: 1.6em;
list-style-type: decimal;
padding:5px;
border-bottom:1px solid hsla(0,0%,50%,.1);
}
.entry ul li{
list-style-position: outside;
margin-left: 1.6em;
list-style-type: square;
padding:5px;
border-bottom:1px solid hsla(0,0%,50%,.1);
}
.entry blockquote{
color:#444;
margin:2px 0;
border-left:4px solid hsla(0,0%,50%,.1);
padding:20px;
}
.entry pre,
.entry code{
color:#777;
margin:2px 0 2px 20px;
border-left:4px solid hsla(0,0%,100%,.1);
padding:2px 5px;
}
table{
width:100%;
border-collapse:collapse;
border-spacing:0;
border:1px solid #999;
margin:10px 0;
color:#444;
}
table td,
table th{
text-align:left;
border:1px solid #999;
padding:.4em .8em;
}
table th{
text-transform:uppercase;
font-weight:400;
border:1px solid #999;
}
table td{
border:1px solid #999;
}
table tr.even td{
border:none;
}
.titlemeta{
border-top:1px solid #ddd;
padding:15px 10px;
font-size:10px;
color: #999;
}
.titlemeta a:link,
.titlemeta a:visited {
color: #999;
}
span.readmore{
float:left;
padding: 0px 10px 0px 20px;
background: url(http://3.bp.blogspot.com/-zt3bMSBdR_4/T8A0aqYz74I/AAAAAAAABBo/d79lDO70JMA/s000/more.png) left center no-repeat;
color: #999;
}
span.koment {
float:right;
padding: 0px 10px 0px 20px;
background: url(http://1.bp.blogspot.com/-aLsqO18xrug/T8A0ax--BKI/AAAAAAAABBw/Ewp02WuRwTA/s000/koment.png) left center no-repeat;
}
span.comm a:link,
span.comm a:visited {
color: #999;
}
span.comm a:hover {
color: #999;
}
.categori{
float:left;
padding: 0px 10px 0px 20px;
background: url(http://4.bp.blogspot.com/-4zNkuZFQ1Qc/T8A0bKyfx_I/AAAAAAAABB4/Ik8TSpVEO_o/s000/tag.png) left center no-repeat;
color: #999;
text-transform:uppercase;
}
.categori a:link,.categori a:visited {
color: #eee;
}
.categori a:hover {
color: #999;
}
.toggle-comment{
color:#1C1D1E;
clear:both;
margin:-5px 0 0;
padding:3px 0 3px 10px;
}
.komentko a{
font:bold 10px arial,arial,sans serif;
color:#777;
}
.komentko{
border-bottom:2px solid #888;
padding:10px;
}
.komentko span{
border-right:2px solid #888;
margin:8px 0 0 10px;
padding:12px 10px;
}
.breadcrumb-meta{
font-size:10px;
color:#999;
margin:0 10px;
padding:15px 0;
}
.post-footer ,
.post-footer a{
color:#555;
padding:3px 8px;
}
/*Sidebar */
#sidebar-wrapper {
overflow:hidden;
position:fixed;
width: 22%;
background: #fff;
-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.14);
-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.4);
-goog-ms-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.4);
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.4);
top:0px;
bottom:0;
left:0;
}
#sidebar-wrapper ul {
list-style-type: none;
margin:10px auto ;
padding: 0;
-webkit-animation: DariBawah 800ms ease;
-moz-animation: DariBawah 800ms ease;
-ms-animation: DariBawah 800ms ease;
}
#sidebar-wrapper .PageList h2{
display:none;
}
#sidebar-wrapper li {
color: #222;
text-decoration: none;
padding: 0px 10px;
display:block;
list-style-type:none;
line-height:28px;
border-bottom:1px solid #aaa;
}
#sidebar-wrapper li a{
color: #222;
}
li#tombol-footer{
background:#f8f8f8;
}
li#tombol-footer a{
color:#222;
}
.sidebar li a:link, .sidebar li a:visited {
color: #000;
text-decoration: none;
}
.sidebar li a:hover {
color: #ddd;
}
.sidebar img {
margin: 0 10px 10px 0;
border:1px solid #ccc;
background:#ffffff;
padding:5px;
}
/*--Footer Widgets */
#footer-wrap{
margin: 0;
}
.footcull{
float: left;
width: 217px;
padding-bottom: 30px;
font-size: 10px;
margin: 20px 10px 0px 20px;
color:#333;
list-style: none;
}
.footcull h2{
font-size:10px;
padding: 3px ;
background:#0A0304;
color: #555;
font-family: 'LiberationSerifRegular', Arial,Tahoma,Century gothic,sans-serif;
font-weight:bold;
}
.footcull img{
margin: 0 5px 5px 0;
border:1px solid #ccc;
background:#ffffff;
padding:5px;
}
.footcull ul {
list-style-type: none;
margin :0;
padding: 0px 5px 5px 0px ;
}
.footcull li{
list-style-type: none;
margin: 0 ;
padding: 0;
list-style-type: none;
padding: 7px 0px 7px 0px;
border-bottom: 1px solid #eee;
-webkit-box-shadow: 0px 1px 0px 0px #777;
-moz-box-shadow: 0px 1px 0px 0px #777;
box-shadow: 0px 1px 0px 0px #777;
}
.footcull ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.footcull ul li {
height:100%;
line-height:18px;
clear: left;
list-style-type: none;
color:#555;
padding:14px!important;
}
.footcull ul li a:link, .footcull ul li a:visited {
color:#555;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
.footcull ul li a:hover{
color:#333;
}
/* footer-cred */
.footer-cred {
text-align: center;
margin: 0px auto;
line-height: 16px;
padding:5px;
color:#000;
position:absolute;
bottom:20px;
}
.footer-cred a{
color:#000;
}
/*- navigasi -*/
#blog-pager{
position:fixed;
right:0;
background:#000;
bottom:-13px;
left:0;
padding:2px;
z-index:9999999;
}
#blog-pager a{
color:#fff;
position:relative;
z-index:9999999;
padding:0 10px;
}
#blog-pager span{
display:block;
padding-left:20px;
margin-keft:5px;
}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".tombol-komentar").click(function(){
$("#comments").slideToggle("slow");
$("#commentsbox").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".show-widget").click(function(){
$(".col-bar").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>//<![CDATA[
/**
* jQuery Masonry v2.1.05
* A dynamic layout plugin for jQuery
* The flip-side of CSS Floats
* http://masonry.desandro.com
*
* Licensed under the MIT license.
* Copyright 2012 David DeSandro
*/
(function(a,b,c){"use strict";var d=b.event,e;d.special.smartresize={setup:function(){b(this).bind("resize",d.special.smartresize.handler)},teardown:function(){b(this).unbind("resize",d.special.smartresize.handler)},handler:function(a,c){var d=this,f=arguments;a.type="smartresize",e&&clearTimeout(e),e=setTimeout(function(){b.event.handle.apply(d,f)},c==="execAsap"?0:100)}},b.fn.smartresize=function(a){return a?this.bind("smartresize",a):this.trigger("smartresize",["execAsap"])},b.Mason=function(a,c){this.element=b(c),this._create(a),this._init()},b.Mason.settings={isResizable:!0,isAnimated:!1,animationOptions:{queue:!1,duration:500},gutterWidth:0,isRTL:!1,isFitWidth:!1,containerStyle:{position:"relative"}},b.Mason.prototype={_filterFindBricks:function(a){var b=this.options.itemSelector;return b?a.filter(b).add(a.find(b)):a},_getBricks:function(a){var b=this._filterFindBricks(a).css({position:"absolute"}).addClass("masonry-brick");return b},_create:function(c){this.options=b.extend(!0,{},b.Mason.settings,c),this.styleQueue=[];var d=this.element[0].style;this.originalStyle={height:d.height||""};var e=this.options.containerStyle;for(var f in e)this.originalStyle[f]=d[f]||"";this.element.css(e),this.horizontalDirection=this.options.isRTL?"right":"left",this.offset={x:parseInt(this.element.css("padding-"+this.horizontalDirection),10),y:parseInt(this.element.css("padding-top"),10)},this.isFluid=this.options.columnWidth&&typeof this.options.columnWidth=="function";var g=this;setTimeout(function(){g.element.addClass("masonry")},0),this.options.isResizable&&b(a).bind("smartresize.masonry",function(){g.resize()}),this.reloadItems()},_init:function(a){this._getColumns(),this._reLayout(a)},option:function(a,c){b.isPlainObject(a)&&(this.options=b.extend(!0,this.options,a))},layout:function(a,b){for(var c=0,d=a.length;c<d;c++)this._placeBrick(a[c]);var e={};e.height=Math.max.apply(Math,this.colYs);if(this.options.isFitWidth){var f=0;c=this.cols;while(--c){if(this.colYs[c]!==0)break;f++}e.width=(this.cols-f)*this.columnWidth-this.options.gutterWidth}this.styleQueue.push({$el:this.element,style:e});var g=this.isLaidOut?this.options.isAnimated?"animate":"css":"css",h=this.options.animationOptions,i;for(c=0,d=this.styleQueue.length;c<d;c++)i=this.styleQueue[c],i.$el[g](i.style,h);this.styleQueue=[],b&&b.call(a),this.isLaidOut=!0},_getColumns:function(){var a=this.options.isFitWidth?this.element.parent():this.element,b=a.width();this.columnWidth=this.isFluid?this.options.columnWidth(b):this.options.columnWidth||this.$bricks.outerWidth(!0)||b,this.columnWidth+=this.options.gutterWidth,this.cols=Math.floor((b+this.options.gutterWidth)/this.columnWidth),this.cols=Math.max(this.cols,1)},_placeBrick:function(a){var c=b(a),d,e,f,g,h;d=Math.ceil(c.outerWidth(!0)/this.columnWidth),d=Math.min(d,this.cols);if(d===1)f=this.colYs;else{e=this.cols+1-d,f=[];for(h=0;h<e;h++)g=this.colYs.slice(h,h+d),f[h]=Math.max.apply(Math,g)}var i=Math.min.apply(Math,f),j=0;for(var k=0,l=f.length;k<l;k++)if(f[k]===i){j=k;break}var m={top:i+this.offset.y};m[this.horizontalDirection]=this.columnWidth*j+this.offset.x,this.styleQueue.push({$el:c,style:m});var n=i+c.outerHeight(!0),o=this.cols+1-l;for(k=0;k<o;k++)this.colYs[j+k]=n},resize:function(){var a=this.cols;this._getColumns(),(this.isFluid||this.cols!==a)&&this._reLayout()},_reLayout:function(a){var b=this.cols;this.colYs=[];while(b--)this.colYs.push(0);this.layout(this.$bricks,a)},reloadItems:function(){this.$bricks=this._getBricks(this.element.children())},reload:function(a){this.reloadItems(),this._init(a)},appended:function(a,b,c){if(b){this._filterFindBricks(a).css({top:this.element.height()});var d=this;setTimeout(function(){d._appended(a,c)},1)}else this._appended(a,c)},_appended:function(a,b){var c=this._getBricks(a);this.$bricks=this.$bricks.add(c),this.layout(c,b)},remove:function(a){this.$bricks=this.$bricks.not(a),a.remove()},destroy:function(){this.$bricks.removeClass("masonry-brick").each(function(){this.style.position="",this.style.top="",this.style.left=""});var c=this.element[0].style;for(var d in this.originalStyle)c[d]=this.originalStyle[d];this.element.unbind(".masonry").removeClass("masonry").removeData("masonry"),b(a).unbind(".masonry")}},b.fn.imagesLoaded=function(a){function h(){a.call(c,d)}function i(a){var c=a.target;c.src!==f&&b.inArray(c,g)===-1&&(g.push(c),--e<=0&&(setTimeout(h),d.unbind(".imagesLoaded",i)))}var c=this,d=c.find("img").add(c.filter("img")),e=d.length,f="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",g=[];return e||h(),d.bind("load.imagesLoaded error.imagesLoaded",i).each(function(){var a=this.src;this.src=f,this.src=a}),c};var f=function(b){a.console&&a.console.error(b)};b.fn.masonry=function(a){if(typeof a=="string"){var c=Array.prototype.slice.call(arguments,1);this.each(function(){var d=b.data(this,"masonry");if(!d){f("cannot call methods on masonry prior to initialization; attempted to call method '"+a+"'");return}if(!b.isFunction(d[a])||a.charAt(0)==="_"){f("no such method '"+a+"' for masonry instance");return}d[a].apply(d,c)})}else this.each(function(){var c=b.data(this,"masonry");c?(c.option(a||{}),c._init()):b.data(this,"masonry",new b.Mason(a,this))});return this}})(window,jQuery);
$(function(){
$('.container').masonry({
itemSelector: '.box,.col-bar',
columnWidth: 220,
gutterWidth: 5,
isFitWidth: true,
isAnimated: true,
animationOptions: {
duration: 450
}
});
});
//]]>
</script>
<style>
.col-bar{
display:none;
}
</style>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<style>/*--- entry --*/
#comments,#commentsbox,.col-bar,.tombol-widget{display:none;}
</style>
</b:if>
<style>/*--- font --*/
@font-face {
font-family: 'Audiowide';
font-style: normal;
font-weight: 400;
src: local('Audiowide'), local('Audiowide-Regular'), url('http://themes.googleusercontent.com/static/fonts/audiowide/v1/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Terminal Dosis';
font-style: normal;
font-weight: 400;
src: local('Dosis Regular'), local('Dosis-Regular'), url('http://themes.googleusercontent.com/static/fonts/terminaldosis/v5/_IcvjW_kWHsIHjjUsLbdpFGxLvFzKVP0OsRYGzgS_zk.woff') format('woff');
}
</style>
<style>/*--- Animasi --*/
@-webkit-keyframes KecilkeBesar{
from {
-webkit-transform: scale(0.1);
}
to {
-webkit-transform: scale(1);
}
}
@-moz-keyframes KecilkeBesar{
from {
-moz-transform: scale(0.1);
}
to {
-moz-transform: scale(1);
}
}
@-ms-keyframes KecilkeBesar{
from {
-ms-transform: scale(0.1);
}
to {
-ms-transform: scale(1);
}
}
@-webkit-keyframes DariBawah {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes DariBawah {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes DariBawah {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
}
</style>
<style>
@media handheld, only screen and (max-width: 767px) {
#header{
display:none;
}
.fd{
margin-left:20px;
}
.box,
.col-bar{
width:100%!important:
}
</style>
</head>
<body>
<div id='wrapper'> <!-- wrapper begin -->
<nav id='ml_menu_area'>
<div class='ml_menu_wrapper'>
<div class='ml_menu_box' id='nav_menu-3'>
<span class='ml_menu_title'>The Theme</span>
<ul class='menu' id='menu1'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Shortcodes</a></li>
<li><a href='#'>Tag Index</a></li>
<li><a href='#'>Blog</a></li>
</ul>
</div>
<div class='ml_menu_box' id='nav_menu-4'>
<span class='ml_menu_title'>Portfolio</span>
<ul class='menu' id='menu2'>
<li><a href='#'>Video</a></li>
<li><a href='#'>Web Design</a></li>
<li><a href='#'>Illustration</a></li>
<li><a href='#'>Desain</a></li>
</ul></div>
<div class='ml_menu_box' id='nav_menu-5'>
<span class='ml_menu_title'>Social</span>
<ul class='menu' id='menu3'>
<li><a href='#'>Dribbble</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google+</a></li>
</ul>
</div>
<div class='ml_menu_box' id='nav_menu-6'>
<span class='ml_menu_title'>Contact</span>
<ul class='menu' id='menu4'>
<li><a href='#'>31.80.304.333</a></li>
<li><a href='#'>[email protected]</a></li>
<li><a href='#'>Contact Page</a></li>
<li><a href='#'>RSS</a></li>
</ul></div>
</div>
</nav>
<!-- /#ml_menu_area -->
<div class='clear'/>
<div class='container'>
<div id='casing'>
<div class='left'>
<div id='sidebar-wrapper'>
<div id='header'>
<b:section id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='X10 Masonry White (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'/>
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<b:if cond='data:blog.pageType == "index"'>
<li id='tombol-footer'><a class='show-widget' href='#'>Show widget</a></li> </b:if>
</ul>
</b:if>
<div class='footer-cred'><p>Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>/ <b expr:href='data:blog.homepageUrl' title='All Rights Reserved'> <data:blog.title/></b></p><p>-Template by : <a href='http://urangkurai.blogspot.com/' title='All Rights Reserved'>Urangkurai</a> / powered by :blogger </p>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='content-wrap'>
<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 + "_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='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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) {
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 = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
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 == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.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 hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'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='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='mobile-main' var='top'>
<!-- posts -->
<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>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</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"'>
<div class='box' id='post'>
<div class='titleluar'>
<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>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=220;
var show_default_thumbnail=true;
var default_thumbnail="http://4.bp.blogspot.com/-Hbdbnt_AeJY/T8A0bSos0sI/AAAAAAAABB8/czNV_Jxps_s/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="boximg" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
</a>
<div class='entry'>
<div class='entry-snippet'>
<p><data:post.snippet/> [...]</p>
<div class='clear'/>
</div>
</div>
<div class='titlemeta clearfix'>
<span class='readmore'> <a expr:href='data:post.url'> Read More </a> </span>
<span class='koment'><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></span>
</div>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<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'>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' 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' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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> </div>
</div>
<div class='clear'/>
<span class='categori'> Categories: <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span style='float:right;'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </span>
</div>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='toggle-comment'>
<div class='komentko clearfix'>
<span><a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Show
<b:if cond='data:post.numComments == 0'>0 Comments<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> Comments</b:if></b:if>
</a></span>
<span id='tombol-footer'><a class='show-widget' href='#'>Show widget</a></span>
<b:if cond='data:newerPageUrl'>
<span id='prev'>
<a class='prev' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>prev</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='next'>
<a class='next' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>next</a>
</span>
</b:if>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "error_page"'><style>
.status-msg-wrap{font:5em 'Audiowide',arial narrow,arial,arial black,arial,sans serif;line-height:0.8em;}
.status-msg-wrap:before{content:'404';text-align: center;font-size:10em ;font-family:impact,arial serif;position:fixed;background:rgba(0,0,0,.9)!important;color:rgba(0,0,0,.6);line-height:1.2em;top:0;bottom:0;left:0;right:0;}
.status-msg-border{display:none!important;}
.status-msg-body{color:#fff;border:none!important;background:transparent!important;
}</style></b:if>
<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 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='103%'/>
<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'>
<b:include name='threaded_comment_css'/>
<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'><data:newerPageTitle/></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'><data:olderPageTitle/></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;'/> <!-- clear for photos floats -->
</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'>
<!-- posts -->
<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: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>
<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.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</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"'> <!-- 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='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='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</b:includable>
<b:includable id='threaded_comment_css'>
<style>
.comment-header,.comments .comment .comment-actions.secondary-text a,.comments .continue a,.comment-replies,.comment-content,.comments .avatar-image-container {
background-color: #fff;
-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
-goog-ms-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.1);
color:#666!important;
}
.comments {
margin-top:10px;
line-height:1em;
position:relative;
}
.comment-replies{
padding:0 30px 0 0px;
width:90%!important;
}
.comment-replybox-single iframe{
margin:0 auto !important;
width:100%!important;
display:block;
}
.comments iframe{
margin-left:30px;
padding:0!important
}
.comments h4 {
display:none;
}
.comments .comments-content {
font-size:12px;
margin-bottom:16px;
font-weight:normal;
text-align:left;
line-height:1.4em;
}
.comments .comment .comment-actions.secondary-text a,.comments .continue a {
display:inline-block;
white-space:nowrap;
font:bold 1em/2em Arial,Helvetica;
text-decoration:none;
color:#333;
margin:.5em;
padding:0 1.5em;
}
.comments .comment .comment-actions.secondary-text a:hover,.comments .continue a:hover {
background-color:#111;
}
.comments .comment .comment-actions.secondary-text a:active,.comments .continue a:active {
background-color:rgba(0,0,0,.1);
}
.comments .comment .comment-actions.secondary-text a:before,.comments .continue a:before {
content:"
}
.comments .comments-content .comment-thread ol {
list-style-type:none;
text-align:none;
padding:0;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
color:#888;
}
.comments .comments-content .user a {
color:#888;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.comments .comments-content .icon.blog-author {
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
}
.comments .comments-content .datetime {
color:#555;
float:right;
font-size:11px;
text-decoration:none;
}
.comments .comments-content .datetime a {
color:#888;
}
.comments .comments-content .datetime a:hover {
color:#888888;
text-decoration:none;
}
.comments .comments-content,.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comment-header {
margin:0;
padding:0 10px;
}
.comments .avatar-image-container {
background-image:url("http://4.bp.blogspot.com/-dTG2ZHrCie4/T8A0bgcC0GI/AAAAAAAABCI/SPXPjQnB3Js/s000/default-avatar.png");
background-position:top center;
background-repeat:no-repeat;
width:36px;
height:36px;
overflow:hidden;
float:left;
display:block;
border:1px solid rgba(255,255,255,0.04);
margin:0 33px 0 0;
padding:0;
}
.comment-content {
padding:10px;
}
.comment-replies .comment-content {
border-bottom:1px solid rgba(255,255,255,0.04);
border-radius:5px;
padding:10px;
}
.comments-block {
margin-left:48px;
position:relative;
float:right:width:300px;
}
.comments .thread-expanded .thread-arrow {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
/* Responsive styles. */@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0;}}
</style>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</b:if>
</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>
</div>
<div class='clear'/>
</div>
<div class='clear'> </div>
<div id='footer-wrap'>
<ul>
<div class='footcull'>
<b:section class='col-bar' id='col-bar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Blogger templates' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='About' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PlusBadge2' locked='false' title='Google+ Badge' type='PlusBadge'>
<b:includable id='main'>
<link expr:href='"https://plus.google.com/" + data:profileId' rel='publisher'/>
<script type='text/javascript'>
window.___gcfg = {
lang: '<data:language/>'
};
(function() {
var po = document.createElement("script");
po.type = "text/javascript";
po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<g:plus expr:href='"https://plus.google.com/" + data:profileId' expr:theme='data:theme' height='69' rel='author' width='260'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts4' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='footcull'>
<b:section class='col-bar' id='col-bar2' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Blogger news' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<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 dir='ltr'>(<data:label.count/>)</span>
</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:section>
</div>
<div class='footcull'>
<b:section class='col-bar' id='col-bar3' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Blogroll' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts3' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</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:widget id='PlusBadge1' locked='false' title='Google+ Badge' type='PlusBadge'>
<b:includable id='main'>
<link expr:href='"https://plus.google.com/" + data:profileId' rel='publisher'/>
<script type='text/javascript'>
window.___gcfg = {
lang: '<data:language/>'
};
(function() {
var po = document.createElement("script");
po.type = "text/javascript";
po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<g:plus expr:href='"https://plus.google.com/" + data:profileId' expr:theme='data:theme' height='69' rel='author' width='260'/>
</b:includable>
</b:widget>
</b:section>
</div>
</ul>
<div class='clear'> </div>
</div>
</div>
</div>
</body>
</html>