Professional Documents
Culture Documents
>
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimumscale=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>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:skin><![CDATA[/*
Theme Name: WP-OpenCart
Theme URI: http://opencart.web.id/wp-opencart-wordpress-theme/
Description: WordPress theme that matches OpenCart default template. Also allows
two-columns or three-columns layout, fixed-width, widget-ready, threaded
comments, and nav-menu. Compatible with WordPress 3.0+.
Author: Agus Suhanto
Author URI: http://suhanto.net/
Version: 0.7.4
Tags: blue, white, two-columns, three-columns, fixed-width, threaded-comments,
translation-ready
*/
.navbar {
visibility: hidden;
display: none;
}
.section, .widget {
margin: 0;
padding: 0;
}
html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
*{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input, textarea, select {
margin: 3px 0px;
}
a, a:visited {
color: #1B57A3;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
p{
margin-top: 0px;
}
/* layout */
#container {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header .div2 {
float: left;
padding-top: 15px;
padding-left: 15px;
}
#header .div3 {
float: right;
padding-top: 7px;
height: 38px;
}
#header .div3 a {
margin-left: 15px;
padding: 1px 0px 2px 20px;
background-repeat: no-repeat;
margin-left: 5px;
margin-right: 5px;
}
#header .div6 {
clear: both;
margin-bottom: 10px;
}
#header .div6 .left {
background: url('http://3.bp.blogspot.com/8jqGBQjJuOc/T1h9jovg4aI/AAAAAAAADak/pA4a1i0nVWg/s000/header_2_left.png')
no-repeat;
width: 5px;
height: 32px;
float: left;
}
#header .div6 .right {
background: url('http://1.bp.blogspot.com/v03N9UGoSLk/T1h9j5lTghI/AAAAAAAADas/yN0qII94MY4/s000/header_2_right.png')
no-repeat;
width: 5px;
height: 32px;
float: right;
}
#header .div6 .center {
background: url('http://3.bp.blogspot.com/hvROMwzHHAI/T1h9j9FmmUI/AAAAAAAADa0/kASHhNg1pHY/s000/header_2_center.
png') repeat-x;
height: 32px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
#header .div7 {
float: right;
padding-top: 2px;
}
#header .div8 {
float: left;
margin-top: 6px;
}
#header .div9 {
float: left;
}
#header .div10 {
float: left;
margin-top: 2px;
}
#search {
padding-top: 7px;
padding-left: 5px;
color: #FFF;
font-weight: bold;
}
#search select {
}
.switcher .selected {
background: #FFFFFF url('http://2.bp.blogspot.com/r80DuocpgYo/T1h9kK8A9sI/AAAAAAAADa8/JdiHQnroVCs/s000/switcher.png') repeatx;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('http://4.bp.blogspot.com/-29D3LNAXWg/T1h9kSO30rI/AAAAAAAADbE/Y4fHCwdras0/s000/arrow_down.png')
116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
}
.switcher .selected a:hover {
background: #F0F0F0 url('http://4.bp.blogspot.com/-29D3LNAXWg/T1h9kSO30rI/AAAAAAAADbE/Y4fHCwdras0/s000/arrow_down.png')
116px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;
display: none;
width: 131px;
}
.switcher .option a {
color: #000;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #FFC;
}
.switcher img {
position: relative;
top: 1px;
}
#column_left {
float: left;
width: 180px;
margin-right: 10px;
clear: left;
}
#column_right {
float: right;
width: 180px;
margin-left: 10px;
clear: right;
}
#content {
margin-left: 190px;
margin-right: 190px;
margin-bottom: 10px;
}
#content .top .left {
background: url('http://3.bp.blogspot.com/RMnUoCyEPxo/T1h9kuLbhfI/AAAAAAAADbM/22zwUlTN7S4/s000/content_top_left.pn
g') no-repeat;
width: 5px;
height: 32px;
float: left;
}
#content .top .right {
background: url('http://2.bp.blogspot.com/0y0O6PyGX6M/T1h9k1ijteI/AAAAAAAADbU/bbuYx4PL1iA/s000/content_top_right.png
') no-repeat;
width: 5px;
height: 32px;
float: right;
}
#content .top .center {
background: url('http://2.bp.blogspot.com/-4twR2TJOvs/T1h9lF_i8HI/AAAAAAAADbc/YQqt7VqEYTY/s000/content_top_center.png')
repeat-x;
margin-left: 5px;
margin-right: 5px;
}
#content .top h1 {
padding: 8px 0px 8px 7px;
}
}
#content .bottom .right {
background: url('http://4.bp.blogspot.com/q4D5FFbUVTk/T1h9lkHDmgI/AAAAAAAADbs/FqEf7LEGKgs/s000/content_bottom_rig
ht.png') no-repeat;
width: 5px;
height: 5px;
float: right;
}
#content .bottom .center {
background: url('http://3.bp.blogspot.com/-4oVWxEq72s/T1h9lvipt3I/AAAAAAAADb0/OMXdossYF7I/s000/content_bottom_center
.png') repeat-x;
height: 5px;
margin: 0 5px 10px 5px;
}
.widget-area .widget {
margin-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 10px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
display: block;
}
.help {
cursor: pointer;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('http://1.bp.blogspot.com/jyaxOk5gmtg/T1h9lxFMqOI/AAAAAAAADb8/KJdwy20OJog/s000/button_left.png') top
left no-repeat;
text-decoration: none;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
background: url('http://2.bp.blogspot.com/qWNmgkVeiws/T1h9mIjeOtI/AAAAAAAADcE/vLjbp746hlo/s000/button_right.png') top
right no-repeat;
}
.buttons {
background: #F8F8F8;
border: 1px solid #DDDDDD;
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
background: #F7F7F7;
border: 1px solid #DDDDDD;
padding: 10px;
margin-top: 3px;
margin-bottom: 10px;
}
.list {
margin-bottom: 10px;
width: 100%;
}
.list td {
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}
.sort {
margin-bottom: 10px;
background: #F8F8F8;
height: 30px;
width: 100%;
}
.sort .div1 {
float: right;
margin-left: 5px;
padding-top: 6px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
padding-top: 9px;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 100%;
background: #F8F8F8;
margin-bottom: 10px;
}
.pagination .links, .pagination .results {
padding: 7px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
width: 100%;
clear: both;
padding-top: 5px;
border-top: 1px solid #DDDDDD;
}
#footer .div1 {
float: left;
text-align: left;
}
#footer .div2 {
float: right;
text-align: right;
}
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('http://1.bp.blogspot.com/uxYVQOi19gg/T1h9mV1FViI/AAAAAAAADcU/ERbTj8dw1HM/s000/bullet_1.png');
}
#information ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('http://2.bp.blogspot.com/-XDpBk0z2iJI/T1h9m_ox-ZI/AAAAAAAADcc/WUvJKK9074/s000/bullet_2.png');
}
.cart {
border-collapse: collapse;
width: 100%;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.cart th {
background: #EEEEEE;
padding: 5px;
font-weight: normal;
}
.cart td {
padding: 5px;
}
.tags, .tags a {
font-style: italic;
font-size: x-small;
}
#module_cart .middle {
padding: 5px;
}
.cart_module_total {
padding: 0 3px 0 3px;
font-size: 0.9em;
color: #222;
}
.cart_remove {
margin-top: 3px;
background: url('http://2.bp.blogspot.com/b4uXk2QgyMo/T1h9nBsX62I/AAAAAAAADck/WfBr0Y8QaFA/s000/list_remove_btn.pn
g') no-repeat left center transparent;
padding-right:10px;
cursor:pointer;
}
.cart_remove_loading {
margin-top: 3px;
background: url('http://1.bp.blogspot.com/-WSrphTqAnuw/T1h9ofNo6I/AAAAAAAADcs/atLRPLC8XU0/s000/ajax_load.png') no-repeat transparent;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('http://4.bp.blogspot.com/-GD33CqLESoY/T1h9ognKRI/AAAAAAAADc0/HSfPZG2AWl8/s000/button_add_small.png') no-repeat left center
transparent;
padding:5px;
text-decoration: none;
cursor:pointer;
}
#content .middle .box {
float: left;
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
blockquote {
font-style: italic;
margin: 15px 30px;
}
cite, em, i {
font-style: italic;
}
ul {
list-style: disc outside none;
padding-left: 30px;
}
ol {
padding-left: 30px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
pre {
background: none repeat scroll 0 0 #F7F7F7;
color: #222222;
line-height: 18px;
margin-bottom: 18px;
padding: 10px;
font-family: "Courier 10 Pitch", Courier, monospace;
}
a.button {
text-decoration: none;
}
input[type=button],
input[type=submit] {
padding-top: 5px;
padding-bottom: 5px;
color: #333;
}
#header h1,
#header h1 a,
#header div#site-title,
#header div#site-title a {
color: #000000;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
margin: 0;
}
background: url(http://2.bp.blogspot.com/DY2r7MSKaDs/T1h9ozquqEI/AAAAAAAADc8/Tj4Xh8gfq9I/s000/bookmark.png) 0 0
no-repeat;
}
.widget-area .widget {
background: url(http://4.bp.blogspot.com/SVCuJsUOugE/T1h9pfCRbII/AAAAAAAADdU/hiNyVKxaFuQ/s000/box_middle.png) 0 0
repeat-y;
padding: 10px;
}
.widget-area .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-area .widget ul li {
margin: 0 0 5px 0 !important;
}
.widget-area .widget h2 {
background: url('http://4.bp.blogspot.com/6oet0uNlgvk/T1h9pgt1WxI/AAAAAAAADdc/bT7oy3hqdrw/s000/box_top.png') 0 0 norepeat;
margin: -10px -10px 5px -10px;
height: 32px;
padding: 8px 0px 8px 7px;
color: #000000;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.standard #column_right {
width: 180px;
}
.wider #column_right {
width: 300px;
}
.widget-area #Label1 ul {
list-style: url('http://1.bp.blogspot.com/uxYVQOi19gg/T1h9mV1FViI/AAAAAAAADcU/ERbTj8dw1HM/s000/bullet_1.png');
padding-left: 15px;
}
.widget-area .categories h2 {
background: url('http://1.bp.blogspot.com/jjpo7RPGWsc/T1h9p32rWAI/AAAAAAAADdk/m-9ovqfuIBU/s000/category.png') 0 0
no-repeat;
padding-left: 24px;
}
#div4 .menu {
font-size: 13px;
margin-left: 12px;
}
#div4 .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#div4 .menu li {
float: left;
position: relative;
}
#div4 ul li a {
display: block;
text-decoration: none;
color: #000;
padding: 0 10px;
line-height: 34px;
font-size: 14px;font-weight:bold;
}
#div4 ul ul {
display: none;
position: absolute;
top: 32px;
left: 0;
float: left;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
width: 180px;
z-index: 99999;
}
#div4 .menu ul li {
background:url("http://4.bp.blogspot.com/-CfVx8BcgcM/T1h9i5Jlq7I/AAAAAAAADZ8/AzGfHVNtvv8/s000/tab_1.png") no-repeat scroll 0 0
transparent;
float: left;
font-size: 14px;
font-weight: bold;
margin-right: 2px;
position: relative;
text-align: center;
text-decoration: none;
width: 100px;
z-index: 1;margin-top:0px;padding-top:0;
}
#div4 ul ul li {
min-width: 180px;
text-align: left;
}
#div4 ul ul ul {
left: 100%;
top: 0;
}
#div4 ul ul a {
background: #eee;
height: auto;
line-height: 1em;
padding: 10px;
width: 160px;
}
#access .menu {
font-size: 13px;
margin-left: 12px;
}
#access .menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#access .menu li {
float: left;
position: relative;
top: 1px;
}
#access a {
display: block;
text-decoration: none;
color: #fff;
padding: 0 10px;
line-height: 38px;
}
#access ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #336699;
height: auto;
line-height: 1em;
padding: 10px;
width: 160px;
}
background: #6699cc;
}
/* onecolumn layout */
.onecolumn #content {
float: left;
width: 960px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.onecolumn-bordered #content {
float: left;
width: 928px;
margin-left: 0 !important;
margin-right: 0 !important;
border: 1px solid gainsboro;
padding: 5px 15px 5px 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* twocolumns layout */
.twocolumns-s #content {
float: left;
width: 755px;
margin-left: 0 !important;
margin-right: 15px !important;
}
.twocolumns-s-bordered #content {
float: left;
width: 723px;
margin-left: 0 !important;
margin-right: 15px !important;
border: 1px solid gainsboro;
padding: 5px 15px 5px 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.twocolumns-w #content {
float: left;
width: 635px;
margin-left: 0 !important;
margin-right: 15px !important;
}
.twocolumns-w-bordered #content {
float: left;
width: 603px;
margin-left: 0 !important;
margin-right: 15px !important;
border: 1px solid gainsboro;
padding: 5px 15px 5px 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
/* threecolumns-s layout */
.threecolumns-s #content {
float: left;
width: 560px;
margin-left: 10px !important;
margin-right: 10px !important;
}
.threecolumns-s-bordered #content {
float: left;
width: 528px;
margin-left: 10px !important;
margin-right: 10px !important;
border: 1px solid gainsboro;
padding: 5px 15px 5px 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* threecolumns-w layout */
.threecolumns-w #content {
float: left;
width: 440px;
.threecolumns-w-bordered #content {
float: left;
width: 408px;
margin-left: 10px !important;
margin-right: 10px !important;
border: 1px solid gainsboro;
padding: 5px 15px 5px 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
text-transform: none;
font-weight: bold;
clear: both;
}
#content h1 {
font-size: 24px;
margin: 15px 0;
}
#content h2 {
font-size: 20px;
margin: 15px 0 10px 0;
}
#content h3 {
font-size: 18px;
margin: 15px 0 10px 0;
}
#content h4 {
font-size: 16px;
margin: 15px 0 10px 0;
}
#content h5 {
font-size: 14px;
margin: 15px 0 10px 0;
}
#content h6 {
font-size: 12px;
margin: 15px 0 10px 0;
}
#content table {
border: 1px solid #E7E7E7;
margin: 0 -1px 15px 0;
text-align: left;
width: 100%;
}
#content tr th,
#content thead th {
color: #888888;
font-size: 12px;
font-weight: bold;
line-height: 1.5em;
padding: 5px 10px;
}
#content tr td {
border-top: 1px solid #E7E7E7;
padding: 5px 10px;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 15px;
margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 15px;
margin-top: 4px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 15px;
}
#content .post,
#content .hentry {
margin-bottom: 30px;
clear: both;
}
#content h2,
#content h2 a {
font-size: 20px;
text-decoration: none;
}
#content .entry-meta,
#content .entry-meta a,
#content .entry-utility,
#content .entry-utility a {
color: #888888;
}
#content .entry-meta {
margin-bottom: 20px;
}
#content .entry-utility {
line-height: 18px;
}
#content .navigation {
line-height: 1.5em;
overflow: hidden;
clear: both;
}
#content #nav-below {
margin: 0;
}
#content .nav-previous {
float: left;
text-align: left;
width: 50%;
}
#content .nav-next {
float: right;
text-align: right;
width: 50%;
}
#content .edit-link {
clear: both;
}
/** -- wp-pagenavi -- */
.wp-pagenavi {
clear: both;
margin-bottom: 10px;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}
.wp-pagenavi span.pages {
float: right;
}
/** -- Comment -- */
#comments {
clear: both;
}
#comments ol {
list-style: none outside none;
margin: 0;
padding: 0;
#comments ol li {
border-bottom: 1px solid #E7E7E7;
line-height: 15px;
margin: 0 0 15px;
padding: 0 0 15px 56px;
position: relative;
}
.commentlist li.bypostauthor {
background-color: #f5f5f5;
}
.commentlist .even {
}
.commentlist li:last-child {
margin-bottom: 0;
}
.avatar-image-container {
left: 0;
position: absolute;
top: 4px;
width: 40px;
height: 40px;
}
.avatar-image-container img {
width: 40px;
height: 40px;
}
.datetime {
display: block;
font-size: 12px;
margin: 0 0 15px;
}
.datetime a:link,
.datetime a:visited {
color: #888888;
text-decoration: none;
}
.comment-actions a {
font-size: 12px;
padding: 0 0 24px;
margin-right: 10px;
}
.comment-thread {
margin-top: 10px;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
#respond p.comment-form-comment {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
.commentlist .children {
list-style: none outside none;
margin: 0;
padding-left: 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
line-height: 18px;
font-weight: normal;
#respond .required {
color: #FF4B33;
font-weight: bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-submit {
margin: 12px 0;
}
.comment-reply-link {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('http://1.bp.blogspot.com/jyaxOk5gmtg/T1h9lxFMqOI/AAAAAAAADb8/KJdwy20OJog/s000/button_left.png') top
left no-repeat;
text-decoration: none;
color:#FFF;
}
.comment-reply-link span {
color: #FFF;
display: block;
#footer .div1 {
width: 180px;
}
#footer .div2 {
width: 300px;
}
#sidebar-footer {
float: left;
margin: 0 15px 0 0;
width: 645px;
}
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
<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 + "\"); "
+ "backgroundposition: "
+ 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 -->
<h1 id='site-title'><b:include name='title'/></h1>
<div id='site-description'><b:include name='description'/></div>
</b:if>
</b:includable>
<b:includable id='description'>
<data:description/>
</b:includable>
<b:includable id='title'>
<span>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'
rel='Home'><data:title/></a>
</span>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='div3'>
<a class='bookmark' onclick='bookmark(document.location, 'Simple
Themes');'>Bookmark</a>
</div>
<div id='div4' role='navigation'><div class='menu'>
<b:section id='menu' showaddelement='yes'/>
</div></div>
<div class='div5'>
<div class='left'/>
<div class='right'/>
<div class='center'>
<!-- begin main menu -->
<div id='access'>
<div class='menu'>
<ul>
<li class='page_item'><a href='http://jakwir-techno.blogspot.com/'
title='Home'>HOME</a></li>
<div class='div10'>  <a
class='button'><span>Go</span></a></div>
</form></div>
</div>
</div>
</div>
<div class='div6'>
<div class='left'/>
<div class='right'/>
<div class='center'>
<div id='breadcrumb'>
</div>
</div>
</div>
</div>
<div id='main'>
<div class='widget-area' id='column_left' role='complementary'>
<b:section id='sidebar1' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='CATEGORIES' 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='BlogArchive1' locked='false' title='Archives'
type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<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' expr:title='data:i.name'><data:i.name/></a>
(<data:i.post-count/>)
</li>
</b:loop>
</ul>
</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'
expr:title='data:i.name'><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='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.postcount/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url' expr:title='data:i.title'><data:i.title/></a></li>
</b:loop>
</ul>
</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/>
<div class='widget-content'>
<div class='slideshow-container' expr:id='data:widget.instanceId +
"_slideshow"'>
<span class='slideshow-status'>Loading...</span>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' 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='PlusOne1' locked='false' title='+1 Button' type='PlusOne'>
<b:includable id='main'>
<div class='widget-content'>
<g:plusone expr:annotation='data:annotation'
expr:href='data:blog.canonicalHomepageUrl' expr:size='data:size'
source='blogger:blog:plusone' width='250'/>
<script type='text/javascript'>
window.___gcfg = {"lang": "<data:language/>"};
(function() {
var po = document.createElement('script'); po.type =
'text/javascript';
po.async = true; po.src = '<data:plusOneApiUrl/>';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML102' locked='true' title='' 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='HTML101' locked='true' title='' type='HTML'>
<b:includable id='main'>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' 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='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<a expr:href='"javascript:_FollowersView._openPopup(\""
+ data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-followingthis'>
<a expr:href='"javascript:_FollowersView._openPopup(\""
+ data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!-Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl'
expr:title='data:follower.displayName' rel='nofollow'>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl'
expr:style='"background-image: url(" + data:i.profileLogo +
");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl'
expr:style='"background-image: url(" + data:profileLogo +
");"' rel='author'>
<data:displayname/>
</a>
</dt>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?
targetBlogID\075712215081945816539\46blogName\75JAKWIRTECHNO.BLOGSPOT.COM\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarTyp
e\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://jakwirtechno.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://j
akwirtechno.blogspot.com/\46blogFollowUrl\75https://plus.google.com/115199768431618
538240\46vt\0757487865847796264414',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src =
'//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
</div>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML18' locked='false' title='' 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='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<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 == "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<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:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</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:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</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='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'>
<b><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<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>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<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>
<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='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>
<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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<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 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='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include name='mobile-nextprev'/>
</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>
<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'>
<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-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'>
<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>
</div>
</div>
</div>
<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='nextprev'>
<div class='navigation' id='nav-below'>
<b:if cond='data:newerPageUrl'>
<div class='nav-next'>
<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/> <span class='metanav'>»</span></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='nav-previous'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><span class='metanav'>«</span><data:olderPageTitle/></a>
</div>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
<div class='entry-meta'>
<b:if cond='data:post.dateHeader'>
<span class='meta-prep meta-prep-author'>Posted on</span> <span
class='entry-date'><data:post.dateHeader/></span>
</b:if>
<b:if cond='data:top.showAuthor'>
<span class='meta-sep'>by</span>
<b:if cond='data:post.authorProfileUrl'>
<span class='author vcard'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='author vcard'><data:post.author/></span>
</b:if>
</b:if>
</div>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13'
src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl'
target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sbblog' 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-linktext'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sbtwitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
<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 bloggercomment-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='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;
}
}
}
comments.push(comment);
}
}
return comments;
};
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 '';
};
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;
}
};
<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 name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='' 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='Feed3' locked='false' title='Free Blogger Templates'
type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId +
"_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML17' locked='false' title='' 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:section>
</div><!-- #content -->
</div><!-- #content_wrapper -->
}
</script>
<script src='//translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='' 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='HTML8' locked='false' title='' 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='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<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'>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' 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='HTML5' locked='false' title='' 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='' 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='HTML9' locked='false' title='' 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='HTML7' locked='false' title='' 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='HTML13' locked='false' title='' 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:section>
</div>
</div><!-- #colum_right -->
</div><!-- #main -->
<div id='footer'>
<div class='widget-area' id='sidebar-footer' role='complementary'/>
<div class='div2'>
<!-- Do Not Remove Our Link On Footer Template.
Please Respect Our Work. Thank You. -->
Copyright © 2012 <a
expr:href='data:blog.homepaheUrl'><data:blog.title/></a> <br/> Powered by <a
href='http://www.blogger.com' target='_blank' title='Blogger'>Blogger</a> ·
Theme <a href='http://opencart.web.id/wp-opencart-wordpress-theme/'
target='_blank' title='WP-OpenCart'>WP-OpenCart</a> <br/> Converted by <a
href='http://www.litethemes.com' target='_blank'
title='LiteThemes.com'>LiteThemes.com</a>
<!-- Do Not Remove Our Link On Footer Template.
Please Respect Our Work. Thank You. -->
</div>
</div><!-- #footer -->
</div><!-- #container -->
<script type='text/javascript'>
/* <![CDATA[ */
jQuery('document').ready(function(e) {
jQuery('#search input').keydown(function(e) {
if (e.keyCode == 13) {
doSearch();
}
});
});