Template Super SEO Friendly Gratis

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

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

<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 == "item"'><meta expr:content='data:blo
g.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searc
hLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex,no
follow' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></t
itle></b:if>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/>
| <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:
blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pag
eName/></title></b:if>
<b:if cond='data:blog.pageType == "index"'><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 == "error_page"'><title>Page Not Found<
/title></b:if>
<b:if cond='data:blog.pageType == "index"'><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"
</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"
</Group>
<Group description="Post Thumbnail" selector=".img-thumbnail">
<Variable name="post.thumbnail.background.color" description="Background Co
lor" type="color"
<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'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:'';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:"Courier New",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="1"] th, .post-body table[border="1"
] td, .post-body table[border="1"] 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="1"] 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);
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 {
}
.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;
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;
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;
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;
font-weight:bold;
}
.label-size a,.label-size span{
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;
}
.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 {
}
.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;
}
}
.tinynav {
display: inline-block;
}
#menu {
display:none;
}
}
#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;
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 != "index"'>
<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;
}
.comments .comment-block{
position:relative;
background:#fff;
padding:10px;
margin-left:60px;
}
.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%;
}
}
}
}
}
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;
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;
padding:3px 4px;
font-size:10px;
}
.pesan-komentar {
background:#fff;
padding:10px 20px;
margin:0 8px;
}
.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>

<b:if cond='data:blog.pageType == "item"'>
</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 () {
$('#menu').tinyNav();
});
</script>
<b:include data='blog' name='google-analytics'/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=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,'script','//www.google-analytics.com/analytics.
js','ga');
ga('create', 'UA-64120316-1', 'auto');
ga('send', 'pageview');
</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 ("return false")
</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='"loading" + data:blog.mobileClass'>

<div id='wrapper'>

<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 == "BEHIND"'>
<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sour
ceUrl + "\"); "
+ "background-positio
n: "
+ data:backgroundPositionStyleStr + "; &qu
ot;
+ data:widthStyleStr
+ "m
in-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: 0p
x'>
<b:include name='title'/>
</h1>
</div>
</div>
</b:if>
<b:else/>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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/>

<div class='titlewrapper'>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
</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:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</header>


<b:section class='banner728' id='banner728' maxwidgets='2' showaddelement='yes
'/>

<div id='content-wrapper'>

<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 == "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:include data='post' name='comment_picker'/>
</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:include name='nextprev'/>

<b:include name='feedLinks'/>
<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.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'> </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 + "_backlinks-create-link"' target='_blank'><data:post
.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</div>
<b:else/>
<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> » <b:loop values='data:post.labels'
var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><
span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label
.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.t
itle/></span>
</div>
<b:else/>
'nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:p
ost.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel
='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span
>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
'nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <span><a expr:href=
'data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>All post</sp
an>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span
> » <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'/>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_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>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.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='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 "<data:blo
g.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to
"<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments &gt
; 1'> <data:post.numComments/> Responses to "<data:blog.pageName/>" </
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>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLin
kUrl'><data:post.olderLinkText/></a>

</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLin
kUrl'><data:post.newerLinkText/></a>

<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 + "_comments-block-wrapper"
'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + 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>

<data:post.commentRangeText/>

<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>
<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.addCo
mmentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<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 + "_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' 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 == "false"'>
<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'>

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

<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='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&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'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope
' itemtype='http://schema.org/BlogPosting'>
<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='"post-body-" +
data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> 
<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>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<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: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>
</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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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>
</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>
<a expr:href='data:post.url'><div class='img-thumbnail'><script
type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl
/>","<data:post.title/>"));
</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 != "true"'/>
</b:loop>
</b:if>
</div>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:else/>
<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>
<div class='post-body entry-content' expr:id='"post-body-" + dat
a:post.id' itemprop='articleBody'>
<data:post.body/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-&q
uot; + data:post.id' itemprop='articleBody'>
<data:post.snippet/>
<div style='clear: both;'/> 
</div>
<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>
</b:if>
<b:else/>

<div class='post-body entry-content' expr:id='"post-body-" + dat
a:post.id' itemprop='description articleBody'>

<data:post.body/>
<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='"http://www.facebook.com/share.php?v=4&src=bm&u=&
quot; + data:post.url + "&t=" + data:post.title ' onclick='window.
open(this.href,'sharer','toolbar=0,status=0,width=626,height=436&
apos;); return false;'><strong>Facebook</strong></a>
</li>
<li class='abtwitter'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title
+ " -- " + data:post.url ' target='_blank' title='Twitter'><strong>Twi
tter</strong></a>
</li>
<li class='abgoogleplus'>
<a expr:href='"https://plusone.google.com/_/+1/confirm?hl=en&url="
+ data:post.url' onclick='window.open(this.href,'sharer','toolba
r=0,status=0,width=626,height=436'); 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>



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

<div class='related-post' id='related-post'/>
var labelArray = [<b:if cond='data:post.labels'><b:loo
p values='data:post.labels' var='label'>
"<data:label.name/>"<b:if co
nd='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>"
,
widgetTitle: "<h4>Related Posts :&l
t;/h4>",
numPosts: 5,
summaryLength: 100,
titleLength: "auto",
thumbnailSize: 60,
noImage: "http://3.bp.blogspot.com/-ltyYh
4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png",
containerId: "related-post",
newTabLink: false,
moreText: "Read More...",
widgetStyle: 2,
callBack: function() {}
};
</script>

</div>
</b:if>
</article>
</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.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 + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(thi
s.href, \"_blank\", \"height=270,width=475\"); return false;
"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.
href, \"_blank\", \"height=430,width=640\"); 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 + "&target=pinterest"' 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>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display:block' width='100%'/>

<b:else/>
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.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 + '</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 "<data:blo
g.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to
"<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments &gt
; 1'> <data:post.numComments/> Responses to "<data:blog.pageName/>" </
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>
<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' na
me='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:section>
</div>
</div>


<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusBadge1' locked='false' title='FOLLOW GOGITAR' type='PlusBa
dge'>
window.___gcfg = {
lang: '<data:language/>'
};
</script>
</b:if>
<div data-rel='author' expr:class='"g-" + 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:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='POPULAR GOGITAR' type='Po
pularPosts'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

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

<div expr:class='data:showSnippets ? "item-content" : "
item-thumbnail-only"'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr: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>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Stats1' locked='false' title='STAT GOGITAR' type='Stats'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>

<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline&
quot;' height='30' width='75'/>

</b:if>
<span expr:class='"counter-wrapper " + (data:showGraphicalCounte
r ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:
id='data:widget.instanceId + "_totalCount"'>
</span>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>

</div>

<b:section class='banner728-bottom' id='banner728-bottom' maxwidgets='2' showa
ddelement='yes'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>

<footer id='footer-wrapper'>
<div class='footer-left'>
© 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>

</div>


//<![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)+"…":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)+"…":"";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>

Template Super SEO Friendly Gratis

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 Super SEO Friendly Gratis

Uploaded by

Copyright:

Available Formats

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

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

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

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

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

.PopularPosts .item-thumbnail a img{

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

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

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

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

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

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

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

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

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

profileUrl: (auth.uri ? auth.uri.$t : undefined),

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

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

You might also like

Template Super SEO Friendly Gratis

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 Super SEO Friendly Gratis

Uploaded by

Copyright:

Available Formats

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

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

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

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

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

.PopularPosts .item-thumbnail a img{

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

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

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

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

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

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

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

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

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

profileUrl: (auth.uri ? auth.uri.$t : undefined),

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

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

You might also like

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

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