You are on page 1of 46

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

>
<!DOCTYPE html>
<html b:version='2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.
org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://ww
w.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=
1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blo
g.title' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:blo
g.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searc
hLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex,no
follow' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/>
</b:if>
<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></t
itle></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/>
| <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:
blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pag
eName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searc
hLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found<
/title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url !
= data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if>
</b:if>
<meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>
<b:skin><![CDATA[/*
----------------------------------------------Blogger Template Style
Name:
BroSense
Designer: Mas Sugeng
URL:
www.mas-sugeng.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#117
AC9" value="#117AC9"/>

<Group description="Page Text" selector="body">


<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, sans-serif" value="normal normal 13p
x Arial, sans-serif"/>
<Variable name="body.text.color" description="Main Text Color" type="color"
default="#333333" value="#333333"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="
#0099cc" value="#0099cc"/>
<Variable name="link.visited.color" description="Visited Color" type="color
" default="#0099cc" value="#0099cc"/>
<Variable name="link.hover.color" description="Hover Color" type="color" de
fault="#006c8e" value="#006c8e"/>
</Group>
<Group description="Body Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type=
"color" default="#708090" value="#708090"/>
</Group>
<Group description="Wrapper Backgrounds" selector="#wrapper">
<Variable name="wrapper.background.color" description="Wrapper Background"
type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Header Background" selector="#header-wrapper">
<Variable name="header.background.color" description="Header Background
" type="color" default="#1e90ff" value="#1e90ff"/>
<Variable name="header.border.color" description="Border Color" type="c
olor" default="#ff9601" value="#ff9601"/>
</Group>
<Variable name="body.background" description="Body Background" type="backgrou
nd"
color="$(body.background.color)" default="$(color) none repeat scroll top
left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Overri
de" type="string" default="" value=""/>
<Group description="Blog Title" selector=".header h1.title, .header p.title">
<Variable name="header.font" description="Font" type="font"
default="normal bold 16px Arial, sans-serif" value="normal bold 16px Ar
ial, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" d
efault="#ffffff" value="#ffffff"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" typ
e="color"
default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Post Title" selector="h2.post-title">
<Variable name="post.title.font" description="Font" type="font"
default="normal bold 18px Arial, Helvetica, FreeSans, sans-serif" value
="normal bold 18px Arial, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.color" description="Text Color" type="color"

default="#333333" value="#333333"/>
</Group>
<Group description="Post Date" selector=".post-label-block .date-block">
<Variable name="post.date.background.color" description="Background Color"
type="color"
default="#ff9601" value="#ff9601"/>
<Variable name="post.date.color" description="Text Color" type="color"
default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Post Lebel" selector=".post-label-block .label-block">
<Variable name="post.label.background.color" description="Background Color"
type="color"
default="#44CCF2" value="#44CCF2"/>
<Variable name="post.label.color" description="Text Color" type="color"
default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Post Thumbnail" selector=".img-thumbnail">
<Variable name="post.thumbnail.background.color" description="Background Co
lor" type="color"
default="#ffffff" value="#ffffff"/>
<Variable name="post.thumbnail.border.background.color" description="Border
Color" type="color"
default="#1e90ff" value="#1e90ff"/>
</Group>
<Group description="Sidebar Title" selector=".sidebar h2">
<Variable name="widget.title.background.color" description="Background Colo
r" type="color" default="#1e90ff" value="#1e90ff"/>
<Variable name="widget.title.font" description="Title Font" type="font"
default="bold normal 14px Arial, sans-serif" value="bold normal 14px Ari
al, sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="co
lor" default="#494949" value="#494949"/>
</Group>
<Group description="Sidebar Title Border" selector=".sidebar h2">
<Variable name="sidebar.title.border.top.color" description="Border Top
Color" type="color" default="#1e90ff" value="#1e90ff"/>
<Variable name="sidebar.title.border.bottom.color" description="Border
Bottom Color" type="color" default="#ff9601" value="#ff9601"/>
</Group>
<Group description="Navigation Menu" selector="#nav">
<Variable name="navigation.menu.font" description="Font" type="font"
default="bold normal 11px Arial, sans-serif" value="bold normal 11px Ari
al, sans-serif"/>
<Variable name="menu.background.color" description="Background Color" type=
"color" default="#117AC9" value="#117AC9"/>
<Variable name="menu.navigation.text.color" description="Text Color" ty
pe="color" default="#ffffff" value="#ffffff"/>
<Variable name="menu.navigation.hover.color" description="Hover Color"
type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Navigation Menu Border" selector="#nav">
<Variable name="menu.border.top.color" description="Border Top Color" t
ype="color" default="#3690D4" value="#3690D4"/>

<Variable name="menu.border.bottom.color" description="Border Bottom Co


lor" type="color" default="#0F6DB3" value="#0F6DB3"/>
</Group>
<Group description="Search Box" selector="#search-form">
<Variable name="input.background.color" description="Input Background Color
" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="button.background.color" description="Button Background
Color" type="color" default="#333333" value="#333333"/>
<Variable name="input.color" description="Input Color" type="color" default
="#666666" value="#666666"/>
<Variable name="button.color" description="Button Color" type="color" d
efault="#ffffff" value="#ffffff"/>
</Group>
<Group description="Footer" selector="#footer-wrapper">
<Variable name="footer.font" description="Font" type="font"
default="normal normal 11px Arial, sans-serif" value="normal normal 11px
Arial, sans-serif"/>
<Variable name="footer.background.color" description="Background Color" typ
e="color" default="#ff9601" value="#ff9601"/>
<Variable name="footer.color" description="Footer Color" type="color" defau
lt="#ffffff" value="#ffffff"/>
<Variable name="footer.border.color" description="Border Color" type="c
olor" default="#1e90ff" value="#1e90ff"/>
</Group>
*/
/**
* Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
r,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,str
ong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tab
le,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,a
udio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-alig
n:baseline;}/* HTML5 display-role reset for older browsers */article,aside,detai
ls,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{l
ine-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list
-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:befo
re,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;borde
r-spacing:0;}
/* FRAMEWORK */
.navbar,.post-feeds,.feed-links{display:none;
}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
}
strong,b{font-weight:bold;
}
cite,em,i{font-style:italic;
}
a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.5s
;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
}
a:visited{color:$(link.visited.color);text-decoration:none;
}

a:hover{color:$(link.hover.color);text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{border-bottom:1px dotted;cursor:help;
}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
}
sub{top:.4em;}small{font-size:86%;
}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;
border-radius:3px;
}
mark{background-color:#ffce00;color:black;
}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
}
hr{height:1px;border:none;background-color:#666;
}
/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
}
h1{font-size:200%
}
h2{font-size:180%
}
h3{font-size:160%
}
h4{font-size:140%
}
h5{font-size:120%
}
h6{font-size:100%
}
/* list */
ol,ul,dl{margin:.5em 0em .5em 3em
}
ol{list-style:decimal outside
}
ul{list-style:disc outside
}
li{margin:.5em 0
}
dt{font-weight:bold
}
dd{margin:0 0 .5em 2em
}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vert
ical-align:baseline;
}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* code blockquote */
pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px s

olid #ccc;padding:1em 1em;font-style:italic;


}
/* table */
.post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;
] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2
em .5em;text-align:left;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
}
.post-body th{font-weight:bold;
}
.post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
}
.post-body table{background:#f6f6f6;
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;p
adding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#eee;
}
.post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding
:8px;
}
.post-body img {max-width:100%;height:auto;
}
.post-body img, .post-body table.tr-caption-container {max-width:100%;height:aut
o;
}
.post-body .separator img {max-width:92%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !importan
t;
}
body#layout #wrapper {
padding:0 0 0 0;
}
body#layout #banner728, body#layout #banner728-bottom {
padding:0 13px;
width:900px;
max-width:100%;
}
body#layout #header-wrapper {
margin-top:32px;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;

font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background:$(body.background);
margin:0 0 0 0;
padding:0 0 0 0;
color:$(body.text.color);
font:$(body.font);
text-align:left;
}
/* WRAPPER */
#wrapper {
background:$(wrapper.background.color);
max-width:950px;
margin:0 auto;
padding:0;
}
/* HEADER WRAPPER */
#header-wrapper {
background:$(header.background.color) url() repeat-x top center;
margin:0 auto;
padding:8px 16px 5px;
overflow:hidden;
color:$(header.text.color);
border-bottom:1px solid $(header.border.color);
}
#header-wrapper a img, .banner728 a img {
display:block;
}
.header {
float:left;
max-width:250px;
width:100%;
margin:0 0;
}
.header img {
max-width:250px;
height:auto;
}
.header h1.title,.header p.title {
font:$(header.font);
margin:0 0 0 0
}
.header .description {
color:$(description.text.color);
margin:0.5em 0 0;
padding:0px 0px 0px 0px;
}
.header a {
color:$(header.text.color);
}
.header a:hover {
color:$(link.color);

}
.banner468 {
float:right;
max-width:80px;
width:100%;
margin:0 0;
}
.banner728, .banner728-bottom {
padding:0 18px;
}
.banner728 h2, .banner728-bottom h2{
display:none;
}
.banner728 .widget-content {
margin:6px 21px 0;
max-width:1200px;
overflow:hidden;
}
.banner728-bottom .widget-content {
margin:6px 21px;
max-width:1200px;
overflow:hidden;
}

/* CONTENT WRAPPER */
#content-wrapper {
position:relative;
margin:0 auto;
padding:0 18px;
overflow:hidden;
word-wrap:break-word;
}
/* POST WRAPPER */
#post-wrapper {
float:left;
width:100%;
margin:12px -160px 12px 0
}
.post-container {
margin:0 172px 0 0;
max-width:100%;
}
.breadcrumbs {
font-size:11px;
color:#666;
padding:0 0 5px;
margin:0 0 12px;
border-bottom:1px dotted #ddd;
}
.post-label-block {
margin:0 0 8px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
}
.post-label-block .label-block {

background:$(post.label.background.color);
color:$(post.label.color);
display:inline-block;
padding:2px 3px;
margin:0 0 2px;
}
.post-label-block .date-block {
background:$(post.date.background.color);
color:$(post.date.color);
display:inline-block;
padding:2px 3px;
margin:0 0 2px;
}
.post-label-block .label-block:hover, .post-label-block .date-block:hover {
background:#333;
}
.post-label-block abbr {
border-bottom:none;
}
.post {
border-bottom:1px dotted #ddd;
margin:0 0 12px;
padding:0 0 7px;
overflow:hidden;
}
.post-body {
line-height: 1.4;
}
h2.post-title, h1.post-title {
font:$(post.title.font);
}
h1.post-title {
margin-bottom:15px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:$(post.title.color);
}
h2.post-title a:hover, h1.post-title a:hover {
color:$(link.color);
}
.img-thumbnail {
background:$(post.thumbnail.background.color);
float:left;
width:97px;
height:97px;
margin:0 10px 5px 0;
padding:1px;
border:1px solid $(post.thumbnail.border.background.color);
}
.img-thumbnail img {
width:97px;
height:97px;
}
.post-author {
color:#708090;
font-style:bold;
margin:15px 0 0;
font-size:16px;
font-weight:bold;
}

.post-author a {
color:#1e90ff;
}
.post-author a:hover {
border-bottom:2px dotted #1e90ff;
}
#blog-pager {
margin:0 0;
clear:both !important;
padding:3px 3px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}
#blog-pager-newer-link a {
background:#e18c14;
float:left;
display:block;
padding:2px 3px;
color:#fff;
}
#blog-pager-older-link a {
background:#e18c14;
float:right;
display:block;
padding:2px 3px;
color:#fff;
}
a.home-link {
background:#708090;
display:inline-block;
padding:2px 3px;
color:#fff;
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hove
r {
background-color:#333;
color:#fff;
}

/* SIDEBAR WRAPPER */
#sidebar-wrapper {
float:right;
width:160px;
margin:12px 0;
}
.sidebar-container {
margin:0 0;
}
.sidebar h2 {
font:$(widget.title.font);
background:$(widget.title.background.color);
color:$(widget.title.text.color);
margin:0 0 10px 0;
padding:4px 8px;
text-transform:uppercase;
border-top: 1px solid $(sidebar.title.border.top.color);

border-bottom:1px solid $(sidebar.title.border.bottom.color);


}
.sidebar .widget {
padding:0 0 10px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:0 0 0 0;
padding:3px 0;
border-bottom:1px dotted #ddd
}
/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size{
display:block;
float:left;
background:#e18c14;
margin:0 3px 3px 0;
color:#eee;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}
.label-size a,.label-size span{
display:inline-block;
color:#fff;
padding:2px 3px;
}
.label-size:hover{
background:#333333
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
}
.label-size {
line-height:1.2
}
/* popular post */
.PopularPosts .item-thumbnail{
margin:0 6px 6px 0;
display:inline;
padding:1px;
border:1px solid #ff9601;
}

.PopularPosts .item-thumbnail a img{


height:50px;
width:50px;
display:block;
margin:0;
padding:0;
}
.PopularPosts .widget-content ul li{
padding:3px 0px !important;
border-bottom:3px dotted #e2e2e2;
}
.PopularPosts .item-title{
font-weight:bold;
font-size:10px;
color:#e18c14;
}
.PopularPosts .item-snippet {
font-size:10px;
color:#666;
}
.profile-img {
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* ==== Related Post Widget Start ==== */
.related-post {
margin:15px 0px 0px;
border:1px solid #e5e5e5;
padding:10px;
background:#f6f6f6;
}
.related-post h4 {
font-size:14px;
margin:0 0 .5em;
text-transform:uppercase;
}
.related-post-style-2 {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
list-style:none;
}
.related-post-style-2 li {
margin:0 0 0 0;
padding:0 0 0 0;
}
.related-post-style-2 li {
padding:5px 0 !important;
border-top:1px solid #eee;
overflow:hidden;
}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {
width:40px;
height:40px;
max-width:none;

max-height:none;
background:#fff;
border: 1px solid #e5e5e5;
padding:6px;
float:left;
margin:2px 8px 0 0;
}
.related-post-style-2 .related-post-item-title {
font:bold 14px Arial, sans-serif;
}
.related-post-style-2 .related-post-item-summary {
display:block;
overflow:hidden;
font-size:11px;
}
.related-post-style-2 .related-post-item-more {}

/* FOOTER WRAPPER */
#footer-wrapper {
background:$(footer.background.color);
margin:0 auto;
padding:12px 18px;
overflow:hidden;
color:$(footer.color);
font:$(footer.font);
border-top:1px solid $(footer.border.color);
}
.footer-left {
float:left;
}
.footer-right {
float:right;
}
#footer-wrapper a {
color:$(footer.color);
}
#footer-wrapper a:hover {
color:$(link.color);
}
.tinynav {
background:#fff;
display:none;
margin:4px 0 4px 18px;
padding:4px;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
border-right:none;
border-bottom:none;
}
.tinynav option {
padding:0 4px;
}
@media only screen and (max-width:768px){
.header, .banner468 {

float:right;
max-width:100%;
}
.header {
margin:0 0 12px;
}
}
@media only screen and (max-width:640px){
.tinynav {
display: inline-block;
}
#menu {
display:none;
}
}
@media only screen and (max-width:480px){
#header-wrapper {
padding:17px 10px 12px;
}
.header, .banner468 {
text-align:center;
}
#content-wrapper, .banner728, .banner728-bottom {
padding:0 10px;
}
#post-wrapper, #sidebar-wrapper {
width:100%;
max-width:100%;
float:none;
margin:12px 0 12px 0;
}
.post-container {
margin:0 0 0 0;
}
#nav ul#menu {
margin:0px 0px 0px 10px;
}
#search-form {
margin:0 10px 0 0;
}
#footer-wrapper {
padding:12px 10px;
text-align:center;
}
.footer-left, .footer-right {
float:none;
}
.tinynav {
margin:3px 0 3px 10px;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.related-post {
padding:8px;
}
.comments .comments-content {
padding:0 8px !important;

}
.comments .comments-content .comment-thread ol {
margin:8px 0 !important;
}
}
@media screen and (max-width:320px){
.img-thumbnail {
width:70px;
height:70px;
margin:0 6px 3px 0;
}
.img-thumbnail img {
width:70px;
height:70px;
}
#search-form input#search-box[type="text"] {
width:80px;
}
}
/* VIEWPORT */
@-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-moz-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-ms-viewport{width:device-width;max-zoom:1;min-zoom:1}
@-o-viewport{width:device-width;max-zoom:1;min-zoom:1}
@viewport{width:device-width;max-zoom:1;min-zoom:1}
ul.social_cyber88 {
list-style:none;
display:inline-block;
margin:15px auto;
}
ul.social_cyber88 li {
display:inline;
float:left;
background-repeat:no-repeat;
}
ul.social_cyber88 li a {
display:block;
width:50px;
height:50px;
padding-right:10px;
position:relative;
text-decoration:none;
}
ul.social_cyber88 li a strong {
font-weight:400;
position:absolute;
left:20px;
top:-1px;
color:#fff;
z-index:9999;
text-shadow:1px 1px 0 rgba(0,0,0,0.75);
background-color:rgba(0,0,0,0.7);
-moz-border-radius:3px;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-webkit-border-radius:3px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);

border-radius:3px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
padding:3px;
}
ul.social_cyber88 li.abfacebook {
background-image:url(http://4.bp.blogspot.com/-nJMUyZUi2SM/UaXEnGYtwWI/AAAAA
AAAAkM/SXrQ4Q8ASoA/s1600/btrix-facebook-icon.png);
}
ul.social_cyber88 li.abtwitter {
background-image:url(http://4.bp.blogspot.com/-_18_qzg7sHs/UaXEnVKS3aI/AAAAA
AAAAkY/UYLCvEQuOEI/s1600/btrix-twitter-icon.png);
}
ul.social_cyber88 li.abgoogleplus {
background-image:url(http://2.bp.blogspot.com/-DpI_6iUH6GY/UaXEnB83lFI/AAAAA
AAAAkQ/Q6QtGamgL_E/s1600/btrix-google-icon.png);
}
#animation_cyber88:hover li {
opacity:0.2;
}
#animation_cyber88 li {
-webkit-transition-property:opacity;
-webkit-transition-duration:500ms;
-moz-transition-property:opacity;
-moz-transition-duration:500ms;
}
#animation_cyber88 li a strong {
opacity:0;
-webkit-transition-property:opacity, top;
-webkit-transition-duration:300ms;
-moz-transition-property:opacity, top;
-moz-transition-duration:300ms;
}
#animation_cyber88 li:hover {
opacity:1;
}
#animation_cyber88 li:hover a strong {
opacity:1;
top:-10px;
}
]]></b:skin>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* COMMENT */
.comment-form {
overflow:hidden;
}
.comments h3 {
font-weight:bold;
margin:0 0 15px 0;
font-size:14px;
padding:0 0 0 0;
}
h4#comment-post-message {
display:none;
margin:0 0 0 0;
}
.comments{

clear:both;
margin-top:10px;
margin-bottom:0
}
.comments .comments-content {
font-size:13px;
margin-bottom:8px;
background: none repeat scroll 0% 0% #F6F6F6;
padding:0 12px;
border: 1px solid #e5e5e5;
}
.comments .comments-content .comment-thread ol{
text-align:left;
margin:12px 0;
padding:0
}
.comments .avatar-image-container {
background:#fff;
overflow:hidden;
padding:6px;
border:1px solid #e5e5e5;
}
.comments .comment-block{
position:relative;
background:#fff;
padding:10px;
margin-left:60px;
border:1px solid #e5e5e5;
}
.comments .comments-content .comment-replies{
margin:8px 0;
margin-left:60px
}
.comments .comments-content .comment-thread:empty{
display:none
}
.comments .comment-replybox-single {
padding:0;
margin:8px 0;
margin-left:60px;
}
.comments .comment-replybox-thread {
margin:8px 0 0 0;
padding:0;
}
.comments .comments-content .comment{
margin-bottom:6px;
padding:0
}
.comments .comments-content .comment:first-child {
padding:0;
margin:0
}
.comments .comments-content .comment:last-child {
padding:0;

margin:0
}
.comments .comment-thread.inline-thread .comment, .comments .comment-thread.inli
ne-thread .comment:last-child {
margin:0px 0px 5px 30%
}
.comment .comment-thread.inline-thread .comment:nth-child(6) {
margin:0px 0px 5px 25%;
}
.comment .comment-thread.inline-thread .comment:nth-child(5) {
margin:0px 0px 5px 20%;
}
.comment .comment-thread.inline-thread .comment:nth-child(4) {
margin:0px 0px 5px 15%;
}
.comment .comment-thread.inline-thread .comment:nth-child(3) {
margin:0px 0px 5px 10%;
}
.comment .comment-thread.inline-thread .comment:nth-child(2) {
margin:0px 0px 5px 5%;
}
.comment .comment-thread.inline-thread .comment:nth-child(1) {
margin:0px 0px 5px 0;
}
.comments .comments-content .comment-thread{
margin:0;
padding:0
}
.comments .comments-content .inline-thread{
padding:0 0;
margin:0
}
.comments .comments-content .icon.blog-author{
position:absolute;
top:-2px;
right:-2px;
margin:0;
background-image: url(http://3.bp.blogspot.com/-c0gwWErZ6ZI/UbSD539E_qI/
AAAAAAAAAPQ/vQuaJw27r1A/s1600/bitmap.png);
width:59px;
height:43px;
}
.comments .comment .comment-actions a{
background:#ff9601;
display:inline-block;
color:#fff;
font-weight:bold;
font-size:10px;
line-height:15px;
padding:2px 3px;
margin:4px 8px 0 0;
}
.comments .comment .comment-actions a:hover, .comments .continue a:hover{
text-decoration:none;
background:#333;
}

.comments .continue a {
background:#ff9601;
color:#fff;
display:inline-block;
padding:3px 4px;
font-size:10px;
}
.pesan-komentar {
background:#fff;
padding:10px 20px;
margin:0 8px;
border:1px solid #e5e5e5;
}
.pesan-komentar p {
line-height:normal;
margin:0 0;
}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=100;
var image_height=100;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_u
rl.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_ti
tle.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return "";
}
//]]>
</script>
<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
<script>
//<![CDATA[
/*! http://tinynav.viljamis.com v1.2 by @viljamis */
(function(a,k,g){a.fn.tinyNav=function(l){var c=a.extend({active:"selected",head
er:"",indent:"- ",label:""},l);return this.each(function(){g++;var h=a(this),b="
tinynav"+g,f=".l_"+b,e=a("<select/>").attr("id",b).addClass("tinynav "+b);if(h.i
s("ul,ol")){""!==c.header&&e.append(a("<option/>").text(c.header));var d="";h.ad
dClass("l_"+b).find("a").each(function(){d+='<option value="'+a(this).attr("href
")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)d+=c.indent;d+=a(
this).text()+"</option>"});
e.append(d);c.header||e.find(":eq("+a(f+" li").index(a(f+" li."+c.active))+")").
attr("selected",!0);e.change(function(){k.location.href=a(this).val()});a(f).aft
er(e);c.label&&e.before(a("<label/>").attr("for",b).addClass("tinynav_label "+b+
"_label").append(c.label))}})}})(jQuery,this,0);
//]]>
</script>
<script>

// TinyNav.js
$(function () {
$(&#39;#menu&#39;).tinyNav();
});
</script>
<b:include data='blog' name='google-analytics'/>
<script>
(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||funct
ion(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m
)
})(window,document,&#39;script&#39;,&#39;//www.google-analytics.com/analytics.
js&#39;,&#39;ga&#39;);
ga(&#39;create&#39;, &#39;UA-64120316-1&#39;, &#39;auto&#39;);
ga(&#39;send&#39;, &#39;pageview&#39;);
</script>
</head>
<script language='JavaScript1.2'>
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function (&quot;return false&quot;)
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
if(e.target==document)return false;
}
}
else {
</script>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
<!-- wrapper start -->
<div id='wrapper'>
<!-- header wrapper start -->
<a href='http://qootech.blogspot.com/2015/06/trik-membersihkan-virus-di-androidyang_5.html' rel='dofollow' target='_blank' title='cara membersihkan virus andro
id'/>
<header id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='GoGitar - belajar main gitar y


uk! (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!-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: 0p
x'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sour
ceUrl + &quot;\&quot;); &quot;
+ &quot;background-positio
n: &quot;
+ data:backgroundPositionStyleStr + &quot;; &qu
ot;
+ data:widthStyleStr
+ &quot;m
in-height: &quot; + data:height
+ &quot;_height: &quot; +
data:height
+ &quot;background-repeat: no-repeat; &quot;
' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height
:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:wid
get.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;heig


ht:0px;'><b:include name='title'/></h1>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<p class='title'><b:include name='title'/></p>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='banner468' id='banner468' maxwidgets='5' showaddelemen
t='yes'>
<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 != &quot;&quot;'>
<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 class='clear'/>
</header>
<!-- header wrapper end -->

<div class='clear'/>
<!-- secondary navigation menu end -->
<b:section class='banner728' id='banner728' maxwidgets='2' showaddelement='yes
'/>
<!-- content wrapper start -->
<div id='content-wrapper'>
<!-- post wrapper start -->
<div id='post-wrapper'>
<div class='post-container'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</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'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>

</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
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='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs
g'>
<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'>&#160;</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:ba
cklink.timestamp/></span>

</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi
dget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post
.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabu
lary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span i
temprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels'
var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><
span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label
.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.t
itle/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:p
ost.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel
='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span
>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href=
'data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</sp
an>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span
> &#187; <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>

</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&q
uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display:block' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p
ost.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + 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='d
ata: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.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='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='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>

</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<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:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blo
g.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to
&quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt
; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </
b:if></h3>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLi
nkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLin
kUrl'><data:post.olderLinkText/></a>
&#160;
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLin
kUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLi
nkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;
'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorCla
ss' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin
-bottom:-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:comme
nt.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comm
ent.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.oldestLink
Url'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'>
<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.addCo
mmentOnclick'><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' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<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' tar
get='_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' expr:data-href='data:post.canonicalUrl' expr:
data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<!-- MOBILE INDEX POST HERE -->
<div class='mobile-date-outer date-outer'>
<div class='mobile-post-outer'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
<b:else/>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:alt='data:post.title' expr:title='data:post.ti
tle' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpG
Ln8/w200-h150-c/picture_not_available.png'/>
</div>
</div>
</b:if>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
</a>
<div class='mobile-index-contents'>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>

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


</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<!-- MOBILE PAGE NAVIGATION LINKS HERE -->
<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='da
ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe
rPageTitle'>&amp;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='da
ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde
rPageTitle'>&amp;rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/
></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<!-- MOBILE ITEM POST HERE -->
<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope
' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<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='&quot;post-body-&quot; +
data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
<a href='http://qootech.blogspot.com/2015/06/tips-memilih-smartphone-yang-paling
-tepat-sebelum-membelinya.html' rel='dofollow' target='_blank' title='tips membe
li smartphone'/>
</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' itemprop='author' itemscope='itemscope' ite
mtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='
url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' tit
le='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' ite
mtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='boo
kmark' title='permanent link'><abbr class='published' expr:title='data:post.time
stampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>

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


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</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-sha
re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe
rPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde
rPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>

</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtyp
e='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><script
type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl
/>&quot;,&quot;<data:post.title/>&quot;));
</script></div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><img exp
r:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post
.title' height='100' width='100'/></div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='img-thumbnail'><img exp
r:alt='data:post.title' expr:title='data:post.title' height='100' src='http://4.
bp.blogspot.com/-lwmbuVYCles/VXutqjtSOvI/AAAAAAAAAD4/Uu-a-yc2cBA/s1600/GoGitar%2
BNo%2BImage.png' width='100'/></div>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
<div class='post-label-block'>
<b:if cond='data:post.dateHeader'>
<span class='date-block'><abbr class='published updated'
expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></span>
<b:else/>
<b:if cond='data:top.showTimestamp'>
<span class='date-block'><abbr class='published updated'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span>
</b:if>
</b:if>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a class='label-block' expr:href='data:label.url' rel='tag'><data:la
bel.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</div>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<h1 class='post-title entry-title' itemprop='name'>


<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>
</h1>
<b:else/>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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>
</h1>
</b:if>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + dat
a:post.id' itemprop='articleBody'>

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='&quot;post-body-&q
uot; + data:post.id' itemprop='articleBody'>
<data:post.snippet/>
<div style='clear: both;'/> <!-- clear for photos floats
-->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'
expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</b:if>
<b:else/>
<!-- Then use the post body as the schema.org description, for good G+
/FB snippeting. -->
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + dat
a:post.id' itemprop='description articleBody'>
<!-- KODE IKLAN ATAS POSTINGAN DISINI-->
<data:post.body/><!-- Share Button Cyber88 Widget Mulai-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='font-size: 22px;padding: 7px;margin: 0px auto;text-align: center;fon
t-family: Oswald;text-transform: uppercase;color: #216A93;background: none repea
t scroll 0% 0% #DDD;border: 1px dotted #AAA;'><b>Share keteman yuk !</b></div>
<div style='text-align:center'>
<ul class='social_cyber88' id='animation_cyber88'>
<li class='abfacebook'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&
quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.
open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&
apos;); return false;'><strong>Facebook</strong></a>
</li>
<li class='abtwitter'>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title
+ &quot; -- &quot; + data:post.url ' target='_blank' title='Twitter'><strong>Twi
tter</strong></a>
</li>
<li class='abgoogleplus'>
<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot;
+ data:post.url' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolba
r=0,status=0,width=626,height=436&apos;); return false;' target='_blank' title='
G+'><strong>Google+</strong></a>
<a href='http://qootech.blogspot.com/2015/06/cara-merawat-baterai-smartphone-tet
ap-hemat-dan-awet.html' rel='dofollow' target='_blank' title='cara merawat bater
ai smartphone'/>
</li>
</ul></div>
</b:if>
<!-- Share Button Cyber88 Widget Selesai-->
<!-- KODE IKLAN BAWAH POSTINGAN DISINI-->

<div style='clear: both;'/> <!-- clear for photos floats -->


<div class='post-author'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='vcard'>
<span class='fn' itemprop='author' itemscope='itemscop
e' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
by Guitaris : <a class='g-profile' expr:href='data:post.authorPr
ofileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype=
'http://schema.org/Person'>
Posted by <span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</div>
<!-- Related Post Widget Start -->
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loo
p values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if co
nd='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;
,
widgetTitle: &quot;&lt;h4&gt;Related Posts :&l
t;/h4&gt;&quot;,
numPosts: 5,
summaryLength: 100,
titleLength: &quot;auto&quot;,
thumbnailSize: 60,
noImage: &quot;http://3.bp.blogspot.com/-ltyYh
4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
moreText: &quot;Read More...&quot;,
widgetStyle: 2,
callBack: function() {}
};
</script>
<!-- Related Post Widget End -->
</div>
</b:if>
</article>
</b:includable>

<b:includable id='postQuickEdit' var='post'>


<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.co
m/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 + &quot;&amp;target=email&quot;' ex
pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi
sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.
sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(thi
s.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;
&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho
wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='
data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.s
hareToTwitterMsg' target='_blank'><span class='share-button-link-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.shareP
ostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.
href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&q
uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar
e-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='
data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinter
est' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr
:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top
.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/>
</div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-

editor' src='' style='display:block' width='100%'/>


<b:else/>
<div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p
ost.communityId/>&#39;);
</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;
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 + '</sp
an>';
}
}
}
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].hr
ef);
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].valu
e;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display
Time') {
comment.displayTime = 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.parentNode, 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 class='comments' id='comments'>
<a name='comments'/>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blo
g.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to
&quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt
; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </
b:if></h3>
<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' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>

<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!-- post wrapper end -->
<!-- sidebar wrapper start -->
<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PlusBadge1' locked='false' title='FOLLOW GOGITAR' type='PlusBa
dge'>
<b:includable id='main'>
<script type='text/javascript'>
window.___gcfg = {
lang: &#39;<data:language/>&#39;
};
</script>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div data-rel='author' expr:class='&quot;g-&quot; + data:badgeType' expr:datahref='data:profileUrl' expr:data-layout='data:layout' expr:data-showcoverphoto='
data:showCoverPhoto' expr:data-showtagline='data:showTagline' expr:data-theme='d
ata:theme' expr:data-width='data:width'>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='MENU GOGITAR' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='POPULAR GOGITAR' type='Po
pularPosts'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.tit
le/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;
item-thumbnail-only&quot;'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:s
rc='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.tit
le/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Stats1' locked='false' title='STAT GOGITAR' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. ->
<div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display:
none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&

quot;' height='30' width='75'/>


</b:if>
<span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounte
r ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:
id='data:widget.instanceId + &quot;_totalCount&quot;'>
</span>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
<!-- sidebar wrapper end -->
</div>
<!-- content wrapper end -->
<div class='clear'/>
<b:section class='banner728-bottom' id='banner728-bottom' maxwidgets='2' showa
ddelement='yes'>
<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 != &quot;&quot;'>
<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>
<!-- footer wrapper start -->
<footer id='footer-wrapper'>
<div class='footer-left'>
&#169; 2015 <a expr:href='data:blog.homepageUrl' rel='copyright'
><data:blog.title/></a> <a href='http://qootech.blogspot.com/2015/06/tips-memili
h-smartphone-yang-paling-tepat-sebelum-membelinya.html' rel='dofollow' target='_
blank' title='tips membeli smartphone'/>
</div>
<div class='footer-right'>
<a href='#' rel='nofollow' target='_blank' title='About Us'> Ab
out</a> - <a href='http://gogitar.blogspot.com/p/contact-us.html' rel='nofollow'
target='_blank' title='Contact Us'>Contact Us</a> - <a href='http://gogitar.blo
gspot.com/p/privacy-policy.html' rel='nofollow' target='_blank' title='Privacy P
olicy'>Privacy Policy</a> - <a href='#' rel='nofollow' target='_blank' title='Di
sclaimer'>Disclaimer</a> - <a href='http://gogitar.blogspot.com/p/sitemap.html'
rel='nofollow' target='_blank' title='Sitemap'>Sitemap</a> - <a href='#' rel='no
follow' target='_blank' title='Sitemap'>Terms Of Service</a>
</div>
</footer>
<!-- footer wrapper end -->
</div>
<!-- wrapper end -->

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


<script type='text/javascript'>
//<![CDATA[
/*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic
*/
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>
Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7
,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;b
ase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQV
QImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:fa
lse,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPost
Config){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j
=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.
appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=fu
nction(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math
.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object
"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.ope
nSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"
")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a
+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=do
cument.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widge
tTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"'
:"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}
for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLe
ngth!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t
;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url
.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in
x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?
>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p
=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].hr
ef:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r
+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-p
ost-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-po
st-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a hr
ef="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</l
i>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class=
"related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item
-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"
></a><div class="related-post-item-tooltip"><a class="related-post-item-title" t
itle="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li
class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href
="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src=
"'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="re
lated-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a cl
ass="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div clas
s="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" sr
c="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="
related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</s
pan></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w
+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;sho
wRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=jso
n-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window
,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>
</body>
</html>