Template Mbien

<?xml version="1.0" encoding="UTF-8" ?
>
<!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;
background-position: left center;

}
#header .div4 {
width: 510px;
clear: right;
float: right;
height: 32px;
padding-right: 14px;
}
#header .div4 a {
float: left;
margin-right: 2px;
width: 100px;
height: 18px;
padding-top: 9px;
padding-bottom: 9px;
background: url('http://4.bp.blogspot.com/-CfVx8BcgcM/T1h9i5Jlq7I/AAAAAAAADZ8/AzGfHVNtvv8/s000/tab_1.png') no-repeat;
text-align: center;
color: #333333;
font-size: 14px;
font-weight: bold;
position: relative;
z-index: 1;
}
#header .div4 a.selected {
background: url('http://3.bp.blogspot.com/iGjem2J9caM/T1h9jDCqMvI/AAAAAAAADaA/-5ikgqB5FY4/s000/tab_2.png') no-repeat;

color: #FFF;
z-index: 3;
}
#header .div5 {
clear: both;
}
#header .div5 .left {
background: url('http://1.bp.blogspot.com/-oslV3XEMdSU/T1h9jJsFaI/AAAAAAAADaM/GPKSHC0qjuA/s000/header_1_left.png') no-repeat;
width: 5px;
height: 40px;
float: left;
}
#header .div5 .right {
background: url('http://1.bp.blogspot.com/PSmwmgutxR0/T1h9javUD9I/AAAAAAAADaU/nyhKPVcmoSc/s000/header_1_right.pn
g') no-repeat;
width: 5px;
height: 40px;
float: right;
}
#header .div5 .center {
background: url('http://2.bp.blogspot.com/osWFJAj8RsI/T1h9jsFhabI/AAAAAAAADac/cHypKEQELbA/s000/header_1_center.png')
repeat-x;
height: 40px;
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 {
border: 1px solid #0A5391;

padding: 1px;
}
#search a {
color: #FFF;
}
#search input {
border: 1px solid #0A5391;
padding: 2px;
}
#breadcrumb {
float: left;
padding-top: 7px;
height: 13px;
color: #000000;
}
.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
display: block;
}
.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;
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;
}
.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;
}
#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 {
}
#content h1, .heading {

color: #000000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
}
.heading {
border-bottom: 1px solid #DDDDDD;
}
#content .middle {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF;
min-height: 30px;
}
#content .bottom .left {
background: url('http://1.bp.blogspot.com/sGZpny8r2Ds/T1h9lRVVy8I/AAAAAAAADbk/w7EyMtmGBpQ/s000/content_bottom_lef
t.png') no-repeat;
width: 5px;
height: 5px;
float: left;
}
#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 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.success {
padding: 5px 0px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
text-align: center;
}
.wait {
padding: 5px 0px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
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;
color:#FFF;
}
.button span {
color: #FFF;
display: block;
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;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
padding: 10px;
margin-top: 3px;
}
.list {
width: 100%;
}
.list td {
text-align: center;
vertical-align: top;
}
.sort {
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 {
width: 100%;
}
.pagination .links, .pagination .results {
padding: 7px;
}
.pagination .links {
float: left;
}
.pagination .links a {
padding: 4px 7px;
color: #000000;
}
.pagination .links b {
padding: 4px 7px;
color: #000000;
}
.pagination .results {
float: right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('http://3.bp.blogspot.com/AkmkSdeU4AY/T1h9mZsrg9I/AAAAAAAADcM/SOZrNqAqSEY/s000/tab_3.png')

repeat-x;
color: #000000;
font-weight: bold;
font-size: 13px;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('http://3.bp.blogspot.com/AkmkSdeU4AY/T1h9mZsrg9I/AAAAAAAADcM/SOZrNqAqSEY/s000/tab_3.png')
repeat-x;
border-bottom: 0px;
z-index: 3;
}
.tab_page {
padding: 10px;
display: block;
z-index: 2;
}
#footer {
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 {
width: 100%;
border: 1px solid #EEEEEE;
}
.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;
cursor:pointer;
}
#content .middle .box {
float: left;
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
/*** ---------------------------------------------------------------* Specific to WP-OpenCart

* Added by: Agus Suhanto
**** ---------------------------------------------------------------- */
/**-- header and plumbing ---------------------------------------------------------------- */

p, ul, ol, dd, pre, hr {
line-height: 1.5em;
}
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-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;
padding: 10px;
font-family: "Courier 10 Pitch", Courier, monospace;
}
a.button {
}
input[type=button],
input[type=submit] {
padding-top: 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;
margin: 0;
}
#header .div3 .bookmark {
background: url(http://2.bp.blogspot.com/DY2r7MSKaDs/T1h9ozquqEI/AAAAAAAADc8/Tj4Xh8gfq9I/s000/bookmark.png) 0 0
no-repeat;
}
#header .div3 .contact {

background: url(http://1.bp.blogspot.com/8i1xPXsy7Ac/T1h9ozZJheI/AAAAAAAADdE/YSEyuWTc4tw/s000/contact.png) 0 0 norepeat;
}
#header .div3 .sitemap {

background: url(http://1.bp.blogspot.com/T7DqXZIYPG4/T1h9pInuylI/AAAAAAAADdM/ylQiYj3RjAE/s000/sitemap.png) 0 0 norepeat;
}
.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;
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;
}
/**-- menu ---------------------------------------------------------------- */

/* Primary menu, div4 */
#div4 {
background: #fff;
margin: 0 auto;
height: 32px;
display: block;
float: right;
clear: right;
padding-right: 30px;
}
#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;
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;
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;
}
#div4 li:hover > a {

color: #666;
}
#div4 ul ul :hover > a {

color: #000;
background: #ddd;
}
#div4 ul li:hover > ul {

display: block;
}
#div4 ul li.current_page_item > a,

#div4 ul li.current-menu-ancestor > a,
#div4 ul li.current-menu-item > a,
#div4 ul li.current-menu-parent > a {
background:url("http://3.bp.blogspot.com/iGjem2J9caM/T1h9jDCqMvI/AAAAAAAADaA/-5ikgqB5FY4/s000/tab_2.png") no-repeat
scroll 0 0 transparent;
color: #fff;
}
/* Secondary menu, div6 */

#access {
margin: 0 auto;
display: block;
}
#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;
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);
-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;
}
#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;
}
#access li:hover > a,

#access ul ul :hover > a {
color: #fff;
background: #6699cc;
}
#access ul li:hover > ul {

display:block;
}
#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #ffff00;
}
/**-- search ---------------------------------------------------------------- */
#search {
float: right;
margin-right: 15px;
}
/**-- content ---------------------------------------------------------------- */
/* onecolumn layout */
.onecolumn #content {
float: left;
width: 960px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.onecolumn-bordered #content {
float: left;
width: 928px;
margin-right: 0 !important;
border: 1px solid gainsboro;
border-radius: 8px;
}
/* twocolumns layout */
.twocolumns-s #content {
float: left;
width: 755px;
margin-right: 15px !important;
}
.twocolumns-s-bordered #content {
float: left;
width: 723px;
border-radius: 8px;
}
.twocolumns-w #content {
float: left;
width: 635px;
}
.twocolumns-w-bordered #content {
float: left;
width: 603px;
border-radius: 8px;
/* threecolumns-s layout */
.threecolumns-s #content {
float: left;
width: 560px;
margin-left: 10px !important;
}
.threecolumns-s-bordered #content {
float: left;
width: 528px;
border-radius: 8px;
}
/* threecolumns-w layout */
.threecolumns-w #content {
float: left;
width: 440px;

}
.threecolumns-w-bordered #content {
float: left;
width: 408px;
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;
}
#content h4 {
font-size: 16px;
}
#content h5 {
font-size: 14px;
}
#content h6 {
font-size: 12px;
}
#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 {
}
#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 {
}
#content .post,
#content .hentry {
clear: both;
}
#content h2,
#content h2 a {
font-size: 20px;
}
#content .entry-meta,
#content .entry-meta a,
#content .entry-utility,
#content .entry-utility a {
color: #888888;
}
#content .entry-meta {
}
#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;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid #BFBFBF;
border-radius: 4px;
padding: 4px 7px;

margin: 2px;
}
.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;
}
.comment-actions a {
font-size: 12px;
padding: 0 0 24px;
margin-right: 10px;
}
.comment-thread {
margin-top: 10px;
}
/** Comments form */

#respond {
overflow: hidden;
position: relative;
}
#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-allowed-tags code {

font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {

width: auto;
font-size: 14px;
}
.comment-reply-link {
padding-left: 8px;
margin-right: 5px;
background: url('http://1.bp.blogspot.com/jyaxOk5gmtg/T1h9lxFMqOI/AAAAAAAADb8/KJdwy20OJog/s000/button_left.png') top
left no-repeat;
color:#FFF;
}
.comment-reply-link span {
color: #FFF;
display: block;

background: url('http://2.bp.blogspot.com/qWNmgkVeiws/T1h9mIjeOtI/AAAAAAAADcE/vLjbp746hlo/s000/button_right.png') top
right no-repeat;
}
/** footer **/

#footer {
overflow: hidden;
}
#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 {
background-color:#cccccc;
}
.showpagePoint {
color:#333;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {

padding:3px;
}
.showpage a:hover {
}
.showpageNum a:link,.showpage a:link {
color:#333333;
}
]]></b:skin>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>

<div id='container'>
<div id='header'>
<div id='div1'>
<div class='div2'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='JAKWIR-TECHNO.BLOGSPOT.COM
(Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<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>
</div>
</b:if>
<b:else/>

<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>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
</b:if>
</div>
</b:if>
<b:else/>

<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'>

<div id='access'>
<div class='menu'>
<ul>
<li class='page_item'><a href='http://jakwir-techno.blogspot.com/'
title='Home'>HOME</a></li>
<li class='page_item'><a href='http://jakwirtechno.blogspot.com/search/label/Teknologi' title='Teknologi'>TEKNOLOGI</a></li>

<li class='page_item'><a href='#'
title='Software'>SOFTWARE</a></li>

<li class='page_item'><a href='http://jakwirtechno.blogspot.com/search/label/Games' title='Games'>GAMES</a>
<ul class='children'>
<li class='page_item'><a href='#' title='Sub Menu #1'>Sub Menu
#1</a></li>
<li class='page_item'><a href='#' title='Sub Menu #2'>Sub Menu
#2</a></li>
</ul>
</li>

<li class='page_item'><a href='http://jakwirtechno.blogspot.com/search/label/Materi%20Ilkom' title='Ilmu Komputer'>ILMU
KOMPUTER</a></li>
<li class='page_item'><a href='http://jakwirtechno.blogspot.com/2013/04/contact-us.html' title='Contact Us'>CONTACT
US</a></li>
</ul>
</div>
</div>

<div id='search'><form class='searchform'

expr:action='data:blog.homepageUrl + "search/"' method='get'>
<div class='div8'>Search: </div>
<div class='div9'><input id='filter_keyword' name='q' type='text'
value=''/></div>
<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: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:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<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>
</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/>
<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:widget>
<b:widget id='Slideshow2' locked='false' title='Slideshow' type='Slideshow'>
</b:if>
<div class='slideshow-container' expr:id='data:widget.instanceId +
"_slideshow"'>
<span class='slideshow-status'>Loading...</span>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusOne1' locked='false' title='+1 Button' type='PlusOne'>
<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:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML101' locked='true' title='' type='HTML'>

</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>

<b:if cond='data:codeSnippet != ""'>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<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'>
<img class='follower-img' expr:alt='data:follower.displayName'

expr:height='data:follower.imageHeight'
expr:onerror='"this.onerror=null;this.src=\"" +
data:anonFollowerImageUrl + "\";"'
expr:onload='"setAttributeOnload(this, \"src\", \"" +
data:follower.imageUrl + "\")"'
expr:width='data:follower.imageWidth'
src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>

<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
</b:if>
<b:if cond='data:team == "true"'> 
<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>
<b:else/> 
<b:if cond='data:photo.url != ""'>

<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt'
expr:height='data:photo.height' expr:src='data:photo.url'
expr:width='data:photo.width'/></a>
</b:if>
<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:if cond='data:showlocation == "true"'>

<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profiletextblock'><data:aboutme/></dd></b:if>

</dl>
<a class='profile-link' expr:href='data:userUrl'
rel='author'><data:viewProfileMsg/></a>
</b:if>
</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>
<div class='threecolumns-s-bordered' id='content_wrapper'>

<div id='content'>
<b:section id='main1' showaddelement='yes'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</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"'>


<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>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>

<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:else/>
</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>
<b:if cond='data:blog.pageType != "item"'>

<b:include name='nextprev'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' 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'
:)]
<img border='0'
;))
<img border='0'
;;)
<img border='0'
:D
<img border='0'
;)
<img border='0'
:p
<img border='0'
:((
<img border='0'
:)
<img border='0'
:(
<img border='0'
:X
<img border='0'
=((
<img border='0'
:-o
<img border='0'
:-/
<img border='0'
:-*
<img border='0'
:|
<img border='0'
8-}
<img border='0'
~x(
<img border='0'
:-t
<img border='0'
b-(
<img border='0'
:-L
<img border='0'
x(
<img border='0'
=))
</b>
Kalo mo yang emoticon kucing pake yang ini :
<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>

:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<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
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>

:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>
<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='comment-form' var='post'>
<div id='respond'>
<a name='comment-form'/>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-togglelink"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<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='' style='display: none' width='100%'/>
<b:else/>
<h3 id='reply-title'>Leave a reply</h3>

name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:dataonclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'

expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:dataonclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments-title'>
<b:if cond='data:post.numComments == 1'>
One Response to <em><data:post.title/></em>
<b:else/>
<data:post.numComments/> Responses to <em><data:post.title/></em>
</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>
<div expr:id='data:widget.instanceId + "_comments-blockwrapper"'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " +
data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='marginbottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<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>
<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/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<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"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 

<div class='post-feeds'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<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'/>
<b:if cond='data:post.embedCommentForm == "false"'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>

</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
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'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>

<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>

</b:loop>
</b:if>
</div>
<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 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>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +

data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author

profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<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'>
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 class='post-footer-line post-footer-line-2'>

<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sharebutton'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>

<b:else/>
</b:if>
</b:if>
<b:else/>
</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>

</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Permalink to " +
data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='"Permalink to " +

data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='entry-meta'>
<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>
<div class='entry-content' expr:id='"post-body-" + data:post.id'>

<p><data:post.body/></p>
<div style='clear: both;'/> 
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'
expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</div>
<span class='post-icons'>

<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>

<b:include data='post' name='postQuickEdit'/>

</span>
<div class='post-share-buttons goog-inline-block'>

<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
<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 class='entry-utility'>
<span class='cat-links'>
<b:if cond='data:post.labels'>
<span class='entry-utility-prep entry-utility-prep-cat-links'>Posted in</span>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='"View all posts in " +

data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !
= "true"'>,</b:if>
</b:loop><span class='meta-sep'>|</span>
</b:if>
</span>
<span class='comments-link'>
expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on "
+ data:post.title'><b:if cond='data:post.numComments == 0'>Leave a
comment<b:else/><b:if cond='data:post.numComments == 1'>1
Comment<b:else/><data:post.numComments/>
Comments</b:if></b:if></a><b:else/><span>Comments Off</span>
</b:if>
</span>
</div>
</b:if>
</b:if>

<div class='entry-utility'>
<b:if cond='data:post.labels'>
This entry was posted in
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='"View all posts in " +
data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !
= "true"'>,</b:if>
</b:loop>.
</b:if>
Bookmark the <a expr:href='data:post.url' expr:title='data:post.title'

rel='bookmark'>permalink</a>.
</div>
</b:if>
</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-
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='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sborkut' expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "archive"'>
<h1 class='page-title'>Archive for
<span><data:blog.pageName/></span></h1>
</b:if>
<b:if cond='data:navMessage'>
<h1 class='page-title'><data:navMessage/></h1>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div id='respond'>
<a name='comment-form'/>
name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
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'/>
(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='threaded_comments' var='post'>
<div id='comments'>
<a name='comments'/>
<h3 id='comments-title'>
<b:if cond='data:post.numComments == 1'>
One Response to <em><data:post.title/></em>
<b:else/>
<data:post.numComments/> Responses to <em><data:post.title/></em>
</b:if>
</h3>
</b:if>
<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>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<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:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed3' locked='false' title='Free Blogger Templates'
type='Feed'>
<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:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='standard' id='columns_right_wrapper'>

<div class='widget-area' id='column_right' role='complementary'>
<b:section id='sidebar2' showaddelement='yes'>
<b:widget id='Translate1' locked='false' title='Translate Blog'
type='Translate'>
</b:if>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<data:pageLanguage/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit'/>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<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'>▼</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current_page_item'><a expr:href='data:link.href'

expr:title='data:link.title'><data:link.title/></a></li>
<b:else/>
<li class='page_item'><a expr:href='data:link.href'
expr:title='data:link.title'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div id='footer'>
<div class='widget-area' id='sidebar-footer' role='complementary'/>
<div class='div2'>

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>

</div>
</div>
</div>
/* <![CDATA[ */
jQuery('document').ready(function(e) {
jQuery('#search input').keydown(function(e) {
if (e.keyCode == 13) {
doSearch();
}
});
});
function bookmark(url, title) {

if (window.sidebar) { // firefox
window.sidebar.addPanel(title, url, "");
} else if(window.opera && window.print) { // opera
var elem = document.createElement('a');
elem.setAttribute('href', url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
} else if(document.all) { // ie
window.external.AddFavorite(url, title);
}
}
/* ]]> */
</script>
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';

</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js'
type='text/javascript'/>
</b:if> </b:if>

</body>
</html>

Template Mbien

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Template Mbien

Uploaded by

Copyright:

Available Formats

<?xml version="1.0" encoding="UTF-8" ?

background-position: left center;

background: url('http://3.bp.blogspot.com/iGjem2J9caM/T1h9jDCqMvI/AAAAAAAADaA/-5ikgqB5FY4/s000/tab_2.png') no-repeat;

border: 1px solid #0A5391;

#content h1, .heading {

background: #FFFFFF url('http://3.bp.blogspot.com/AkmkSdeU4AY/T1h9mZsrg9I/AAAAAAAADcM/SOZrNqAqSEY/s000/tab_3.png')

/*** ---------------------------------------------------------------* Specific to WP-OpenCart

/**-- header and plumbing ---------------------------------------------------------------- */

#header .div3 .bookmark {

#header .div3 .contact {

#header .div3 .sitemap {

/**-- menu ---------------------------------------------------------------- */

#div4 li:hover > a {

#div4 ul ul :hover > a {

#div4 ul li:hover > ul {

#div4 ul li.current_page_item > a,

/* Secondary menu, div6 */

-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

#access li:hover > a,

#access ul li:hover > ul {

#access ul li.current_page_item > a,

/**-- content ---------------------------------------------------------------- */

margin-left: 10px !important;

padding: 4px 7px;

/** Comments form */

#respond .form-allowed-tags code {

#respond .form-submit input {

padding: 4px 12px 5px 5px;

/** footer **/

border: 1px solid #cccccc;

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

<li class='page_item'><a href='http://jakwirtechno.blogspot.com/search/label/Teknologi' title='Teknologi'>TEKNOLOGI</a></li>

<div id='search'><form class='searchform'

<a class='toggle' href='javascript:void(0)'>

<b:if cond='data:title != &quot;&quot;'>

<img class='follower-img' expr:alt='data:follower.displayName'

<div class='followers-canvas profile-link'>

<b:else/>

<b:if cond='data:photo.url != &quot;&quot;'>

<b:if cond='data:showlocation == &quot;true&quot;'>

<b:if cond='data:aboutme != &quot;&quot;'><dd class='profiletextblock'><data:aboutme/></dd></b:if>

<div class='threecolumns-s-bordered' id='content_wrapper'>

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

Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>

<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize bloggercomment-from-post' frameborder='0' height='410' id='comment-editor'

<span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:dataonclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'

<b:if cond='data:post.commentSource == 1'>

<div expr:id='data:widget.instanceId + &quot;_comments-blockwrapper&quot;'>

<b:else/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

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

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<b:include data='post' name='mobile-post'/>

<div class='mobile-link-button' id='blog-pager-home-link'>

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

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

<a expr:href='data:post.authorProfileUrl' rel='author' title='author

<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

/ footer /

<body expr:class='"loading" + data:blog.mobileClass'>

<b:if cond='data:title != ""'>

<b:if cond='data:photo.url != ""'>

<b:if cond='data:showlocation == "true"'>

<b:if cond='data:aboutme != ""'><dd class='profiletextblock'><data:aboutme/></dd></b:if>

<div expr:id='data:widget.instanceId + "_comments-blockwrapper"'>

<b:if cond='data:post.embedCommentForm == "false"'>

<b:if cond='data:blog.pageType == "index"'>

<div class='post-body entry-content' expr:id='"post-body-" +

<b:if cond='data:blog.pageType == "static_page"'>

<a expr:href='data:post.url' expr:title='"Permalink to " +

<div class='entry-content' expr:id='"post-body-" + data:post.id'>

<b:if cond='data:blog.pageType != "static_page"'>

<a expr:href='data:label.url' expr:title='"View all posts in " +

<b:if cond='data:blog.pageType == "item"'>

facebook' expr:href='data:post.sharePostUrl + "&target=facebook"'

var downPageWord ='Next';