Ngutak Ngatik: Download Template merah itam

MERAH HITAM SILAHKAN COPY PASTE DI HTML ANDA NO 1

HUBUNGI SMS JIKA ANDA INGIN SAYA BUATKAN TEMPLATE
.081908248826

<?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://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    
<link href='http://fonts.googleapis.com/css?family=Oswald&ver=4.0.1' id='heading_font-css' media='all' rel='stylesheet' type='text/css'/>
    <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:blog.title' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
      <meta expr:content='data:blog.pageName' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <b:if cond='data:blog.searchLabel'>
        <meta content='noindex,nofollow' name='robots'/>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == "archive"'>
      <meta content='noindex,nofollow' 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/>
      </title>
    </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.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <b:if cond='data:blog.searchLabel'>
        <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'/>
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
    <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
    <style type="text/css"><!-- /* 
    <b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:     SoraMag Responsive Blogger Template
Designer: SoraTemplate
URL:      http://www.soratemplate.com
Version:  Full Version
----------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,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,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-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:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
/* FRAMEWORK */

body#layout #mywrapper {
width: 70%;
}
body#layout #post-wrapper {
width: 60%;
float: left;
}
body#layout #sidebar-narrow {
width: 22%;
}
body#layout div#main {
width: 100%;
}

.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:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
}
a:visited{color:#333333;text-decoration:none;
}
a:hover{color:#7f0906;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;vertical-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;
}
.post-body blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xcUNtBzqZ50KOXCkncQBimJZ6_zuO75TlKqVbhfXh81vlusvT7cL7gI_T2s5mM0QtPLI5NpuznTc2oduySJzQHa_LQ6v9DRHT3aToJyfmH-54bPDyfW9cYkWUQZkmoqnZ7RwtgbOGpRe/s50/quote.png) no-repeat scroll left 18px transparent;
font-family: Monaco,Georgia,"
font-size: 100%;
font-style: italic;
line-height: 22px;
margin: 20px 0 30px 20px;
min-height: 60px;
padding: 0 0 0 60px;
}
/* table */
.post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .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{
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#f0f0f0;
}
.post-body table.tr-caption-container td {border:none;padding:8px;
}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container {
padding:0 0 0 0;
}
body#layout #header-wrapper {
margin-top:60px;
}
body#layout .panel {
float:left;
width:79px;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background:#dddddd none repeat scroll top left;
margin:0 0 0 0;
padding:0 0 0 0;
color:#333333;
font:normal normal 13px Arial, sans-serif;
text-align:left;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHIIGOVFrPBtnvzJy2WLv0t-5Q_Yc8D6d8PuEWXflQ7iRakvTmXSTcn9j_gKOcpvjnnRIDKZmDEvO3P2roMZyTyr6rNAo7sxp1s64LXniNxQHUwO6nKFZvFY5UBlliPBtZR22501bIbq1g/s1600/sihitamtam.png') fixed;
background-repeat: repeat;
background-attachment: fixed;
background-position: center top;
background-color: #ddd;
background-size: auto;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:1196px;
margin:0px auto;
box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1);
overflow:hidden;
}
/* NAVIGATION MENU */
.top-menu {
font-size: 13px;
font-family: Arial;
margin: 0 auto;
height: 38px;
background: #57595A;
border-top: 4px solid #FF120C;
overflow: hidden;
padding: 0 28px;
font-weight: 600;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li {
display:block;
float:left;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li a {
background: #57595A;
color: #E0E0E0;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
background:#FF120C;
color:#fff;
}
ul.socialbar {
height:38px;
margin:0 0 0 0;
padding:0 0;
float:right;
}
ul.socialbar li {
display:inline-block;
list-style-type:none;
float:right;
margin:0 0;
padding:0 0;
border-right:none;
}

/* HEADER WRAPPER */
#header-wrapper {
margin:0 auto;
overflow:hidden;
padding: 0 28px;
}
.header {
float:left;
width:25.7%;
max-width:257px;
margin:20px 0;
}
.header h1.title,.header p.title {
font:normal bold 24px Fjalla One, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
}
.header .description {
color:#555555;
}
.header a {
color:#333333;
}
.header a:hover {
color:#999;
}
.header img {
display:block;
}
.header-right {
float:right;
padding:0;
overflow:hidden;
margin:22px 0;
width:72.8%;
max-width:728px;
}
.header-right img {
display:block;
}
#nav {

text-transform: uppercase;
height: 48px;
line-height: 48px;
padding: 0 28px;
background: #EEEEEE;
}
.menubar2 {
list-style: none;
margin:0 0 0 0;
*zoom: 1;
float:left;
}
.menubar2:before,
.menubar2:after {
content: " ";
display: table;
}
.menubar2:after {
clear: both;
}
.menubar2 ul {
list-style: none;
margin:0 0 0 0;
width:12em;
}
.menubar2 a {
display:block;
padding:0 15px;
}
.menubar2 li {
position: relative;
margin:0 0;
padding: 0 1px 0 0;
}
.menubar2 > li {
float: left;
}
.menubar2 > li > a {
display: block;
height:48px;
line-height:48px;
font-size: 16px;
text-decoration: none;
color: #57595a;
font-family: Oswald, 'Droid Sans', sans-serif;
}
.menubar2 > li > a.active {
background:#FF120C;
color:#fff;
}
.menubar2 > li:hover > a {
background:#FF120C;
color:#fff;
}
.menubar2 li ul {
background: #EEEEEE;
border-bottom: 4px solid #FF120C;
display:block;
position:absolute;
left:0;
z-index:999999999999999;
visibility:hidden;
opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
}
.menubar2 li li ul {
left:100%;
top:-1px;
}
.menubar2 > li.hover > ul {
visibility:visible;
opacity:10;
}

.menubar2 li li.hover ul {
visibility:visible;
opacity:10;
}
.menubar2 li li a {
display: block;
position: relative;
z-index: 100;
line-height: 32px;
border-bottom: 1px solid #BFBFBF;
font-size: 16px;
padding: 2px 4px 2px 12px;
text-decoration: none;
color: #57595a;
font-family: Oswald, 'Droid Sans', sans-serif;
}
.menubar2 li li a:hover {
color:#333;
}
.menubar2 li li li a {
color: #e0dfdf;
font-family: 'Droid Sans', sans-serif;
text-shadow: 0 1px 1px #4B4B4B;
z-index:20;
}
i.fa.fa-home {
font-size: 25px;
padding: 12px 5px;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 0px 28px 0;
word-wrap:break-word;
}
.largebanner {
background:#fff;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
}
.largebanner .widget {
padding:15px 14px;
overflow:hidden;
}
.largebanner img, .largebanner iframe{
display:block;
max-width:100%;
border:none;
overflow:hidden;
}
/* POST WRAPPER */
#post-wrapper {
background:transparent;
float:left;
width:645px;
max-width:645px;
margin: 0 10px 10px 0;
}
.post-container {
padding:15px 0px 0 0;
}
.breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;}
.breadcrumbs > span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggwbcSyTLwg2U7vCU52o6F4eCVGgW-F89M08UE238bmF97-hHOUeGLzzf5tNMSjr_vwLc12kaJSFGJf88oc5oXl68y-kU1FGYMZu4bBYRJqapw2SbD1lW_9-JLPVZDFFsdKN43sRTSn24/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
margin:0 0 15px;
padding:15px 0;
border-bottom: 1px solid #E2E2E2;
}
.post-body {
line-height:1.6em;
}
h2.post-title, h1.post-title {
font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0072C6;
}
.img-thumbnail {
background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2GjpVO8r0RwPpsy14qTWtNjV5IiUdXQNLtPM1fY0LWt8c_o0bkdKlDsn5afi4aOP2FObIvXsGiJ_QI7EIZxYF7g__yNoz_2XZMdMhE8tJtBIWodiHt0S0V9vY1_VnJlPMPZtC3yoj-C/w200-c-h140/no-image.png) no-repeat center center;
position:relative;
float:left;
width:200px;
height:150px;
margin:0 15px 0 0;
}
.img-thumbnail img {
width:200px;
height:150px;
}
span.rollover {
}
span.rollover:before {
content:"";
position: absolute;
width:24px;
height:24px;
margin:-12px;
top:50%;
left:50%;
}
span.rollover:hover {
opacity: .7;
-o-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
}
.post-info {
background: transparent;
margin: 0 0 12px;
color: #666666;
font-size: 11px;
padding: 5px 0;
border-bottom: 1px dotted #dedede;
border-top: 1px dotted #dedede;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
a.readmore {
display:inline-block;
margin:15px 0 0;
background-color:#ffffff;
border:1px solid #dddddd;
padding:0px 10px;
line-height:26px;
color:#333333;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
a.readmore:hover  {
border:1px solid #aaaaaa;
}
/* Page Navigation */
.pagenavi {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.pagenavi span,.pagenavi a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:$(readmore.color);
background-color:$(readmore.background.color);
border: 1px solid $(readmore.border.color);
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:right;
width:30%;
max-width:300px;
margin:0 auto;
}
.sidebar-container {
padding:15px 0;
}
.sidebar h2, .panel h2 {
color:#333333;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
background: #FF120C;
}
#sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span {
background: #FF120C;
padding: 6px 6px 6px 10px;
color: #fff;
font-size: 16px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: normal;
}
#related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
bottom: -6px;
left: 22px;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #FF120C;
}
.sidebar h2:after, .panel h2:after {
content: " ";
width:90px;
height: 0px;
position: absolute;
left: 0;
bottom: -2px;
}
.sidebar .widget {
margin:0 0 15px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:5px 0;
padding:0 0 0 0;
}
/* Recent Post */
.recent-post-title {
background:#FF120C;
margin:0 0 15px;
padding:0;
position:relative;
}
div.recent-post-title:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
bottom: -6px;
left: 22px;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #FF120C;
}
.recent-post-title h2 {
background: #FF120C;
padding: 6px 6px 6px 10px;
color: #fff;
font-size: 18px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: normal;
}
.recent-post-title h2 a {
color:#ffffff;
}
.stylebox {
float:left;
width:50%;
margin:0 0;
}
.stylebox .widget {
padding:0 15px 15px 0;
}
.stylebox .widget-content {
background:#ffffff;
}
.stylebox ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.stylebox1 {
float:left;
width:98%;
margin:0 0;
}
.stylebox1 .widget {
padding:0 0px 15px 0;
}
.stylebox1 .widget-content {
background:#ffffff;
}
.stylebox1  ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Recent Post */
ul.xpose_thumbs {
margin:0 0 0 0;
}
ul.xpose_thumbs li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:50px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs1 {
margin:0 0 0 0;
width:49%;
float:left;
}
ul.xpose_thumbs1 li {
font-size:12px;
min-height:68px;
margin:0 0 8px;
padding:0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs1 .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:73px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs1 .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs2 {
font-size:13px;
}
ul.xpose_thumbs2 li {
padding:0 0;
min-height:108px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs2 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 14px 0 0;
height:100px;
width:100px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:100px;
width:100px;
}
span.xpose_title {
display: block;
margin: 0 0 5px;
line-height: 1.4em;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-size: 22px;
font-weight: normal;
}
span.xpose_title2 {
font-size:18px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
font-size: 13px;
line-height: 24px;
color: #aaa;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {
color:#7f0906;
}
ul.xpose_thumbs22 {
font-size:13px;
width:49%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:108px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs22 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 14px 0 0;
height:100px;
width:100px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:100px;
width:100px;
}
span.xpose_title {
display: block;
margin: 0 0 5px;
line-height: 1.4em;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-size: 22px;
font-weight: normal;
}
span.xpose_title2 {
font-size:18px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
font-size: 13px;
line-height: 24px;
color: #aaa;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more  {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before  {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {
color:#7F0906;
}
/* BOTTOMBAR */
#bottombar {
background: #333333;

overflow: hidden;
margin: 0 auto;
padding: 15px 28px;
color: #dddddd;
}
#bottombar .left {
float:left;
width:34%;
}
#bottombar .center {
float:left;
width:34%;
}
#bottombar .right {
float:right;
width:32%;
}
#bottombar .left .widget, #bottombar .center .widget {
margin:0 15px 15px 0;
}
#bottombar .right .widget {
margin:0 0 15px 0;
}
#bottombar h2 {
font:normal bold 13px Arial, sans-serif;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
background: #FF120C;
color:#eeeeee;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:5px 0;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
color:#dddddd;
}
#bottombar a:hover {
color:#ffffff;
}
/* FOOTER */
#footer-wrapper {
background:#353738;
margin:0 auto;
padding:8px 20px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
}
.footer-left {
float:left;
margin:10px;
}
.footer-right {
float:right;
margin:10px;
}
#footer-wrapper a {
color:#eeeeee;
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* CUSTOM WIDGET */
.widget ul {
line-height:1.4em;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Arial, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 3px 0 0;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}
/* 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 {
background:#E73037;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}*/
/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:65px;
height:65px;
float:left;
}
.PopularPosts ul li {
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}

#bottombar .PopularPosts .item-title {
padding-bottom: .2em;
font-size: 16px;
font-weight: normal;
}

/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11.5px;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* back to top */
#back-to-top {
background:#353738;
color:#ffffff;
padding:8px 10px;
font-size:24px;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
right:20px;
z-index:999;
}
/* ==== Related Post Widget Start ==== */
#related-posts h2 > span{

padding: 8px 10px;
}
#related-posts{
float:left;
width:auto;
margin-bottom:40px;
}
#related-posts h2{
background: #FF120C;
padding: 8px 0;
font: normal normal 18px Oswald;
text-transform: uppercase;
font: normal bold 12px Arial, sans-serif;
text-align: left;
color: #fff;
margin-bottom: 5px;
}
#related-posts .related_img {
padding:0px;
width:200px;
height:140px;
}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTEFElDrpPU4vt-J27KSwvcyC8vCvDdew5zgYCURzyHONZc7-dSw3uPo119ptPwT8Owoba3UOV3qArY_pC6dHD93kBeUXDTZQl95ZGGGA304Cv1lgVve1_ypCArbWyg-Y74mY12qwdgNXe/s1600/share.png) no-repeat 330px 10px;
margin:20px 0 15px;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
/* error and search */
.status-msg-wrap {
font-size:120%;
font-weight:bold;
width:100%;
margin:20px auto;
}
.status-msg-body {
padding:20px 2%;
width:96%;
}
.status-msg-border {
border:1px solid #e5e5e5;
opacity:10;
width:auto;
}
.status-msg-bg {
background-color:#ffffff;
}
.status-msg-hidden {
padding:20px 2%;
}
#ArchiveList ul li:before {
content:"" !important;
padding-right:0px !important;
}
/* facebook comments */

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
.rich-snippet {
padding:10px;
margin:15px 0 0;
border:3px solid #eee;
font-size:12px;
}
/*-------sidebar----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:left;width:160px;margin-right: 14px;
padding: 16px 10px 0 0px;}
div#main {
width: 624px;
}
div#mywrapper {
float: left;
width: 840px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -8px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 8px 0 0 2px;
}
#sidebartab .widget {
margin-bottom: 0;
padding-bottom: 0;
}
#sidebartab .h2title {
display: none;
}
#sidebartab .h2titlesmall {
display: none;
}
#sidebartab .widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
color: white;
font-size: 13px;
font-weight: bold;
font-family: Arial,'Droid Arabic Kufi', Helvetica, Georgia, serif;
}
.tab-widget-menu li.selected {
background: #FF120C;
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 100px;
height: 100px;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover, #sidebartab .widget-content img:hover {
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts a {font-weight:bold;}
.tagcloud a {
background: #e4e4e4;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}
.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: #D15546;
color: #fff;
}
.tagcloud1 a {
background: #555555;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}
.tagcloud1 a:link {
color: #888;
}
.tagcloud1 a:hover {
background: #FF7457;
color: #fff;
}
.showpageArea a {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.showpageNum a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpageNum a:hover {
border: 1px solid #aaaaaa;
}
.showpagePoint {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #aaaaaa;
}
.showpageOf {
display:none;
}
.showpage a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpage a:hover {
border: 1px solid #aaaaaa;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#666;
}
.button {
text-align: center;
width: 100%;
margin: 10px 0;
padding: 0;
font-size: 14px;
font-family: 'Tahoma', Geneva, Sans-serif;
color: #fff;
margin-left: 0em !important;
}
.button ul {
margin: 0;
padding: 0;
}
.button li {
display: inline-block;
margin: 10px 0;
padding: 0;
}
.demo {
border-radius: 3px;
padding: 8px 12px;
background: #e74c3c;
color: #fff !important;
transition: background-color 1s 0s ease-out;
}
.download {
border-radius: 3px;
padding: 8px 12px;
background: #3498db;
color: #fff !important;
transition: background-color 1s 0s ease-out;
}
.buton a {
color: #fff;
}
.demo:hover {
background: #c0392b;
color: #fff;
}
.download:hover {
background: #2980b9;
color: #fff;
}
.download:before {
content: "\f019";
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
background: #2980b9;
margin-left: -12px;
margin-right: 6px;
border-radius: 3px 0 0 3px;
font-size: 16px;
}
.demo:before {
content: "\f06e";
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
background: #c0392b;
margin-left: -12px;
margin-right: 6px;
border-radius: 3px 0 0 3px;
font-size: 16px;
}
#Attribution1 {
height:0px; 
visibility:hidden;
display:none
}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 4px solid #333;
font-size: 18px;
font-family: Oswald,arial,Georgia,serif;
}
.share-post {
font-size: 13px;
margin-top: 15px;
}
.share-post li {
float: left;
}
.share-post a {
display: block;
margin-right: 10px;
text-indent: -9999px;
margin-left: 12px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_U7QASBW3I9Mb4K-fsIOtjFy2tjx8srgWEo8sS2aYxF74wke7BRiU0mTed6A9VqHsg3RKj-n0JdN916tmUNJCkvlM4qm-e0L557CDcuMATtEpjQm2PDd1HuGylSAWeihDXKCyRYtAFA/s1600/single-share.png) no-repeat;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s; 
}
.share-post a:hover {
opacity: .7;
}
.share-post
.facebook a {
width: 7px;
}
.share-post
.twitter a {
width: 18px;
background-position: -47px 0;
}
.share-post
.google a {
width: 14px;
background-position: -105px 0;
}
.share-post
.pinterest a {
width: 11px;
background-position: -159px 1px;
}
/*** Share Post Styling ***/
#share-post {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
#share-post a {
display: block;
height: 32px;
line-height: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_U7QASBW3I9Mb4K-fsIOtjFy2tjx8srgWEo8sS2aYxF74wke7BRiU0mTed6A9VqHsg3RKj-n0JdN916tmUNJCkvlM4qm-e0L557CDcuMATtEpjQm2PDd1HuGylSAWeihDXKCyRYtAFA/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
}
#searchform
{
margin:7px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background:#fff; border:none;
float:left; padding:0px 10px 0px 15px;
margin:0px; width:150px; height:34px;
line-height:34px;
transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdOreR2HBEcd52MV-Za_awYRj2VJzx_YB0DkFHvzYAlXPzoI-c5axtciGBSE_36QjzPIZKs18Z96zXSlmunp-QgxNNI-Ie4hCovHGjQwL7zyxBjuHduXWX9KfO2YsGcuOknzwes48FkTNa/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color:#FF120C;
}
input[type=submit]
{
padding:4px 17px;
color:#ffffcolor:#585858;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:left;
overflow:visible;
transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-webkit-transition:all .3s linear;
}
#searchform input[type=submit]:hover
{
background-color:#333;
}
.selectnav {
display:none;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 80px;
margin: 10px 5px 0px 5px;
width: 80px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
div#act {
display: none;
}

#sidebar-narrow .list-label-widget-content li {
  display: block;
padding: 8px 0 8px 8px;
position: relative;
background: #EEEEEE;
color:#555555;
}

#sidebar-narrow .list-label-widget-content li a:hover {
color:#fff;
}

#sidebar-narrow .list-label-widget-content li:hover {
background: #FF120C;
color:#fff;
}

#sidebar-narrow .list-label-widget-content li:hover > a {
background: #FF120C;
color: #fff;
}

#sidebar-narrow .list-label-widget-content li a {
font-size: 16px;
font-family: Oswald,'Droid Arabic Kufi', Helvetica, Georgia, serif;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
    text-transform: capitalize;
}

#sidebar-narrow .list-label-widget-content li span:last-child {
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
    text-decoration: underline;
}

/***** Social link*****/

ul.socialbar li,ul.socialbar li{
 float: left;
 margin-right: 0px;
 margin-bottom:0px;
 padding: 0px;
    display:block;
 width: auto;
background:#252525;
}  
ul.socialbar li a, ul.socialbar li a, a.soc-follow {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 width: 40px;
 height: 40px;
 margin-right: 2px;
 margin-bottom:2px;
 text-indent: -9999px;
 -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}

a.soc-follow.dribbble {
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4bB26hN8QFTMSgfQG2UFdk3Dgt0NYPz12eu9LYV_fsmywH5l-vmlhoNBr1yFuMKAXy4pewTnkGIWwnGJoTjKEQSGf4Yq4eTxF5sF5e-CWiOUNFLI9y5wl4dT2p5Jh_Lo1KucqUkHRbA/s1600/dribbble.png) no-repeat 0 0;
}
a.soc-follow.dribbble:hover {
 background-color: #ef5b92;
}

a.soc-follow.facebook {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/facebook.png) no-repeat 0 0;
}
a.soc-follow.facebook:hover{
 background-color: #3b5998;
}
a.soc-follow.flickrs {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/flickr.png) no-repeat 0 0;
}
a.soc-follow.flickrs:hover {
 background-color: #f1628b;
}

a.soc-follow.googleplus {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/googleplus.png) no-repeat 0 0;
}
a.soc-follow.googleplus:hover {
 background-color: #d94a39;
}

a.soc-follow.linkedin {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/linkedin.png) no-repeat 0 0;
}
a.soc-follow.linkedin:hover {
 background-color: #71b2d0;
}

a.soc-follow.twitter {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/twitter.png) no-repeat 0 0;
}
a.soc-follow.twitter:hover {
 background-color: #48c4d2;
}
a.soc-follow.vimeo {
 background: url(http://reportage.wp-theme.pro/wp-content/themes/reportage/images/social/vimeo.png) no-repeat 0 0;
}
a.soc-follow.vimeo:hover {
 background-color: #62a0ad;
}
 
ul.socicon-2 li a:hover, ul.socicon li a:hover, a.soc-follow:hover {
 background-position: 0 -40px;
}

/* === Features Slider === */
        #slider1{
          float:left;
          width:98%;
          max-height: 380px;
          margin:16px 0 0px 0;
          padding:0;
        }
        .sliderwrapper{
          float:left;
          width:100%;
          max-height:380px;
          height:100%;
          overflow:hidden;
          margin:0;
          padding:0
        }
        .sliderwrapper:hover{
          opacity:1;
          filter:alpha(opacity=100);
          -moz-opacity:1;
          -khtml-opacity:1
        }
        .sliderwrapper .contentdiv{
          float:left;
          width:100%;
          position:relative;
          padding:0;
          margin:0 0 10px 0;
        }
        #paginate-slider1 {
          position: absolute;
          top: 10px;
          left: 10px;
          text-align: center;
          height: 13px;
          z-index: 666;
          display: inline-flex;
        }
        .pagination a{
          font-size: 11px;
          background: rgba(0,0,0,0.5);
          display: block;
          cursor: pointer;
          text-indent: -9999px;
          border-radius: 100%;
          margin-left: 3px;
          width: 12px;
          height:12px;
        }
        .pagination{
          display:inline;
          margin:0;
        }
        .pagination a:hover,.pagination a.selected{
          background: #e2e2e2;
        }
        .featuredPost{ 
         width: 40%;
position: absolute;
top: 0;
right: 0;
background: rgba(90,90,90,0.8);
padding: 5%;
color: white;
margin: 30px;
        }
        .featuredPost a{
          color:#fff
        }
        .featuredPost a:hover{
          color:#dedde5
        }
        .featuredPost h2{
          font: $(sidebar.title.font);
          line-height:normal;
          margin:0 20px 10px 20px
        }
        .featuredPost p{
          margin:0 20px;
        }
        .sliderpost {
          width:100%;
          min-height: 380px;
          margin:0;
          padding:0;
          vertical-align: middle;
        }
        img.sliderpost {
          max-height: 380px;
        }
        .thumbE img {
          min-height: 164px;
        }

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

.button_1{padding: 10px 15px;
border-radius: 1px;
color: white;
font-size: 12px;
width: 65px;
float: right;
margin-top: 10px;
line-height: 1;
font-weight: bold;
position: relative;
display: block;
text-shadow: 0 1px 0 #333;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
background-color: #ff120c;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff120c), color-stop(100%, #f2110b));
background-image: -webkit-linear-gradient(top, #ff120c, #f2110b);
background-image: -moz-linear-gradient(top, #ff120c, #f2110b);
background-image: -ms-linear-gradient(top, #ff120c, #f2110b);
background-image: -o-linear-gradient(top, #ff120c, #f2110b);
background-image: linear-gradient(top, #ff120c, #f2110b);
border: 1px solid #cc0e0a;
box-shadow: inset 0 1px 0 0 #ff8986;}

#thumb-wrapper, #box6{
width:400px;
margin:0 auto;
}

.news_pictures1 {
margin-bottom:20px;
}
.news_pictures1 .news_pictures_list {
overflow: hidden;
margin-right:-13px;
}
.news_pictures1 .news_pictures_list li {
float: left;
margin-right: 9px;
margin-bottom: 9px;width:205px; height:120px;
list-style:none;
overflow:hidden;
}
.news_pictures1 .news_pictures_list li a {
display: block;
}
.news_pictures1 .news_pictures_list li img {
padding: 0px;
border: 0px solid #eee;
}
.news_pictures1 .news_pictures_list li img {
width:205px; height:auto; min-height:120px;
}

*/]]></b:skin>
    <style>
      @media only screen and (max-width:1024px){
        #selectnav1 {
          background: none repeat scroll 0 0 #333;
          border: 1px solid #232323;
          color: #FFF;
          width: 418px;
          margin: 8px 0px;
          float: left;
        }
        .selectnav {
          display:block;
          width:50%;
          margin:0;
          padding:7px;
        }
      }
      @media only screen and (max-width:768px){
        #selectnav1 {
          width: 405px;
        }
      }
      @media only screen and (max-width:480px){
        #selectnav1 {
          width:254px;
        }
      }
      @media only screen and (max-width:320px){
        #selectnav1 {
          width:280px;
        }
      }
      /* MEDIA QUERY */
      @media only screen and (max-width:1066px){
        #outer-wrapper {
          margin:0 auto;
        }
        #post-wrapper {
          width: 670px;
          max-width: 660px;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
      }
      @media only screen and (max-width:1024px){
        #menu-main {
          display: none;
        }
        div#main {
          width: auto;
        }
        #post-wrapper {
          width: 730px;
          max-width: 730px;
        }
        #sidebar-wrapper{
          width:100%;
          max-width:100%;
        }
      }
      @media only screen and (max-width:768px){
        #outer-wrapper {
          padding:0 12px;
        }
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper {
          float:none;
          width:100%;
          max-width:100%
        }
        .active {
          display: block;
        }
        .post-body img {
          max-width:90%;
        }
        .img-thumbnail {
          margin:0 10px 0 0;
        }
        .stylebox .widget {
          padding:0 0 10px 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {
          padding:0 5px 10px 0;
        }
        #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget {
          padding:0 0 10px 5px;
        }
        .sidebar-container, .post-container {
          padding:15px 0 0px;
        }
      }

@media only screen and (max-width:640px){
        #outer-wrapper {
          padding:0 10px;
        }
        #menu-main {
          display: none;
        }
        #content-wrapper{padding:0 10px}
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
          float:none;
          width:100%;
          max-width:100%
        }
        .header, .header-right {
          margin:10px 0;
        }
        .sidebar-container, .post-container{
          padding:10px 0 0px;
        }
        .largebanner .widget, #bottombar {
          padding:10px;
        }
        .post, .breadcrumbs {
          margin:0 0 10px;
          padding:10px;
        }
        .pagenavi {
          margin: 6px 0 10px;
        }
        .stylebox .widget-content {
          padding:10px;
        }
        #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
          margin:0 0 10px 0;
        }
      }
      @media only screen and (max-width:480px){
        #outer-wrapper {
          padding:0 8px;
        }
        ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .header, .header-right, .stylebox,.stylebox1  {
          float:none;
          width:100%;
          max-width:100%
        }
        .header img {
          margin: 20px auto 0;
        }
        .largebanner .widget, #bottombar {
          padding:8px;
        }
        .post, .breadcrumbs {
          margin:0 0 8px;
          padding:8px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:8px;
        }
        h2.post-title, h1.post-title {
          font-size:16px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:120px;
          height:90px;
        }
        .img-thumbnail {
          margin:0 8px 0 0;
        }
        #stylebox-1 .widget, #stylebox-3 .widget, #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget {
          padding:0 0 8px 0;
        }
        .comments .comment-block, .comments .comments-content .inline-thread {
          padding:10px !important;
        }
        .comment .comment-thread.inline-thread .comment {
          margin: 0 0 0 0 !important;
        }
        .footer-left, .footer-right {
          float:none;
          text-align:center;
        }
      }
      @media screen and (max-width:320px){
        #outer-wrapper {
          padding:0 6px;
        }
        #menu-main {
          display: none;
        }
        #sidebar-narrow{display:none}
        div#mywrapper {
          float: center;
          width: auto;
        }
        .post, .breadcrumbs {
          padding:6px;
        }
        .stylebox .widget-content,.stylebox1  .widget-content {
          padding:6px;
        }
        .img-thumbnail, .img-thumbnail img {
          width:100px;
          height:80px;
        }
      }
    </style>
    <b:if cond='data:blog.pageType == "item"'>
      <style type='text/css'>
        h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
          color:#383838;
          font-size:36px;
        }

.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCaBeAdmDzAoDGRbU-0ewnaRjbkQi7IGZS3a5Yc_w49vTtPkj6KprheABSqjz_99lF_eF8CMEAipsNitJZtIgISdRP6kKxzMpBiIjbjliENoGjsHGMSStyVzjhSFuMf0pawPZQzz1Tub8/s1600/menu-bg2.png) repeat;
   
}

.top-comment {
   float: left;
font-size: 14px;
list-style: none outside none;
text-transform: uppercase;
width: 44.57%;
margin: 1px;
padding: 10px 20px !important;
font-weight: normal;
color: #fff;
cursor: pointer;
}

#relpost_img_sum .news-text {
    display: none;
}

.top-comment.selected {
   cursor: pointer;
padding: 11px 20px !important;
margin: 0px 0 0 -16px;
color: #FFF;
background: #FF120C;
   
-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.top-comment.blogico:before {
    content: "\f0d5";
    font-family: fontawesome;
    margin-right: 15px;
}

.top-comment.faceico:before {
    content: "\f09a";
    font-family: fontawesome;
    margin-right: 15px;
}

</style>
    </b:if>
    <b:if cond='data:blog.pageType != "index"'>
      <style type='text/css'>
        /* COMMENT */
        .comment-form {
          overflow:hidden;
        }
        .comments h3 {
          line-height:normal;
          text-transform:uppercase;
          color:#333;
          font-weight:bold;
          margin:0 0 20px 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
        }
        .comments .comments-content .comment-thread ol{
          text-align:left;
          margin:13px 0;
          padding:0
        }
        .comments .avatar-image-container {
          background:#fff;
          border:1px solid #DDD;
          overflow:hidden;
          padding:6px;
        }
        .comments .comment-block{
          position:relative;
          background:#fff;
          padding:15px;
          margin-left:60px;
          border-left:3px solid #ddd;
          border-top:1px solid #DDD;
          border-right:1px solid #DDD;
          border-bottom:1px solid #DDD;
        }
        .comments .comment-block:before {
          content:"";
          width:0px;
          height:0px;
          position:absolute;
          right:100%;
          top:14px;
          border-width:10px;
          border-style:solid;
          border-color:transparent #DDD transparent transparent;
          display:block;
        }
        .comments .comments-content .comment-replies{
          margin:8px 0;
          margin-left:60px
        }
        .comments .comments-content .comment-thread:empty{
          display:none
        }
        .comments .comment-replybox-single {
          background:#f0f0f0;
          padding:0;
          margin:8px 0;
          margin-left:60px
        }
        .comments .comment-replybox-thread {
          background:#f0f0f0;
          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.inline-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{
          background:#fff;
          border:1px solid #DDD;
          padding:15px;
          margin:0
        }
        .comments .comments-content .icon.blog-author {
          display:inline;
        }
        .comments .comments-content .icon.blog-author:after {
          content: "Admin";
background: #0088C2;
color: #fff;
font-size: 11px;
padding: 2px 5px;
        }
        .comment-header {
          text-transform:uppercase;
          font-size:12px;
        }
        .comments .comments-content .datetime {
          margin-left: 6px;
        }
        .comments .comments-content .datetime a {
          color:#888;
        }
        .comments .comment .comment-actions a {
          display:inline-block;
          color:#333;
          font-weight:bold;
          font-size:10px;
          line-height:15px;
          margin:4px 8px 0 0;
        }
        .comments .continue a {
          color:#333;
          display:inline-block;
          font-size:10px;
        }
        .comments .comment .comment-actions a:hover, .comments .continue a:hover{
          text-decoration:underline;
        }
        .pesan-komentar {
                  }
        .pesan-komentar p {
          line-height:normal;
          margin:0 0;
        }
        .pesan-komentar:before {
         
        }
        .fb-comments{width: 100% !important;}
        .fb-comments iframe[style]{width: 100% !important;}
        .fb-like-box{width: 100% !important;}
        .fb-like-box iframe[style]{width: 100% !important;}
        .fb-comments span{width: 100% !important;}
        .fb-comments iframe span[style]{width: 100% !important;}
        .fb-like-box span{width: 100% !important;}
        .fb-like-box iframe span[style]{width: 100% !important;}
        .fotleft{float:left}
        .fotright{float:right;text-align:right;}
      </style>
    </b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
 #singlepage {
display:none;
visibility:hidden;
}
   </style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.top-comment-widget-menu.clear {
display: none;
      }</style>

</b:if>

//]]>
        </script>
        <script type='text/javascript'>
          var numposts = 1;
          var numposts2 = 4;
          var numposts3 = 4;
var numposts13 = 6;
          var showpostthumbnails = true;
          var showpostthumbnails2 = true;
          var displaymore = true;
          var displaymore2 = false;
          var showcommentnum = true;
          var showcommentnum2 = true;
          var showpostdate = true;
          var showpostdate2 = true;
          var showpostsummary = true;
          var numchars = 100;
          var thumb_width = 300;
          var thumb_height = 210;
          var thumb_width2 = 100;
          var thumb_height2 = 100;
          var no_thumb = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRyjVJDjBS2JgOWl0Kk58Azeds4wbPDemiTzFFAPNwE0F-Li5f2agGQJe5oy9IsjNZH9nxMtalJ7_u7R6yr2lUHbcxGwZ3a4luFpPT3jaKQrjazVnq6L8vvDffg1EMunzRg9991CfmvY1/w300-c-h140/no-image.png'
          var no_thumb2 = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2GjpVO8r0RwPpsy14qTWtNjV5IiUdXQNLtPM1fY0LWt8c_o0bkdKlDsn5afi4aOP2FObIvXsGiJ_QI7EIZxYF7g__yNoz_2XZMdMhE8tJtBIWodiHt0S0V9vY1_VnJlPMPZtC3yoj-C/s60-c/no-image.png'
        </script>
        <script type='text/javascript'>
          //<![CDATA[
          function bp_thumbnail_resize(image_url,post_title)
          {
            var image_width=300;
            var image_height=210;
            image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
            if(post_title!="") return image_tag; else return ""; 
          }
          //]]>
        </script>
  
    
    <script style='text/javascript'>
      //<![CDATA[
      function authorshow(data) {
        for (var i = 0; i < 1; i++) {
          var entry = data.feed.entry[i];
          var avtr = entry.author[0].gd$image.src;
          document.write('<img width="60" height="60" src="' + avtr + '"/>');
        }
      }
      //]]>
    </script>
    <script type='text/javascript'>
      //<![CDATA[ 
      jQuery(document).ready(function($){
        $(window).load(function(){
          $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            directionNav:true,
            slideshowSpeed: 5000,controlNav: true,
            smoothHeight: true,
            slideDirection: 'horizontal'
          });
          jQuery('.slides').addClass('loaded');
        }); 
        var aboveHeight = $('#leader-wrapper').outerHeight();
        $(window).scroll(function(){
          if ($(window).scrollTop() > aboveHeight){
            $('#main-nav').addClass('fixed-nav').css('top','0').next()
            .css('padding-top','43px');
          } else {
            $('#main-nav').removeClass('fixed-nav').next()
            .css('padding-top','0');
          }
        });
      });
      //]]>
    </script>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
    <script type='text/javascript'>
      $(function() {
        $(".set-1").mtabs();                                
      });
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      window.selectnav=function(){return function(p,q){var a,h=function(b){var c;b||(b=window.event);b.target?c=b.target:b.srcElement&&(c=b.srcElement);3===c.nodeType&&(c=c.parentNode);c.value&&(window.location.href=c.value)},k=function(b){b=b.nodeName.toLowerCase();return"ul"===b||"ol"===b},l=function(b){for(var c=1;document.getElementById("selectnav"+c);c++){}return b?"selectnav"+c:"selectnav"+(c-1)},n=function(b){g++;var c=b.children.length,a="",d="",f=g-1;if(c){if(f){for(;f--;){d+=r}d+=" "}for(f=0;f<c;f++){var e=b.children[f].children[0];if("undefined"!==typeof e){var h=e.innerText||e.textContent,i="";j&&(i=-1!==e.className.search(j)||-1!==e.parentElement.className.search(j)?m:"");s&&!i&&(i=e.href===document.URL?m:"");a+='<option value="'+e.href+'" '+i+">"+d+h+"</option>";t&&(e=b.children[f].children[1])&&k(e)&&(a+=n(e))}}1===g&&o&&(a='<option value="">'+o+"</option>"+a);1===g&&(a='<select class="selectnav" id="'+l(!0)+'">'+a+"</select>");g--;return a}};if((a=document.getElementById(p))&&k(a)){document.documentElement.className+=" js";var d=q||{},j=d.activeclass||"active1",s="boolean"===typeof d.autoselect?d.autoselect:!0,t="boolean"===typeof d.nested?d.nested:!0,r=d.indent||"\u2192",o=d.label||"- Navigation -",g=0,m=" selected ";a.insertAdjacentHTML("afterend",n(a));a=document.getElementById(l());a.addEventListener&&a.addEventListener("change",h);a.attachEvent&&a.attachEvent("onchange",h)}}}();(jQuery);
      //]]></script>
    
    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function(){
        selectnav('menu-main', {
          label: 'Select Here ',
          nested: true,
          autoselect: false,
          indent: '-'
        });
      });
      //]]></script>
    <script type='text/javascript'>
      //<![CDATA[
      var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-QIXixUiY_lBo0nEA5TQf35WylC7hql96RnNOG90_CMYCINtgF91HVehTH2E_NU1_FI7i7k5OF_ZtWczNFWSWW9U8JmYxdb8ZUwq9LOE3XHpaKm9y-Tgw9RlUaAwa0xYvvLn2OfrOubI/s1600/picture_not_available.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>
'+relatedpoststitle+'</h1>
');document.write('<div style="clear: both;"/>
');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 7px 0px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div style="width:160px;padding:9px 14px 20px;color:#fff;height:25px;text-align:left;margin:-59px 0px 0px 0px; font: normal 14px Oswald; line-height:20px;background: rgba(255 , 18 , 12 , 0.9);opacity: 0.9;filter: alpha(opacity = 90);">
'+relatedTitles[r]+'</div>
</a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>
');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
      //]]>
    </script>

//** July 11th, 08'- Script updated to v 2.4:
   //1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")
   //2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.
   
// Featured Content Slider- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
// This notice MUST stay intact for legal use
// Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more

var featuredcontentslider={

//3 variables below you can customize if desired:
ajaxloadingmsg: '<div style="margin: 20px 0 0 20px">
<img src="loading.gif" /> Fetching slider Contents. Please wait...</div>
',
bustajaxcache: true, //bust caching of external ajax page after 1st request?
enablepersist: true, //persist to last content viewed when returning to page?

settingcaches: {}, //object to cache "setting" object of each script instance

jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
 this.turnpage(this.settingcaches[fcsid], pagenumber)
},

ajaxconnect:function(setting){
 var page_request = false
 if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
  try {
  page_request = new ActiveXObject("Msxml2.XMLHTTP")
  } 
  catch (e){
   try{
   page_request = new ActiveXObject("Microsoft.XMLHTTP")
   }
   catch (e){}
  }
 }
 else if (window.XMLHttpRequest) // if Mozilla, Safari etc
  page_request = new XMLHttpRequest()
 else
  return false
 var pageurl=setting.contentsource[1]
 page_request.onreadystatechange=function(){
  featuredcontentslider.ajaxpopulate(page_request, setting)
 }
 document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg
 var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
 page_request.open('GET', pageurl+bustcache, true)
 page_request.send(null)
},

ajaxpopulate:function(page_request, setting){
 if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
  document.getElementById(setting.id).innerHTML=page_request.responseText
  this.buildpaginate(setting)
 }
},

buildcontentdivs:function(setting){
 var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
 for (var i=0; i<alldivs.length; i++){
  if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
   setting.contentdivs.push(alldivs[i])
    alldivs[i].style.display="none" //collapse all content DIVs to begin with
  }
 }
},

buildpaginate:function(setting){
 this.buildcontentdivs(setting)
 var sliderdiv=document.getElementById(setting.id)
 var pdiv=document.getElementById("paginate-"+setting.id)
 var phtml=""
 var toc=setting.toc
 var nextprev=setting.nextprev
 if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
  for (var i=1; i<=setting.contentdivs.length; i++){
   phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
  }
  phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
  pdiv.innerHTML=phtml
 }
 var pdivlinks=pdiv.getElementsByTagName("a")
 var toclinkscount=0 //var to keep track of actual # of toc links
 for (var i=0; i<pdivlinks.length; i++){
  if (this.css(pdivlinks[i], "toc", "check")){
   if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
    pdivlinks[i].style.display="none" //hide this toc link
    continue
   }
   pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
   pdivlinks[i][setting.revealtype]=function(){
    featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
    return false
   }
   setting.toclinks.push(pdivlinks[i])
  }
  else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
   pdivlinks[i].onclick=function(){
    featuredcontentslider.turnpage(setting, this.className)
    return false
   }
  }
 }
 this.turnpage(setting, setting.currentpage, true)
 if (setting.autorotate[0]){ //if auto rotate enabled
  pdiv[setting.revealtype]=function(){
   featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
  }
  sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
   featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
  }
  setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
  this.autorotate(setting)
 }
},

urlparamselect:function(fcsid){
 var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL
 return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},

turnpage:function(setting, thepage, autocall){
 var currentpage=setting.currentpage //current page # before change
 var totalpages=setting.contentdivs.length
 var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
 turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
 if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
  return
 setting.currentpage=turntopage
 setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex
 this.cleartimer(setting, window["fcsfade"+setting.id])
 setting.cacheprevpage=setting.prevpage
 if (setting.enablefade[0]==true){
  setting.curopacity=0
  this.fadeup(setting)
 }
 if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
  setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
  setting.onChange(setting.prevpage, setting.currentpage)
 }
 setting.contentdivs[turntopage-1].style.visibility="visible"
 setting.contentdivs[turntopage-1].style.display="block"
 if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
  this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")
 if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
  this.css(setting.toclinks[turntopage-1], "selected", "add")
 setting.prevpage=turntopage
 if (this.enablepersist)
  this.setCookie("fcspersist"+setting.id, turntopage)
},

setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
 var targetobject=setting.contentdivs[setting.currentpage-1]
 if (targetobject.filters && targetobject.filters[0]){ //IE syntax
  if (typeof targetobject.filters[0].opacity=="number") //IE6
   targetobject.filters[0].opacity=value*100
  else //IE 5.5
   targetobject.style.filter="alpha(opacity="+value*100+")"
 }
 else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
  targetobject.style.MozOpacity=value
 else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
  targetobject.style.opacity=value
 setting.curopacity=value
},

fadeup:function(setting){
 if (setting.curopacity<1){
  this.setopacity(setting, setting.curopacity+setting.enablefade[1])
  window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)
 }
 else{ //when fade is complete
  if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
   setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
  setting.onChange(setting.cacheprevpage, setting.currentpage)
 }
},

cleartimer:function(setting, timervar){
 if (typeof timervar!="undefined"){
  clearTimeout(timervar)
  clearInterval(timervar)
  if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
   setting.contentdivs[setting.cacheprevpage-1].style.display="none"
  }
 }
},

css:function(el, targetclass, action){
 var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
 if (action=="check")
  return needle.test(el.className)
 else if (action=="remove")
  el.className=el.className.replace(needle, "")
 else if (action=="add")
  el.className+=" "+targetclass
},

autorotate:function(setting){
 window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])
},

getCookie:function(Name){ 
 var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
 if (document.cookie.match(re)) //if cookie found
  return document.cookie.match(re)[0].split("=")[1] //return its value
 return null
},

setCookie:function(name, value){
 document.cookie = name+"="+value

init:function(setting){
 var persistedpage=this.getCookie("fcspersist"+setting.id) || 1
 var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index
 this.settingcaches[setting.id]=setting //cache "setting" object
 setting.contentdivs=[]
 setting.toclinks=[]
 setting.topzindex=0
 setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
 setting.prevpage=setting.currentpage
 setting.revealtype="on"+(setting.revealtype || "click")
 setting.curopacity=0
 setting.onChange=setting.onChange || function(){}
 if (setting.contentsource[0]=="inline")
  this.buildpaginate(setting)
 if (setting.contentsource[0]=="ajax")
  this.ajaxconnect(setting)
}

}

//]]>
    </script>

</head>
  <body expr:class='"loading" + data:blog.mobileClass'>
    <div id='fb-root'/>
    <script>
      //<![CDATA[
      window.fbAsyncInit = function() {
        FB.init({
          appId : 'YOUR_APPLICATION_ID',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml : true // parse XFBML
        });
      };
      (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
      //]]>
    </script>
    <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\758126979962537322862\46blogName\75Ngutak+Ngatik\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//ngutakngatikcomputer.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://ngutakngatikcomputer.blogspot.com/\46vt\75-8094897854644229731',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
      </b:widget>
    </b:section>

<div id='outer-wrapper'>
      <div id='top-nav'>
        <nav class='top-menu'>
          
          <ul class='menubar'>
<li class='selected'>
              <a href='http://ngutakngatikcomputer.blogspot.co.id/'>
                Home
              </a>
            </li>
<li>
              <a href='http://ngutakngatikcomputer.blogspot.co.id/2015/12/syaqilah.html'>
                Kunjungi Blog
              </a>
            </li>
<li>
              <a href='https://plus.google.com/u/0/100898999856216196204/posts'>
                Contact
              </a>
            </li>
<li>
              <a href='https://www.blogger.com/home'>
                Masuk Blog
              </a>
            </li>
<li>
              <a href='#'>
                Lain
              </a>
            </li>
</ul>

<ul class='socialbar'>
<li><a class='soc-follow facebook' href='#' title='facebook'/></li>
<li><a class='soc-follow twitter' href='#' title='twitter'/></li>
<li><a class='soc-follow vimeo' href='#' title='vimeo'/></li>
<li><a class='soc-follow flickrs' href='#' title='flickr'/></li>
<li><a class='soc-follow dribbble' href='#' title='dribbble'/></li>
<li><a class='soc-follow linkedin' href='#' title='linkedin'/></li>
<li><a class='soc-follow googleplus' href='https://plus.google.com/u/0/100898999856216196204/posts' title='google plus'/></li>
</ul>

        </nav>
      </div>
<div class='clear'/>
      
      <header id='header-wrapper'>
        <b:section class='header section' id='header' showaddelement='no'>
          <b:widget id='Header1' locked='false' title='Ngutak Ngatik (Header)' type='Header'>
            <b:includable id='main'>
              <b:if cond='data:useImage'>
                <b:if cond='data:imagePlacement == "BEHIND"'>
                  
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
</div>
<b:include name='description'/>
                    </div>
<b:else/>
                    <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
</div>
<b:include name='description'/>
                    </div>
</b:if>
                  <b:else/>
                  
                  <div id='header-inner'>
                    <a expr:href='data:blog.homepageUrl' style='display: block'>
                      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                    </a>
                    
                    <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
                      <b:include name='description'/>
                    </b:if>
                  </div>
</b:if>
                <b:else/>
                
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
</div>
<b:include name='description'/>
                </div>
</b:if>
            </b:includable>
            <b:includable id='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='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML7' locked='false' title='' type='HTML'>
            <b:includable id='main'>
              
              <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>
      </header>
      
      <nav id='nav'>
        
        <ul class='nav menubar2' id='menu-main'>
<li>
            <a class='active' href='/'>
              <i class='fa fa-home'/>
              <div id='act'>
                Home
              </div>
</a>
          </li>
<li>
            <a href='#'>
              Business
            </a>
            <ul>
<li>
                <a href='#'>
                  Fashion
                </a>
              </li>
<li>
                <a href='#'>
                  Fashion1
                </a>
              </li>
<li>
                <a href='#'>
                  Fashion2
                </a>
              </li>
</ul>
</li>
<li>
            <a href='#'>
              Fashion
            </a>
            <ul>
<li>
                <a href='#'>
                  Sub Menu 1
                </a>
              </li>
<li>
                <a href='#'>
                  Sub Menu 2
                </a>
              </li>
<li>
                <a href='#'>
                  Sub Menu 3
                </a>
              </li>
</ul>
</li>
<li>
            <a href='#'>
              Sports
            </a>
          </li>
<li>
            <a href='#'>
              Games
            </a>
          </li>
<li>
            <a href='#'>
              Technology
            </a>
          </li>
<li>
            <a href='#'>
              Download This Template
            </a>
          </li>
</ul>
<div id='searchformfix'>
          <form action='/search' id='searchform'>
            <input name='q' onblur='if (this.value == "") {this.value = "Text to Search...";}' onfocus='if (this.value == "Text to Search...") {this.value = "";}' type='text' value='Text to Search...'/>
            <input type='submit' value=''/>
          </form>
</div>
</nav>
      <div class='clear'/>
      
      
      <div id='content-wrapper'>
        <div id='mywrapper'>
          <div id='sidebar-narrow' style='width:100%;max-width:160px;float:left;'>
            <b:section class='sidebar' id='sidebar-lab' preferred='yes'>
              <b:widget id='HTML8' locked='false' title='Sponsor' type='HTML'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
</b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
<b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='Label7' locked='false' title='Labels' type='Label'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
</b:if>
                  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                    <b:if cond='data:display == "list"'>
                      <ul>
                        <b:loop values='data:labels' var='label'>
<li>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'>
                                <data:label.name/>
                              </span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                <data:label.name/>
                              </a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span dir='ltr'>
                                (
                                <data:label.count/>
                                )
                              </span>
                            </b:if>
                          </li>
</b:loop>
                      </ul>
<b:else/>
                      <b:loop values='data:labels' var='label'>
                        <span expr:class='"label-size label-size-" + data:label.cssSize'>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span class='label-count' dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </span>
                      </b:loop>
                    </b:if>
                    <b:include name='quickedit'/>
                  </div>
</b:includable>
              </b:widget>
            </b:section>
          </div>

          <div id='post-wrapper'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
            <div class='clearfix' id='featured'>
              <b:section id='slider1' showaddelement='no'>
                <b:widget id='HTML26' locked='false' mobile='yes' title='Looped Slider' type='HTML'>
                  <b:includable id='main'>
                    <div class='sliderwrapper'>
                      <script>
                        document.write("<script src=\"/feeds/posts/default/-/Slider?max-results="+numposts8+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
                      </script>
                    </div>
<div class='pagination' id='paginate-slider1'>
                    </div>
</b:includable>
                </b:widget>
              </b:section>
              <div class='clear'>
                 
              </div>
</div>
</b:if>
<div class='clear'/>
            <div class='post-container'>
             <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <b:section class='stylebox1 section' id='stylebox-1' showaddelement='yes'>
                  <b:widget id='HTML1' locked='true' title='Business' type='HTML'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                   <script>  document.write('<div class="recent-post-title">
<h2>
<a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2>
</div>
'); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>

</ul>
</div>
</div>
<b:include name='quickedit'/>
                    </b:includable>
   </b:widget>
 </b:section>
                <b:section class='stylebox1 section' id='stylebox-4' showaddelement='yes'>
                  <b:widget id='HTML4' locked='false' title='Technology' type='HTML'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                   <script>  document.write('<div class="recent-post-title">
<h2>
<a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2>
</div>
'); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>

<b:section class='stylebox section' id='stylebox-5' showaddelement='yes'>
                  <b:widget id='HTML5' locked='false' title='Sports' type='HTML'>
                    <b:includable id='main'>
                      
                      <b:if cond='data:title != ""'>
                   <script>  document.write('<div class="recent-post-title">
<h2>
<a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2>
</div>
'); 
                     </script> </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>

</p>
</b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

</div>
</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: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' target='_blank'>
                            <data:f.name/>
                            (
                            <data:f.feedType/>
                            )
                          </a>
                        </b:loop>
                      </div>
</b:includable>
                    <b:includable id='iframe_comments' var='post'>
                      <b:if cond='data:post.allowIframeComments'>
                        <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                        <div class='cmt_iframe_holder' 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.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </b:includable>
                    <b:includable id='mobile-index-post' var='post'>
                      
                      <div class='mobile-date-outer date-outer'>
                        <div class='mobile-post-outer'>
                          <div class='mobile-index-contents'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:src='data:post.thumbnailUrl'/>
                                </div>
</div>
<b:else/>
                              <div class='mobile-index-thumbnail'>
                                <div class='Image'>
                                  <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2GjpVO8r0RwPpsy14qTWtNjV5IiUdXQNLtPM1fY0LWt8c_o0bkdKlDsn5afi4aOP2FObIvXsGiJ_QI7EIZxYF7g__yNoz_2XZMdMhE8tJtBIWodiHt0S0V9vY1_VnJlPMPZtC3yoj-C/s66-c/no-image.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='post-body'>
                              <div class='post-info'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                      <i class='fa fa-user'/>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                          <span itemprop='name'>
                                            <data:post.author/>
                                          </span>
                                        </a>
                                      </span>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <i class='fa fa-calendar'/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != "item"'>
                                  <b:if cond='data:blog.pageType != "static_page"'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                        <i class='fa fa-comments'/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                            Add Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1 Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments > 1'>
                                            <data:post.numComments/>
                                            Comments 
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
</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: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'>
                      
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
                              ‹
                            </a>
                          </div>
</b:if>
                        <b:if cond='data:olderPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                              ›
                            </a>
                          </div>
</b:if>
                        <div class='mobile-link-button' id='blog-pager-home-link'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                        </div>
<div class='mobile-desktop-link'>
                          <a class='home-link' expr:href='data:desktopLinkUrl'>
                            <data:desktopLinkMsg/>
                          </a>
                        </div>
</div>
<div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      
                      <div class='date-outer'>
                        <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='mobile-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-info' style='margin-bottom:15px;'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='author-info'>
                                      <i class='fa fa-user'/>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                          <span itemprop='name'>
                                            <data:post.author/>
                                          </span>
                                        </a>
                                      </span>
                                    </span>
                                    <b:else/>
                                    <span class='author-info'>
                                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:top.showTimestamp'>
                                  <b:if cond='data:post.url'>
                                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                    <span class='time-info'>
                                      <i class='fa fa-calendar'/>
                                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                        <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                          <data:post.timestamp/>
                                        </abbr>
                                      </a>
                                    </span>
                                  </b:if>
                                </b:if>
                                <b:if cond='data:blog.pageType != "item"'>
                                  <b:if cond='data:blog.pageType != "static_page"'>
                                    <b:if cond='data:post.allowComments'>
                                      <span class='comment-info'>
                                        <i class='fa fa-comments'/>
                                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                          <b:if cond='data:post.numComments == 0'>
                                            Add Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments == 1'>
                                            1 Comment 
                                          </b:if>
                                          <b:if cond='data:post.numComments > 1'>
                                            <data:post.numComments/>
                                            Comments 
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                                
                                <data:post.body/>
                                <div style='clear: both;'/>
                                <div id='share-buttons-mobile'>
                                  <p>
Share : 
                                  </p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>
                                    Facebook
                                  </a>
                                  <a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>
                                    Google+
                                  </a>
                                  <a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>
                                    Twitter
                                  </a>
                                  <div class='clear'/>
                                </div>
<div id='related-posts-mobile'>
                                  <h3>
                                    Related Posts :
                                  </h3>
<b:loop values='data:post.labels' var='label'>
                                    <b:if cond='data:label.isLast != "true"'/>
                                    <b:if cond='data:blog.pageType == "item"'>
                                      <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
                                    </b:if>
                                  </b:loop>
                                  <script type='text/javascript'>
                                    removeRelatedDuplicates(); printRelatedLabels(); </script>
                                </div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == "item"'>
                              <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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
                              <data:newerPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <span id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                              <data:olderPageTitle/>
                            </a>
                          </span>
                        </b:if>
                        <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='page-navi'>
                      <div class='pagenavi'>
                        <script type='text/javascript'>
                          var pageNaviConf = {
                            perPage: 5,
                            numPages: 9,
                            firstText: "First",
                            lastText: "Last",
                            nextText: "Next",
                            prevText: "Prev"
                          }
                        </script>
                        <script type='text/javascript'>
                          //<![CDATA[
                          function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
                          //]]>
                        </script>
                        <div class='clear'/>
                      </div>
</b:includable>
                    <b:includable id='post' var='post'>
                      <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='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 != "item"'>
                          <b:if cond='data:blog.pageType != "static_page"'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <a expr:href='data:post.url'>
                                <div class='img-thumbnail'>
                                  <span class='rollover'/>
                                  <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'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
                                  </div>
</a>
                                <b:else/>
                                <a expr:href='data:post.url'>
                                  <div class='img-thumbnail'>
                                    <span class='rollover'/>
                                    <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2GjpVO8r0RwPpsy14qTWtNjV5IiUdXQNLtPM1fY0LWt8c_o0bkdKlDsn5afi4aOP2FObIvXsGiJ_QI7EIZxYF7g__yNoz_2XZMdMhE8tJtBIWodiHt0S0V9vY1_VnJlPMPZtC3yoj-C/w200-c-h150/no-image.png'/>
                                  </div>
</a>
                              </b:if>
                            </b:if>
                          </b:if>
                        </b:if>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <b:if cond='data:blog.pageType != "item"'>
                            <b:if cond='data:blog.pageType == "static_page"'>
                              <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-info'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
                              <span class='author-info'>
                                <i class='fa fa-user'/>
                                <span class='vcard'>
                                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                </span>
                              </span>
                              <b:else/>
                              <span class='author-info'>
                                <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                  <span itemprop='name'>
                                    <data:post.author/>
                                  </span>
                                </span>
                              </span>
                            </b:if>
                          </b:if>
                          <b:if cond='data:top.showTimestamp'>
                            <b:if cond='data:post.url'>
                              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                              <span class='time-info'>
                                <i class='fa fa-calendar'/>
                                <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                  <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                    <data:post.timestamp/>
                                  </abbr>
                                </a>
                              </span>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType != "item"'>
                            <b:if cond='data:blog.pageType != "static_page"'>
                              <b:if cond='data:post.allowComments'>
                                <span class='comment-info'>
                                  <i class='fa fa-comments'/>
                                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <b:if cond='data:post.numComments == 0'>
                                      Add Comment 
                                    </b:if>
                                    <b:if cond='data:post.numComments == 1'>
                                      1 Comment 
                                    </b:if>
                                    <b:if cond='data:post.numComments > 1'>
                                      <data:post.numComments/>
                                      Comments 
                                    </b:if>
                                  </a>
                                </span>
                              </b:if>
                            </b:if>
                          </b:if>
                          <b:if cond='data:blog.pageType == "item"'>
                            <b:if cond='data:post.labels'>
                              <span class='label-info'>
                                <i class='fa fa-tags'/>
                                <b:loop values='data:post.labels' var='label'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  <b:if cond='data:label.isLast != "true"'>
                                    ,
                                  </b:if>
                                </b:loop>
                              </span>
                            </b:if>
                          </b:if>
                          <b:include data='post' name='postQuickEdit'/>
                        </div>
<div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
<b:if cond='data:blog.pageType != "item"'>
                          <b:if cond='data:blog.pageType == "static_page"'>
                            <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>
                              <data:post.body/>
                              <div style='clear: both;'/>
                            </div>
<b:else/>
                            <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>
                              <div>
                                <data:post.snippet/>
                              </div>
<a class='readmore' expr:href='data:post.url + "#more"' expr:title='data:post.title'>
                                Read More 
                                <i class='fa fa-caret-right'/>
                              </a>
                              <div style='clear: both;'/>
                            </div>
</b:if>
                          <b:else/>
                          
                          <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
                            
                            <data:post.body/>
                            <div style='clear: both;'/>
                            <div id='share-post'>
                              <a class='facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                                <span/>
                                Share on Facebook
                              </a>
                              <a class='twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                                <span/>
                                Share on Twitter
                              </a>
                              <a class='google' expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href,   "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");return false;' rel='nofollow' title='Share this on Google+'>
                                <span/>
                                Share on Google Plus
                              </a>
                            </div>
<div style='clear: both;'/>
                            <b:include name='authorblog'/>
                            
                           
                           <div id='related-posts'>
                          <p class='title title-medium'>
<h2>
<span>
                              RELATED POSTS
                              </span> </h2>
</p>
<b:loop values='data:post.labels' var='label'>
                          <b:if cond='data:label.isLast != "true"'>
                          </b:if>
                          <b:if cond='data:blog.pageType == "item"'>
                            <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/>
                          </b:if>
                        </b:loop>
                        <script type='text/javascript'>
                          var currentposturl="<data:post.url/>";
                          var maxresults=3;
                          var relatedpoststitle="<b/>";
                          removeRelatedDuplicates_thumbs();
                          printRelatedLabels_thumbs();
                        </script>
                      </div>
<div class='clear'/>
                   
                          </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'>
                            
                            <b style='color:#EE3322;'>
                              <i class='fa fa-pencil'/>
                              Edit
                            </b>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
                    <b:includable id='shareButtons' var='post'>
                      <b:if cond='data:top.showEmailButton'>
                        <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.emailThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showBlogThisButton'>
                        <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.blogThisMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showTwitterButton'>
                        <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToTwitterMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showFacebookButton'>
                        <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToFacebookMsg/>
                          </span>
                        </a>
                      </b:if>
                      <b:if cond='data:top.showOrkutButton'>
                        <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                          <span class='share-button-link-text'>
                            <data:top.shareToOrkutMsg/>
                          </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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' 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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.friendConnectJs/>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                        </script>
                      </div>
</b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                      <script type='text/javascript'>
                        (function() {
                          var items = <data:post.commentJso/>;
                          var msgs = <data:post.commentMsgs/>;
                          var config = <data:post.commentConfig/>;
                          // <![CDATA[
                          var cursor = null;
                          if (items && items.length > 0) {
                            cursor = parseInt(items[items.length - 1].timestamp) + 1;
                          }
                          var bodyFromEntry = function(entry) {
                            if (entry.gd$extendedProperty) {
                              for (var k in entry.gd$extendedProperty) {
                                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                  return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                                }
                              }
                            }
                            return entry.content.$t;
                          }
                          var parse = function(data) {
                            cursor = null;
                            var comments = [];
                            if (data && data.feed && data.feed.entry) {
                              for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                                var comment = {};
                                // comment ID, parsed out of the original id format
                                var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                                comment.id = id ? id[2] : null;
                                comment.body = bodyFromEntry(entry);
                                comment.timestamp = Date.parse(entry.published.$t) + '';
                                if (entry.author && entry.author.constructor === Array) {
                                  var auth = entry.author[0];
                                  if (auth) {
                                    comment.author = {
                                      name: (auth.name ? auth.name.$t : undefined),
                                      profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                      avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                                    };
                                  }
                                }
                                if (entry.link) {
                                  if (entry.link[2]) {
                                    comment.link = comment.permalink = entry.link[2].href;
                                  }
                                  if (entry.link[3]) {
                                    var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                                    if (pid && pid[1]) {
                                      comment.parentId = pid[1];
                                    }
                                  }
                                }
                                comment.deleteclass = 'item-control blog-admin';
                                if (entry.gd$extendedProperty) {
                                  for (var k in entry.gd$extendedProperty) {
                                    if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                      comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                                    } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                      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 id='top-comment'>
<div class='top-comment-widget-menu clear'>
<ul>
<dl class='top-comment blogico'>Blogger Comment</dl>

<dl class='top-comment faceico'>Facebook Comment</dl>

</ul>
</div>
<div class='widget2' id='top-comment1'>

</div>
<div style='clear: both;'/>
                    </b:includable>
                  </b:widget>
                </b:section>
            </div>

            </div>
</div>

        </div>

        
        
        <aside id='sidebar-wrapper'>
          <div class='sidebar-container'>
            <div id='sidebartab'>
              <div id='tab'>
                
                <div class='tab-widget-menu clear'>
                  <ul>
<li class='tab1'>
                      Popular Post
                    </li>
<li class='tab2'>
                      Video
                    </li>
<li class='tab3'>
                      Category
                    </li>
</ul>
<div class='clear'/>
                </div>
<div class='widget1' id='tab1'>
                  <b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'>
                    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
</b:if>
                        <div class='widget-content popular-posts'>
                          <ul>
                            <b:loop values='data:posts' var='post'>
<li>
                                <b:if cond='data:showThumbnails == "false"'>
                                  <b:if cond='data:showSnippets == "false"'>
                                    
                                    <a expr:href='data:post.href'>
                                      <b>
                                        <data:post.title/>
                                      </b>
                                    </a>
                                    <b:else/>
                                    
                                    <div class='item-title'>
                                      <a expr:href='data:post.href'>
                                        <b>
                                          <data:post.title/>
                                        </b>
                                      </a>
                                    </div>
<div class='item-snippet'>
                                      <data:post.snippet/>
                                    </div>
</b:if>
                                  <b:else/>
                                  <b:if cond='data:showSnippets == "false"'>
                                    
                                    <div class='item-thumbnail-only'>
                                      <b:if cond='data:post.thumbnail'>
                                        <div class='item-thumbnail'>
                                          <a expr:href='data:post.href' target='_blank'>
                                            <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                          </a>
                                        </div>
</b:if>
                                      <div class='item-title'>
                                        <a expr:href='data:post.href'>
                                          <b>
                                            <data:post.title/>
                                          </b>
                                        </a>
                                      </div>
</div>
<div style='clear: both;'/>
                                    <b:else/>
                                    
                                    <div class='item-content'>
                                      <b:if cond='data:post.thumbnail'>
                                        <div class='item-thumbnail'>
                                          <a expr:href='data:post.href' target='_blank'>
                                            <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                          </a>
                                        </div>
</b:if>
                                      <div class='item-title'>
                                        <a expr:href='data:post.href'>
                                          <b>
                                            <data:post.title/>
                                          </b>
                                        </a>
                                      </div>
<div class='item-snippet'>
                                        <data:post.snippet/>
                                      </div>
</div>
<div style='clear: both;'/>
                                  </b:if>
                                </b:if>
                              </li>
</b:loop>
                          </ul>
<b:include name='quickedit'/>
                        </div>
</b:includable>
                    </b:widget>
                  </b:section>
                </div>
<div class='widget1' id='tab2'>
                  <b:section class='sidebar' id='tab2-recent-posts' showaddelement='yes'>
                    <b:widget id='HTML19' locked='false' title='Video Of Day' type='HTML'>
                      <b:includable id='main'>
                        
                        <b:if cond='data:title != ""'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
</b:if>
                        <div class='widget-content'>
                          <data:content/>
                        </div>
<b:include name='quickedit'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
<div class='widget1 tagcloud' id='tab3'>
                  <b:section class='sidebar' id='tab3-comments' showaddelement='yes'>
                    <b:widget id='Label1' locked='false' title='Labels' type='Label'>
                      <b:includable id='main'>
                        <b:if cond='data:title'>
                          <h2>
                            <data:title/>
                          </h2>
</b:if>
                        <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                          <b:if cond='data:display == "list"'>
                            <ul>
                              <b:loop values='data:labels' var='label'>
<li>
                                  <b:if cond='data:blog.url == data:label.url'>
                                    <span expr:dir='data:blog.languageDirection'>
                                      <data:label.name/>
                                    </span>
                                    <b:else/>
                                    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                      <data:label.name/>
                                    </a>
                                  </b:if>
                                  <b:if cond='data:showFreqNumbers'>
                                    <span dir='ltr'>
                                      (
                                      <data:label.count/>
                                      )
                                    </span>
                                  </b:if>
                                </li>
</b:loop>
                            </ul>
<b:else/>
                            <b:loop values='data:labels' var='label'>
                              <span expr:class='"label-size label-size-" + data:label.cssSize'>
                                <b:if cond='data:blog.url == data:label.url'>
                                  <span expr:dir='data:blog.languageDirection'>
                                    <data:label.name/>
                                  </span>
                                  <b:else/>
                                  <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                    <data:label.name/>
                                  </a>
                                </b:if>
                                <b:if cond='data:showFreqNumbers'>
                                  <span class='label-count' dir='ltr'>
                                    (
                                    <data:label.count/>
                                    )
                                  </span>
                                </b:if>
                              </span>
                            </b:loop>
                          </b:if>
                          <b:include name='quickedit'/>
                        </div>
</b:includable>
                    </b:widget>
                  </b:section>
                </div>
</div>
<div style='clear: both;'/>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function(){
                  $('#tab .widget1').hide();
                  $('#tab .widget1:first').show();
                  $('.tab-widget-menu ul li:first').addClass('selected');
                  $('.tab-widget-menu ul li').click(function(){ 
                    $('.tab-widget-menu ul li').removeClass('selected');
                    $(this).addClass('selected');
                    $('#tab .widget1').hide();
                    $('#tab .widget1').eq($('.tab-widget-menu ul li').index(this)).slideDown()(500);
                  });
                });
                //]]>
              </script>
              
            </div>
<div class='clear'/>
            <b:section class='sidebar section' id='sidebar' preferred='yes'>
              <b:widget id='HTML13' locked='false' title='Featured Video' type='HTML'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
              </b:widget>
              <b:widget id='HTML11' locked='false' title='Advertisement' type='HTML'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
</b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
<b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='HTML10' locked='false' title='Find Us On Facebook' type='HTML'>
                <b:includable id='main'>
                  
                  <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>
</aside>
        
      </div>

      <div class='clear'/>
      <aside id='bottombar'>
        <b:section class='left section' id='left' preferred='yes'>
          <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
<li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
</b:loop>
    </ul>
<b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
        <b:section class='center section tagcloud1' id='center' preferred='yes'>
          <b:widget id='Label2' locked='false' title='Labels' type='Label'>
            <b:includable id='main'>
              <b:if cond='data:title'>
                <h2>
                  <data:title/>
                </h2>
</b:if>
              <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                <b:if cond='data:display == "list"'>
                  <ul>
                    <b:loop values='data:labels' var='label'>
<li>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'>
                            <data:label.name/>
                          </span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                            <data:label.name/>
                          </a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span dir='ltr'>
                            (
                            <data:label.count/>
                            )
                          </span>
                        </b:if>
                      </li>
</b:loop>
                  </ul>
<b:else/>
                  <b:loop values='data:labels' var='label'>
                    <span expr:class='"label-size label-size-" + data:label.cssSize'>
                      <b:if cond='data:blog.url == data:label.url'>
                        <span expr:dir='data:blog.languageDirection'>
                          <data:label.name/>
                        </span>
                        <b:else/>
                        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                          <data:label.name/>
                        </a>
                      </b:if>
                      <b:if cond='data:showFreqNumbers'>
                        <span class='label-count' dir='ltr'>
                          (
                          <data:label.count/>
                          )
                        </span>
                      </b:if>
                    </span>
                  </b:loop>
                </b:if>
                <b:include name='quickedit'/>
              </div>
</b:includable>
          </b:widget>
        </b:section>
        <b:section class='right section' id='right' preferred='yes'>
          <b:widget id='HTML12' locked='false' title='Featured Video' type='HTML'>
            <b:includable id='main'>
  
  <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>
      </aside>
      
      <footer id='footer-wrapper'>
        <div class='footer-left'>
           Copyright © 2016 
          <a expr:href='7'>
            <data:blog.title/>
          </a>  Powered By <a href='2' rel='dofollow' target='_blank' title='Blogger'>Blogger</a>

|
         
        </div>
<div class='footer-right'>
          <div id='mycontent'/>
        </div>
</footer>
      
      
    </div>
<div class='back-to-top'>
      <a href='#' id='back-to-top' title='back to top'>
        <i class='fa fa-chevron-up'/>
      </a>
    </div>
<script>
      $(window).scroll(function() {
        if($(this).scrollTop() > 200) {
          $('#back-to-top').fadeIn();
            } else {
            $('#back-to-top').fadeOut();
            }
            });
          $('#back-to-top').hide().click(function() {
            $('html, body').animate({scrollTop:0}, 1000);
            return false;
            });
    </script>
 <script type='text/javascript'>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
//]]>
</script>
 
    <script type='text/javascript'>
      //<![CDATA[
      /*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
      !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />
').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />
'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'
<li class="tab-{0}"><span>{1}</span></li>
'},onTabSelect:null}}(window.jQuery,window,document);
      //]]>
    </script>
    
    <script>
      $(document).ready(function(){
        $(".widget h2").wrapInner("<span/>");
      });
    </script>

// WOW
 new WOW(
  { offset: 100 }
 ).init();
 
      //]]></script>

SELAMAT COPAS

Kumpulan Template Blog Di sini

.

1 komentar:

Anonim3 Maret 2022 pukul 16.34
MGM National Harbor - Hollywood Casino, MD - JMTH
Find out 김포 출장샵 more about the MGM National Harbor 김천 출장샵 (Hollywood Casino, 목포 출장안마 MD) Hotel in Hollywood, MD online. The property is located 원주 출장샵 in the city's 속초 출장샵
BalasHapus
Balasan