<?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>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data: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>
<!-- SEO Title Tag -->
<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'/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab%3A400%2C700%2C300%2C100&ver=3.9.2' id='RobotoSlab-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Roboto%3A400%2C100%2C100italic%2C300%2C300italic%2C500%2C400italic%2C500italic%2C700%2C700italic%2C900%2C900italic&ver=3.9.2' id='Roboto-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Roboto%3A400%2C100%2C100italic%2C300%2C300italic%2C500%2C400italic%2C500italic%2C700%2C700italic%2C900%2C900italic&ver=3.9.2' id='Roboto-css' media='all' rel='stylesheet' type='text/css'/>
<style type="text/css"><!-- /*
<b:skin><![CDATA[
/*
-----------------------------------------------
Blogger Template Style
Name: BlogMag Responsive Blogger Template
Designer: ThemeXpose
URL: http://www.themexpose.com
Version: Free 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: 60%;
}
body#layout #post-wrapper {
width: 60%;
float: left;
}
body#layout div#main {
width: 100%;
}
body#layout #sidebar-wrapper {
overflow: visible;
float: left;
margin-left: -300px;
margin-top: -33px;
}
.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:#0072C6;text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{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/AVvXsEg3wFfO0eKwJzoMukNCvyGNTkMIKBsEgfD55ddfZTANQVEbqObabAUdfX6CfTZqxy0wwtDVwmfyMaubVgS0nIId3-PLbze5UNqyHMIc26L0zPXcfhVKEFiJcP4qPd-lYVuO07D6WWqR3YGQ/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:97%;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:#fff 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;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:100%;
margin:0px auto;
box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1);
overflow:hidden;
}
/* NAVIGATION MENU */
.top-menu {
font:normal normal 12px Arial, sans-serif;
margin:0 auto;
height:65px;
background: #000;
overflow:hidden;
padding: 0 28px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnWfSkAtQlN7btTDl24HIIZCGTLO3ya9b_j1_2p4f-tELF2CdvzZ7CUsB8bjh6USw3ViPhaChWZ4A7QPdzZougx6Pw5zThyXXgOWhj8dt8ZivpGxWn1pvhpC1_-xSN6yFo3ZMYJSPA90/s1600/header-dots.png") repeat-x bottom left;
}
div#top-nav{background:#000}
.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 {
color: #E0E0E0;
display: block;
padding: 0 12px;
color: #fff;
font-size: 15px;
line-height: 1.7em;
font-family: 'Roboto Slab', serif;
font-weight: 400;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
margin: 20px 35px 27px 0;
border: none;
text-shadow: none;
position: relative;
padding: 0;
}
.menubar li a:hover {
color:#0088C2;
}
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;
background: #000;
}
.header {
float:left;
width:25.7%;
max-width:257px;
margin:67px 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:55px 0;
width:41.8%;
max-width:468px;
}
.header-right img {
display:block;
}
#nav {
font: normal 12px Arial, sans-serif;
height: 85px;
line-height: 85px;
padding: 0 28px;
background:#0088ff;
}
.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 40px 0 0;
}
.menubar2 li {
position: relative;
margin:0 0;
padding: 0 1px 0 0;
}
.menubar2 > li {
float: left;
}
.menubar2 > li > a {
display: block;
height: 84px;
line-height: 84px;
font-size: 15px;
text-decoration: none;
color: #ffffff;
font-family: 'Roboto Slab', serif;
}
.menubar2 li ul {
background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRl8YLNsT8TBAWWoJw3HFj0XYQymM7BrJMq__ge9oNUl14UjvSqLnfuqwl_0Pl6gEMqbB_kBpATb4FVF_QrOMVvya9z_aYdGx7T_UYSWnEXJS2EM3ITli8Y00hZX2TCLOPJ7W6_FvAqo4/s1600/menu-bg2.png) repeat;
border-bottom: 4px solid #0088c2;
display:block;
position:absolute;
left:0;
z-index:10;
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;
color: #e0dfdf;
font-family: 'Droid Sans', sans-serif;
text-shadow: 0 1px 1px #4B4B4B;
position: relative;
z-index:100;
line-height:32px;
border-bottom: 1px solid #212223;
margin-left: 10px;
}
.menubar2 li li a:hover {
color:#fff;
}
.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;
color:#fff
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 0px 28px 0;
word-wrap:break-word;
width: 1170px;
}
.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:780px;
max-width:780px;
margin:32px 0 10px;
}
.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;display: none;}
.breadcrumbs > span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAyIpl-rschAUaF-1h_PdbYXRT4TbWsAmadcKJSU9WcwdLsQD5FtzCd4SJE_FcuJDHaqQ5Tv3-tTndzbPwTPhfE8TzWysdOLKqZR3-1a56dAr5wxTNRPFf6TweLVxD4WtEoMSOc1Do0xk/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;
padding:12px 0;
}
.post-body {
color: #777777;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.86em;
font-weight: 400;
}
h2.post-title, h1.post-title {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
font-family: 'Roboto Slab', serif;
font-size: 25px;
line-height: 1.52em;
color: #000;
font-weight: 400;
text-decoration: none;
margin-top: -8px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#000;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0099FF;
}
.img-thumbnail {
background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpO0eR1Z4mxOPOOU7DSMnBMKUSMI_l6A3cnl4enEC0WOZq1h1e2lCbnCYutCe_IvhxtG3_q8wPNK3oEv6DwRitkKCxWVvVnp0cybRjk5e42acD04bxzgoAQHzpmt1cIKF10AUanyJvV45k/w200-c-h140/no-image.png) no-repeat center center;
position:relative;
float:left;
width:375px;
height:210px;
margin:0 20px 0 0;
}
.img-thumbnail img {
width:375px;
height:210px;
border-radius: 4px;
}
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: 14px;
padding: 0px 0;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
/* 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 {
margin-right: 3px;
display: inline-block;
color: $(readmore.color);
background-color: #F1F1F1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
padding: 11px 14px;
margin: 15px 3px 50px 0;
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
background:#0088FF;
color: #fff;
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background: #f1f1f1;
float:right;
width:32%;
max-width:390px;
margin:0 auto;
}
.sidebar-container {
width: 310px;
margin: 0 auto;
}
.sidebar-container {
padding:55px 0;
}
.sidebar h2, .panel h2 {
color: #333333;
margin: 0 0 10px 0;
padding: 10px 0;
position: relative;
font-family: 'Roboto Slab', serif;
font-size: 15px;
line-height: 1.52em;
}
#sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span {
background: #0088C2;
padding: 6px;
color: #fff;
}
.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: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnAJ-kC6M1uAcaLBEbkj5Bd-0bqnGznkMhAN950XZb0cxTwXf1Tz2fHAb3oSww9glxWVRG1mLcupIP1R5s01VWitExmUIpWvL7HHkz6OgfGfy9i-YrlKxHiap6oEIvrd391K0CWsWQob0/s1600/dot.png);
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 #0088C2;
}
.recent-post-title h2 {
font:normal bold 14px Arial, sans-serif;
height:26px;
line-height:26px;
margin:0 0;
padding:0 10px;
background:#0088C2;
color:#ffffff;
display:inline-block;
}
.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:66px;
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 8px 0 0;
height:70px;
width:70px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:14px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
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:#0072C6;
}
ul.xpose_thumbs22 {
font-size:13px;
width:49%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:66px;
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 8px 0 0;
height:70px;
width:70px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:14px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
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:#0072C6;
}
/* BOTTOMBAR */
#bottombar {
background:#0088ff;
overflow:hidden;
margin:0 auto;
padding:10px 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: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-NK3qRO5ZoWOhQzHmhBk2DZWEWHNSlnUwht5k_Fwams9m-c692EJ0bitnv4gWM1Ol1K48iclrQBcAc8qaoRdOIOZDTTxsjmOXLbspBbsAzuokd2ikLj5BYxwjQQFPHl_TlUyiWXTAkA/s1600/dot-footer.png);
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:#ffffff;
margin:0 auto;
padding:1px 20px 12px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
}
.footer-left {
float: left;
margin: 40px 0 0 0;
color: #777;
font-size: 13px;
}
.footer-right {
float:right;
margin:10px;
}
#footer-wrapper a {
color:#333;
}
#footer-wrapper a:hover {
color:#555;
}
/* 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:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}
/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
color: #777777;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.5em;
}
.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{
float:left;
width:auto;
margin-bottom:40px;
}
#related-posts h2{
font: normal normal 18px Oswald;
text-transform: uppercase;
font-size: 17px;
text-align: left;
color: #585858;
margin-bottom: 5px;
margin: 7px 0 33px;
background-color: #F1F1F1;
font-family: 'Roboto Slab', serif;
padding: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#related-posts .related_img {
padding: 0px;
width: 250px;
height: 140px;
border-radius: 3%;
}
#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/AVvXsEi6_f7aL_pkvOtqoz-BP6SR3GgwwQsyBEgW1rmRaUUEPMo5qvJa2Aj3W6KP1egb4iUaCP9_12qsqMe2qJltCMC90zcIL6X6eanAnbO4GGFXI1IPfzh7II43spEH_YVRU_z3vV5HZ3QyRiwZ/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----------------*/
div#main {
width: 772px;
}
div#mywrapper {
float: left;
width: 780px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -15px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 20px 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: #FCFCFC;
bottom: -2px;
color: #000;
cursor: pointer;
float: right;
height: 38px;
line-height: 38px;
margin: -12px 6px 0 0px;
padding: 7px 0px 2px;
position: relative;
text-align: center;
width: 17.3%;
z-index: 2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.tab-widget-menu li.selected {
background: #0088C2;
border-width: 1px 1px 3px;
color: #FFF;
margin: -12px 6px 0 0px;
padding: 7px 0px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
li .fa {
font-size: 20px;
color: #777;
}
.selected .fa {
color: #fff;
}
div#tab1 ,div#tab2 ,div#tab3{
background: #fff;
padding: 14px 21px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
width: 90px;
height: 55px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#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 .item-title{
padding-bottom: 1.2em;
color: #000000;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;}
.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: #0088C2;
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: #0088C2;
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{float:left;margin:0 10px 5px 0;border:50%;}
#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/AVvXsEi6J_rAVkCoHjatdo3wku1cK5bRCaJJ73nWSfjJnJkqIJdtJmTQohLWx9xR79wXm79zfXgGgoHITyBZA3R-HKd3vdz7YsZ3MmtZyWjFqxBEpc0gpM6ySfBUaUI_wm5vnut5zdKKgqzlqEg/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: 43px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
margin: 0 10px 10px 0;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
width: 125px;
height: 45px;
float: left;
padding: 0;
overflow: hidden;
text-align: center;
font-weight: 600;
}
#share-post
.facebook {
background-color: #6788CE;
}
#share-post
.twitter {
background-color: #29C5F6;
}
#share-post
.google {
background-color: #E75C3C;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
padding: 6px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6J_rAVkCoHjatdo3wku1cK5bRCaJJ73nWSfjJnJkqIJdtJmTQohLWx9xR79wXm79zfXgGgoHITyBZA3R-HKd3vdz7YsZ3MmtZyWjFqxBEpc0gpM6ySfBUaUI_wm5vnut5zdKKgqzlqEg/s1600/single-share.png) no-repeat;
background-position-y: 6px;
background-position-x: 7px;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -65px;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -137px;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
}
#searchform
{
margin:25px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background: #0088FF;
border: none;
float: left;
padding: 4px 10px 0px 15px;
margin: 0px;
width: 106px;
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: #F5F3F3;}
#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/AVvXsEhNmHxRCCwx3LGjLKHLY0oHZsy6XFk9fbSwcP6s22UeXQRtI6YJHNDmqfNXoDKf7SJRLaTvAEWTSCDtFZLKJZtRfAFXlI4j6IYRRRl6SIRQeZLj_K0KuUG9sa-QgFl1VsF_P-QFbO4T1Zyu/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color:#0088FF;
}
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;
}
.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;
}
#container{
width: 1170px;
margin:0 auto;
}
.vcard span {
color: #0088FF;
}
a.timestamp-link {
color: #0088FF;
}
span.comment-info a {
color: #aaaaaa;
}
span.comment-info l,span.time-info l {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0HTmdmBbfTtO-RUi_0FqUDi-2aZoDGV3HURD_UOlpC82imwPEAknqOUv36KZRwx24vNr8diExSJmfMByxsAy60Lg_X7BRtcDmbh3jeQBvIG3ZpE9muJj4jEX2CVKl0MjtXoflDl2x_A/s1600/list-style.png") no-repeat center left;
padding-left: 8px;
margin-right: 6px;
margin-left: -5px;
}
/*--- SOC. IKONS ---*/
.soc-icon {
width: auto;
display: inline-block;
margin: 25px 0 0;
}
.soc-icon ul {
margin: 0;
}
.soc-icon li {
margin: 0 0 0 8px;
padding: 0;
display: inline-block;
}
.soc-icon li a {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
float: left;
width: 26px;
height: 24px;
overflow: hidden;
}
.soc-icon li a img {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
position: relative;
top: 0;
float: left;
width: 26px;
height: 49px;
}
.soc-icon li a:hover img {
top: -24px;
}
#nav.fixed-nav{
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 999;
padding: 0;
}
.scroll-top.cl-effect-5 {
float: right;
margin-right: 36px;}
p#back-top {
background: #fff;
padding: 10px 11px 11px;
color: #222;
border-radius: 3px;
}
p#back-top .fa {
color: #222;
}
/*----------//// AUTHORS ARCHIVE \\\\-------------*/
.author-archive {
border: 1px solid #f1f1f1;
padding: 30px 30px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin: 0 0 10px;
background: #f1f1f1;
margin-top:30px
}
.author-archive .soc-icon{margin:0}
.author-archive img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.author-archive h3 {
margin: -3px 0 15px;
font-weight: 400;
}
.author-archive p {
margin: 0 0 15px;
background: #fff;
padding: 12px;
}
div#top-comment {
margin-top: 20px;
}
.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/AVvXsEiRl8YLNsT8TBAWWoJw3HFj0XYQymM7BrJMq__ge9oNUl14UjvSqLnfuqwl_0Pl6gEMqbB_kBpATb4FVF_QrOMVvya9z_aYdGx7T_UYSWnEXJS2EM3ITli8Y00hZX2TCLOPJ7W6_FvAqo4/s1600/menu-bg2.png) repeat;
}
.top-comment {
float: left;
font-size: 14px;
list-style: none outside none;
text-transform: uppercase;
width: 43%;
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: #0088FF;
-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;
}
*/]]></b:skin>
<style type='text/css'>
@media only screen and (max-width:767px) {
#selectnav1 {background: none repeat scroll 0 0 #333333;border: 1px solid #232323;color: #FFFFFF;margin:27px 0 0 0px;padding: 5px;width: 430px;position: absolute;}
.selectnav { display: block;margin: 0 10px; padding: 7px; width: 90%;}}
@media only screen and (max-width:479px) {
#selectnav1 {width: 275px;}}
</style>
<style type='text/css'>
@media only screen and (max-width:1219px){
#outer-wrapper {width: 1024px;}
#container {width: 924px;}
#content-wrapper{width:1020px}
#post-wrapper,div#mywrapper {width: 650px;}
#sidebar-wrapper{max-width:370px;width: 35%;}
div#main {width: 659px;}
}
@media only screen and (max-width:985px) and (min-width: 768px) {
#outer-wrapper {width: 772px;}
#searchformfix,.soc-icon{display:none}
#container {width: 700px;}
#content-wrapper{width:710px}
#post-wrapper,div#mywrapper {width: 710px;}
#sidebar-wrapper{width: 100%;max-width: 100%;}
.sidebar-container { width: 95%;}
div#main {width: 710px;}
}
/* Phone : 480px */
@media only screen and (max-width: 767px) and (min-width: 480px){
#outer-wrapper {width: 490px;}
#searchformfix,.soc-icon{display:none}
.header-right {width: 100%;max-width: 432px;float:none}
#container {width: 430px;}
#content-wrapper{width:430px}
#post-wrapper,div#mywrapper {width: 430px;}
#sidebar-wrapper{width: 100%;max-width: 100%;}
.sidebar-container { width: 95%;}
div#main {width: 430px;}
#menu-main{display:none;}
.header {width: 64.7%;max-width: 257px;margin: 75px 0 50px 115px;}
.img-thumbnail img {width: 430px;height: 230px;}
.img-thumbnail {width: 430px;height: 240px;}
.top-comment-widget-menu{height: 58px;}
.top-comment{width:41%}
}
/* Phone : 320px */
@media only screen and (max-width:479px){
#outer-wrapper {width: 325px;}
#searchformfix,.soc-icon{display:none}
.header-right {display:none}
#container {width: 320px;}
#content-wrapper{width:300px;padding: 0px 22px 0;}
#post-wrapper,div#mywrapper {width: 300px;}
#sidebar-wrapper{width: 100%;max-width: 300px;}
.sidebar-container {width: 300px;}
div#main {width: 300px;}
#menu-main{display:none;}
.header {width: 64.7%;max-width: 257px;margin: 75px 0 50px 33px;}
.img-thumbnail img {width: 280px;height: 180px;}
.img-thumbnail {width: 280px;height: 190px;}
.top-comment-widget-menu{height: 58px;}
.top-comment{width:37%}
}
</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:29px;
}
.post-info {
border: 1px solid #f1f1f1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
padding: 20px 25px 20px;
margin: 0 0 20px;
background: #f1f1f1;
}
</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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var numposts = 1;
var numposts2 = 4;
var numposts3 = 5;
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 = 150;
var thumb_width = 300;
var thumb_height = 210;
var thumb_width2 = 70;
var thumb_height2 = 70;
var no_thumb = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjHdL2n_l0utplxx8Udp1fwbQJ_iCYNMXf4mhHyJwOZxk_ARWKAJZfMwp3g-39dkR69M3M-fFbKXYkQ5C5hvF_dkB30nWTb5Cz4pcDNpjPbpp2b6804SXD1v_8jP2zejJvUq3wW54qawS/w300-c-h140/no-image.png'
var no_thumb2 = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpO0eR1Z4mxOPOOU7DSMnBMKUSMI_l6A3cnl4enEC0WOZq1h1e2lCbnCYutCe_IvhxtG3_q8wPNK3oEv6DwRitkKCxWVvVnp0cybRjk5e42acD04bxzgoAQHzpmt1cIKF10AUanyJvV45k/s60-c/no-image.png'
</script>
<script type='text/javascript'>
//<![CDATA[
var _0x6420=["\x62\x20\x74\x28\x35\x2C\x30\x29\x7B\x31\x20\x32\x3D\x42\x3B\x31\x20\x33\x3D\x41\x3B\x37\x3D\x27\x3C\x7A\x20\x79\x3D\x22\x27\x2B\x32\x2B\x27\x22\x20\x78\x3D\x22\x27\x2B\x33\x2B\x27\x22\x20\x71\x3D\x22\x27\x2B\x35\x2E\x34\x28\x27\x2F\x6F\x2D\x63\x2F\x27\x2C\x27\x2F\x77\x27\x2B\x32\x2B\x27\x2D\x68\x27\x2B\x33\x2B\x27\x2D\x63\x2F\x27\x29\x2B\x27\x22\x20\x6C\x3D\x22\x27\x2B\x30\x2E\x34\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x20\x6D\x3D\x22\x27\x2B\x30\x2E\x34\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x2F\x3E\x27\x3B\x6A\x28\x30\x21\x3D\x22\x22\x29\x69\x20\x37\x3B\x6E\x20\x69\x22\x22\x7D\x66\x2E\x70\x3D\x62\x28\x29\x7B\x31\x20\x65\x3D\x72\x2E\x73\x28\x22\x6B\x22\x29\x3B\x6A\x28\x65\x3D\x3D\x75\x29\x7B\x66\x2E\x76\x2E\x61\x3D\x22\x39\x3A\x2F\x2F\x38\x2E\x36\x2E\x64\x2F\x22\x7D\x65\x2E\x43\x28\x22\x61\x22\x2C\x22\x39\x3A\x2F\x2F\x38\x2E\x36\x2E\x64\x2F\x22\x29\x3B\x65\x2E\x44\x3D\x22\x45\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x76\x61\x72\x7C\x69\x6D\x61\x67\x65\x5F\x77\x69\x64\x74\x68\x7C\x69\x6D\x61\x67\x65\x5F\x68\x65\x69\x67\x68\x74\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x69\x6D\x61\x67\x65\x5F\x75\x72\x6C\x7C\x74\x68\x65\x6D\x65\x78\x70\x6F\x73\x65\x7C\x69\x6D\x61\x67\x65\x5F\x74\x61\x67\x7C\x77\x77\x77\x7C\x68\x74\x74\x70\x7C\x68\x72\x65\x66\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x7C\x63\x6F\x6D\x7C\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x7C\x7C\x72\x65\x74\x75\x72\x6E\x7C\x69\x66\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x61\x6C\x74\x7C\x74\x69\x74\x6C\x65\x7C\x65\x6C\x73\x65\x7C\x73\x37\x32\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x73\x72\x63\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x62\x70\x5F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x5F\x72\x65\x73\x69\x7A\x65\x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x7C\x68\x65\x69\x67\x68\x74\x7C\x77\x69\x64\x74\x68\x7C\x69\x6D\x67\x7C\x32\x31\x30\x7C\x33\x31\x37\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x54\x68\x65\x6D\x65\x58\x70\x6F\x73\x65","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x66f7x1,_0x66f7x2,_0x66f7x3,_0x66f7x4,_0x66f7x5,_0x66f7x6){_0x66f7x5=function (_0x66f7x3){return (_0x66f7x3<_0x66f7x2?_0x6420[4]:_0x66f7x5(parseInt(_0x66f7x3/_0x66f7x2)))+((_0x66f7x3=_0x66f7x3%_0x66f7x2)>35?String[_0x6420[5]](_0x66f7x3+29):_0x66f7x3.toString(36));} ;if(!_0x6420[4][_0x6420[6]](/^/,String)){while(_0x66f7x3--){_0x66f7x6[_0x66f7x5(_0x66f7x3)]=_0x66f7x4[_0x66f7x3]||_0x66f7x5(_0x66f7x3);} ;_0x66f7x4=[function (_0x66f7x5){return _0x66f7x6[_0x66f7x5];} ];_0x66f7x5=function (){return _0x6420[7];} ;_0x66f7x3=1;} ;while(_0x66f7x3--){if(_0x66f7x4[_0x66f7x3]){_0x66f7x1=_0x66f7x1[_0x6420[6]]( new RegExp(_0x6420[8]+_0x66f7x5(_0x66f7x3)+_0x6420[8],_0x6420[9]),_0x66f7x4[_0x66f7x3]);} ;} ;return _0x66f7x1;} (_0x6420[0],41,41,_0x6420[3][_0x6420[2]](_0x6420[1]),0,{}));
//]]>
</script>
</b:if>
</b:if>
<!-- author image in post-->
<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="40" height="40" src="' + avtr + '"/>');
}
}
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
<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() > 200){
$('#nav').addClass('fixed-nav').css('top','0').next()
.css('padding-top','43px');
} else {
$('#nav').removeClass('fixed-nav').next()
.css('padding-top','0');
}
});
});
//]]>
</script>
<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>
<!--Menu To Drop Down Started-->
<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();
var _0x927b=["\x70\x20\x31\x35\x28\x7A\x29\x7B\x75\x28\x36\x20\x69\x3D\x30\x3B\x69\x3C\x7A\x2E\x52\x2E\x67\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x36\x20\x67\x3D\x7A\x2E\x52\x2E\x67\x5B\x69\x5D\x3B\x34\x5B\x66\x5D\x3D\x67\x2E\x31\x52\x2E\x24\x74\x3B\x31\x43\x7B\x68\x5B\x66\x5D\x3D\x67\x2E\x31\x56\x2E\x32\x32\x7D\x31\x31\x28\x31\x66\x29\x7B\x73\x3D\x67\x2E\x31\x6E\x2E\x24\x74\x3B\x61\x3D\x73\x2E\x48\x28\x22\x3C\x4F\x22\x29\x3B\x62\x3D\x73\x2E\x48\x28\x22\x4D\x3D\x5C\x22\x22\x2C\x61\x29\x3B\x63\x3D\x73\x2E\x48\x28\x22\x5C\x22\x22\x2C\x62\x2B\x35\x29\x3B\x64\x3D\x73\x2E\x31\x75\x28\x62\x2B\x35\x2C\x63\x2D\x62\x2D\x35\x29\x3B\x39\x28\x28\x61\x21\x3D\x2D\x31\x29\x26\x26\x28\x62\x21\x3D\x2D\x31\x29\x26\x26\x28\x63\x21\x3D\x2D\x31\x29\x26\x26\x28\x64\x21\x3D\x22\x22\x29\x29\x7B\x68\x5B\x66\x5D\x3D\x64\x7D\x45\x20\x68\x5B\x66\x5D\x3D\x27\x46\x3A\x2F\x2F\x33\x2E\x5A\x2E\x31\x30\x2E\x47\x2F\x2D\x31\x32\x2F\x31\x33\x2F\x31\x38\x2F\x31\x39\x2F\x31\x61\x2F\x31\x64\x2E\x31\x65\x27\x7D\x39\x28\x34\x5B\x66\x5D\x2E\x32\x3E\x4C\x29\x34\x5B\x66\x5D\x3D\x34\x5B\x66\x5D\x2E\x31\x68\x28\x30\x2C\x4C\x29\x2B\x22\x2E\x2E\x2E\x22\x3B\x75\x28\x36\x20\x6B\x3D\x30\x3B\x6B\x3C\x67\x2E\x44\x2E\x32\x3B\x6B\x2B\x2B\x29\x7B\x39\x28\x67\x2E\x44\x5B\x6B\x5D\x2E\x31\x71\x3D\x3D\x27\x31\x73\x27\x29\x7B\x38\x5B\x66\x5D\x3D\x67\x2E\x44\x5B\x6B\x5D\x2E\x77\x3B\x66\x2B\x2B\x7D\x7D\x7D\x7D\x70\x20\x31\x47\x28\x29\x7B\x36\x20\x6F\x3D\x42\x20\x43\x28\x30\x29\x3B\x36\x20\x76\x3D\x42\x20\x43\x28\x30\x29\x3B\x36\x20\x71\x3D\x42\x20\x43\x28\x30\x29\x3B\x75\x28\x36\x20\x69\x3D\x30\x3B\x69\x3C\x38\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x39\x28\x21\x51\x28\x6F\x2C\x38\x5B\x69\x5D\x29\x29\x7B\x6F\x2E\x32\x2B\x3D\x31\x3B\x6F\x5B\x6F\x2E\x32\x2D\x31\x5D\x3D\x38\x5B\x69\x5D\x3B\x76\x2E\x32\x2B\x3D\x31\x3B\x71\x2E\x32\x2B\x3D\x31\x3B\x76\x5B\x76\x2E\x32\x2D\x31\x5D\x3D\x34\x5B\x69\x5D\x3B\x71\x5B\x71\x2E\x32\x2D\x31\x5D\x3D\x68\x5B\x69\x5D\x7D\x7D\x34\x3D\x76\x3B\x38\x3D\x6F\x3B\x68\x3D\x71\x7D\x70\x20\x51\x28\x61\x2C\x65\x29\x7B\x75\x28\x36\x20\x6A\x3D\x30\x3B\x6A\x3C\x61\x2E\x32\x3B\x6A\x2B\x2B\x29\x39\x28\x61\x5B\x6A\x5D\x3D\x3D\x65\x29\x4A\x20\x31\x34\x3B\x4A\x20\x32\x35\x7D\x70\x20\x31\x36\x28\x29\x7B\x75\x28\x36\x20\x69\x3D\x30\x3B\x69\x3C\x38\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x39\x28\x28\x38\x5B\x69\x5D\x3D\x3D\x31\x37\x29\x7C\x7C\x28\x21\x28\x34\x5B\x69\x5D\x29\x29\x29\x7B\x38\x2E\x6E\x28\x69\x2C\x31\x29\x3B\x34\x2E\x6E\x28\x69\x2C\x31\x29\x3B\x68\x2E\x6E\x28\x69\x2C\x31\x29\x3B\x69\x2D\x2D\x7D\x7D\x36\x20\x72\x3D\x4B\x2E\x31\x62\x28\x28\x34\x2E\x32\x2D\x31\x29\x2A\x4B\x2E\x31\x63\x28\x29\x29\x3B\x36\x20\x69\x3D\x30\x3B\x39\x28\x34\x2E\x32\x3E\x30\x29\x6C\x2E\x6D\x28\x27\x3C\x4E\x3E\x27\x2B\x31\x67\x2B\x27\x3C\x2F\x4E\x3E\x27\x29\x3B\x6C\x2E\x6D\x28\x27\x3C\x78\x20\x41\x3D\x22\x31\x6A\x3A\x20\x31\x6B\x3B\x22\x2F\x3E\x27\x29\x3B\x31\x6C\x28\x69\x3C\x34\x2E\x32\x26\x26\x69\x3C\x32\x30\x26\x26\x69\x3C\x31\x6D\x29\x7B\x6C\x2E\x6D\x28\x27\x3C\x61\x20\x41\x3D\x22\x50\x2D\x31\x6F\x3A\x31\x70\x3B\x49\x3A\x30\x20\x31\x72\x20\x79\x20\x30\x3B\x31\x74\x3A\x53\x3B\x27\x29\x3B\x39\x28\x69\x21\x3D\x30\x29\x6C\x2E\x6D\x28\x27\x22\x27\x29\x3B\x45\x20\x6C\x2E\x6D\x28\x27\x22\x27\x29\x3B\x6C\x2E\x6D\x28\x27\x20\x77\x3D\x22\x27\x2B\x38\x5B\x72\x5D\x2B\x27\x22\x3E\x3C\x4F\x20\x31\x76\x3D\x22\x31\x77\x22\x20\x4D\x3D\x22\x27\x2B\x68\x5B\x72\x5D\x2B\x27\x22\x2F\x3E\x3C\x31\x78\x2F\x3E\x3C\x78\x20\x41\x3D\x22\x31\x79\x3A\x31\x7A\x3B\x31\x41\x3A\x31\x42\x20\x54\x20\x31\x44\x3B\x31\x45\x3A\x23\x31\x46\x3B\x55\x3A\x31\x48\x3B\x50\x2D\x31\x49\x3A\x53\x3B\x49\x3A\x2D\x31\x4A\x20\x79\x20\x79\x20\x79\x3B\x20\x31\x4B\x3A\x20\x31\x4C\x20\x54\x20\x31\x4D\x3B\x20\x31\x4E\x2D\x55\x3A\x31\x4F\x3B\x31\x50\x3A\x20\x23\x31\x51\x3B\x56\x3A\x20\x30\x2E\x37\x3B\x31\x53\x3A\x20\x31\x54\x28\x56\x20\x3D\x20\x31\x55\x29\x3B\x22\x3E\x27\x2B\x34\x5B\x72\x5D\x2B\x27\x3C\x2F\x78\x3E\x3C\x2F\x61\x3E\x27\x29\x3B\x39\x28\x72\x3C\x34\x2E\x32\x2D\x31\x29\x7B\x72\x2B\x2B\x7D\x45\x7B\x72\x3D\x30\x7D\x69\x2B\x2B\x7D\x6C\x2E\x6D\x28\x27\x3C\x2F\x78\x3E\x27\x29\x3B\x38\x2E\x6E\x28\x30\x2C\x38\x2E\x32\x29\x3B\x68\x2E\x6E\x28\x30\x2C\x68\x2E\x32\x29\x3B\x34\x2E\x6E\x28\x30\x2C\x34\x2E\x32\x29\x7D\x57\x2E\x31\x57\x3D\x70\x28\x29\x7B\x36\x20\x65\x3D\x6C\x2E\x31\x58\x28\x22\x31\x59\x22\x29\x3B\x39\x28\x65\x3D\x3D\x31\x5A\x29\x7B\x57\x2E\x32\x31\x2E\x77\x3D\x22\x46\x3A\x2F\x2F\x58\x2E\x59\x2E\x47\x2F\x22\x7D\x65\x2E\x32\x33\x28\x22\x77\x22\x2C\x22\x46\x3A\x2F\x2F\x58\x2E\x59\x2E\x47\x2F\x22\x29\x3B\x65\x2E\x32\x34\x3D\x22\x31\x69\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x7C\x72\x65\x6C\x61\x74\x65\x64\x54\x69\x74\x6C\x65\x73\x7C\x7C\x76\x61\x72\x7C\x7C\x72\x65\x6C\x61\x74\x65\x64\x55\x72\x6C\x73\x7C\x69\x66\x7C\x7C\x7C\x7C\x7C\x7C\x72\x65\x6C\x61\x74\x65\x64\x54\x69\x74\x6C\x65\x73\x4E\x75\x6D\x7C\x65\x6E\x74\x72\x79\x7C\x74\x68\x75\x6D\x62\x75\x72\x6C\x7C\x7C\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x73\x70\x6C\x69\x63\x65\x7C\x74\x6D\x70\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x74\x6D\x70\x33\x7C\x7C\x7C\x7C\x66\x6F\x72\x7C\x74\x6D\x70\x32\x7C\x68\x72\x65\x66\x7C\x64\x69\x76\x7C\x30\x70\x78\x7C\x6A\x73\x6F\x6E\x7C\x73\x74\x79\x6C\x65\x7C\x6E\x65\x77\x7C\x41\x72\x72\x61\x79\x7C\x6C\x69\x6E\x6B\x7C\x65\x6C\x73\x65\x7C\x68\x74\x74\x70\x7C\x63\x6F\x6D\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x6D\x61\x72\x67\x69\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x4D\x61\x74\x68\x7C\x33\x35\x7C\x73\x72\x63\x7C\x68\x31\x7C\x69\x6D\x67\x7C\x74\x65\x78\x74\x7C\x63\x6F\x6E\x74\x61\x69\x6E\x73\x5F\x74\x68\x75\x6D\x62\x73\x7C\x66\x65\x65\x64\x7C\x6C\x65\x66\x74\x7C\x31\x34\x70\x78\x7C\x68\x65\x69\x67\x68\x74\x7C\x6F\x70\x61\x63\x69\x74\x79\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x77\x77\x77\x7C\x74\x68\x65\x6D\x65\x78\x70\x6F\x73\x65\x7C\x62\x70\x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x63\x61\x74\x63\x68\x7C\x7A\x50\x38\x37\x43\x32\x71\x39\x79\x6F\x67\x7C\x55\x56\x6F\x70\x6F\x48\x59\x33\x30\x53\x49\x7C\x74\x72\x75\x65\x7C\x72\x65\x6C\x61\x74\x65\x64\x5F\x72\x65\x73\x75\x6C\x74\x73\x5F\x6C\x61\x62\x65\x6C\x73\x5F\x74\x68\x75\x6D\x62\x73\x7C\x70\x72\x69\x6E\x74\x52\x65\x6C\x61\x74\x65\x64\x4C\x61\x62\x65\x6C\x73\x5F\x74\x68\x75\x6D\x62\x73\x7C\x63\x75\x72\x72\x65\x6E\x74\x70\x6F\x73\x74\x75\x72\x6C\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x45\x35\x6B\x7C\x41\x49\x79\x50\x76\x72\x70\x47\x4C\x6E\x38\x7C\x73\x31\x36\x30\x30\x7C\x66\x6C\x6F\x6F\x72\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x70\x69\x63\x74\x75\x72\x65\x5F\x6E\x6F\x74\x5F\x61\x76\x61\x69\x6C\x61\x62\x6C\x65\x7C\x70\x6E\x67\x7C\x65\x72\x72\x6F\x72\x7C\x72\x65\x6C\x61\x74\x65\x64\x70\x6F\x73\x74\x73\x74\x69\x74\x6C\x65\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x54\x68\x65\x6D\x65\x58\x70\x6F\x73\x65\x7C\x63\x6C\x65\x61\x72\x7C\x62\x6F\x74\x68\x7C\x77\x68\x69\x6C\x65\x7C\x6D\x61\x78\x72\x65\x73\x75\x6C\x74\x73\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x7C\x6E\x6F\x6E\x65\x7C\x72\x65\x6C\x7C\x37\x70\x78\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x66\x6C\x6F\x61\x74\x7C\x73\x75\x62\x73\x74\x72\x7C\x63\x6C\x61\x73\x73\x7C\x72\x65\x6C\x61\x74\x65\x64\x5F\x69\x6D\x67\x7C\x62\x72\x7C\x77\x69\x64\x74\x68\x7C\x32\x31\x34\x70\x78\x7C\x70\x61\x64\x64\x69\x6E\x67\x7C\x39\x70\x78\x7C\x74\x72\x79\x7C\x38\x70\x78\x7C\x63\x6F\x6C\x6F\x72\x7C\x66\x66\x66\x7C\x72\x65\x6D\x6F\x76\x65\x52\x65\x6C\x61\x74\x65\x64\x44\x75\x70\x6C\x69\x63\x61\x74\x65\x73\x5F\x74\x68\x75\x6D\x62\x73\x7C\x32\x35\x70\x78\x7C\x61\x6C\x69\x67\x6E\x7C\x35\x39\x70\x78\x7C\x66\x6F\x6E\x74\x7C\x6E\x6F\x72\x6D\x61\x6C\x7C\x4F\x73\x77\x61\x6C\x64\x7C\x6C\x69\x6E\x65\x7C\x32\x30\x70\x78\x7C\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x7C\x31\x31\x31\x7C\x74\x69\x74\x6C\x65\x7C\x66\x69\x6C\x74\x65\x72\x7C\x61\x6C\x70\x68\x61\x7C\x37\x30\x7C\x67\x66\x6F\x72\x6D\x5F\x66\x6F\x6F\x74\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6E\x75\x6C\x6C\x7C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x75\x72\x6C\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x61\x6C\x73\x65","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x8600x1,_0x8600x2,_0x8600x3,_0x8600x4,_0x8600x5,_0x8600x6){_0x8600x5=function (_0x8600x3){return (_0x8600x3<_0x8600x2?_0x927b[4]:_0x8600x5(parseInt(_0x8600x3/_0x8600x2)))+((_0x8600x3=_0x8600x3%_0x8600x2)>35?String[_0x927b[5]](_0x8600x3+29):_0x8600x3.toString(36));} ;if(!_0x927b[4][_0x927b[6]](/^/,String)){while(_0x8600x3--){_0x8600x6[_0x8600x5(_0x8600x3)]=_0x8600x4[_0x8600x3]||_0x8600x5(_0x8600x3);} ;_0x8600x4=[function (_0x8600x5){return _0x8600x6[_0x8600x5];} ];_0x8600x5=function (){return _0x927b[7];} ;_0x8600x3=1;} ;while(_0x8600x3--){if(_0x8600x4[_0x8600x3]){_0x8600x1=_0x8600x1[_0x927b[6]]( new RegExp(_0x927b[8]+_0x8600x5(_0x8600x3)+_0x927b[8],_0x927b[9]),_0x8600x4[_0x8600x3]);} ;} ;return _0x8600x1;} (_0x927b[0],62,130,_0x927b[3][_0x927b[2]](_0x927b[1]),0,{}));
//]]>
</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\075634015651518953393\46blogName\75Blogmag+Responsive+Blogger+Template\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://blogmag-themexpose.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://blogmag-themexpose.blogspot.com/\46blogFollowUrl\75https://plus.google.com/117087522982435008929\46vt\75-6740431703056546250',
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>
<!-- outer-wrapper start -->
<div id='outer-wrapper'>
<div id='top-nav'>
<nav class='top-menu'>
<div id='container'>
<!-- primary navigation menu start -->
<ul class='menubar'>
<li>
<a href='#'>
Home
</a>
</li>
<li>
<a href='#'>
About
</a>
</li>
<li>
<a href='#'>
Contact
</a>
</li>
<li>
<a href='#'>
Error Page
</a>
</li>
</ul>
<!-- primary navigation menu end -->
<!-- social media button start -->
<div class='soc-icon pull-right'>
<ul>
<li><a href='#'><img alt='Dribbble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizB1THeZwblKVxWJe0m7B0_q6_Wnavgi7zJ4gwgyYODNHaph8DIescWRHYtCpHwB9MEsnXJc0EXIOuKsuRl1LeI3z5K2XplHBMxtbEKVCYyGxhfiAHLgc0ArJ3Jgg9Vy7eFmjJF34NmH4/s1600/soc-icon-dribbble.png'/></a></li>
<li><a href='#'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSGgSf-91pC5IJLKd0gI1QktWZYdin8Gum3LnaLzl4lDsEuTsxdFK8x6QnV49SdxdDt_gJcLs23v3iXzNGy5VTLR7majS2Lg_QSRo7yF-tbAJN6QFn_SHoFQL-Xah3XLTsU-F2HA-XK-0/s1600/soc-icon-fb.png'/></a></li>
<li><a href='#'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi36mvVRXlCvODBL-DNutxTNlTuPvOoucN-4G1V7Opgk8uqlanvZyHzzWDLGKR-k_oZPPd24mmiLPAsoVdmaAVFIVjRtJRV1GdLsql2XBtyyraJEm0ahC5R3uOY1leDxV2NEsNdPSnQ5oE/s1600/soc-icon-p.png'/></a></li>
<li><a href='#'><img alt='Behance' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZBz8xixnjAT_aG2wyCNIA-3sM2Ghr0_l_vXzJx8P3piDUKeELln3Nwzu9qwHvMP6ohXK4UbfUMeobqSTN-R6gftoda6CJoy-Y0-r4L3ILiQRFYxt_d563SeE_Pldg-mD7F5PHhxxnos/s1600/soc-icon-be.png'/></a></li>
<li><a href='#'><img alt='Instagram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9FgouSD0wOCmkMZ3YWtlTFZSrVgEjzjmhFLoLM4JRX9DN8IIaCkJvuTns6PW2OICPs49LPnoWAgPePXUAXQ-lfLwwbwI3PyEKlcS72H-2KCvsOqFNOx1aXodrKmPL_g1s877sY8WwW9Q/s1600/soc-icon-instagram.png'/></a></li>
</ul>
</div>
<!-- social media button end -->
</div>
</nav>
</div>
<div class='clear'/>
<!-- header wrapper start -->
<header id='header-wrapper'>
<div id='container'>
<b:section class='header section' id='header' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Blogmag Responsive Blogger Template (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 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/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</header>
<!-- header wrapper end -->
<nav id='nav'>
<!-- secondary navigation menu start -->
<div id='container'>
<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
</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>
</div>
</nav>
<div class='clear'/>
<!-- secondary navigation menu end -->
<!-- content wrapper start -->
<div id='content-wrapper'>
<div id='mywrapper'>
<!-- post wrapper start -->
<div id='post-wrapper'>
<div class='post-container'>
<div class='clear'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "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>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
<b:else/>
<b:include name='nextprev'/>
</b:if>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='authorblog'>
<div class='row-fluid author-archive'>
<div class='span1 author-top'>
<div class='author-avatar'>
<script src='/feeds/posts/default?alt=json-in-script&callback=authorshow'/>
</div> <h3>Milan Tomic</h3>
</div>
<div class='span12 author-bottom'>
<p>Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.</p>
<div class='soc-icon'>
<ul>
<li><a href='http://www.dribbble.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxx_LkD8ulzZqGiIsq5bd7YVbLCWeMPNXOcx6NnpiAax8tQZpOaRsdVpVVioDQh9GFHhRWbW-PggnH7i3f_hg9HbFVbYuvBVDGcZgOK0RZ5cznkOAoj8GeY3FMd1weZFXBMxp7I8CX5s/s1600/soc-icon-black-dribbble.png' title='Image'/></a></li>
<li><a href='http://twitter.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxUQZOSYkDcQKjqYqFCOQuawn46ljKkt2nfonpUXSaHhV0gHjTAKfWjqfvVaF7VdX_F8ULba4-DRphAuSQqlL2ZOANT6JhcN4b-9aleyPOzF_CAvtmTfiXQeQ4JN2jgP5Lqu0ZmHAvVY/s1600/soc-icon-black-t.png' title='Image'/></a></li>
<li><a href='http://pinterest.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfyn6QMn1IQzT-52anZiIp72v9y1S7W7wpawlTnprSeienHLl9xSDD93YBuMbu6LOsn3XDyQfkvgK7E4ZRA-WnRvhIXrJWa84bUq6CFws4f4DJzGK1rb2I9glp6lNLX6JfkVOWLKUr6Ic/s1600/soc-icon-black-p.pn' title='Image'/></a></li>
<li><a href='http://www.behance.net/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMhJJJ4ECZUtQQBB6uPEj4JZCg_hgsDhP0HvdceLFUIErk7l7kI0mcXR_L3CTzr65sU_64hyphenhyphenSF7cJl2jqvbA8HndoswzUYayedHP3BEMjRPpH3ceRUwHqhxP9Gi99WI6ioX5IY4c_3MgI/s1600/soc-icon-black-be.png' title='Image'/></a></li>
<li><a href='http://www.instagram.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqkumkb0zWyOO1eJNsLt_50-Wu-OdvgTcQC9M1Gb8JbrtZwgcxvNqjLmQ3rzWxBCmOcHMWPWzCfK8U6TSnfHbL-1OMKHvJ-U2zL41XWJCtc1dhxhKJDdyi42pcDMHkE5Hswmtiijd14FE/s1600/soc-icon-black-instagram.png' title='Image'/></a></li>
</ul>
</div>
</div>
</div>
<!--/entry author-->
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4>
<data:post.backlinksLabel/>
</h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>
 
</span>
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/>
</a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'>
<data:post.authorLabel/>
<data:backlink.author/>
</span>
<span class='comment-timestamp'>
<data:post.timestampLabel/>
<data:backlink.timestamp/>
</span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'>
<data:post.createLinkLabel/>
</a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
<data:blog.pageName/>
</span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url'>
<span itemprop='title'>
Home
</span>
</a>
</span>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url + "?&max-results=8"' itemprop='url'>
<span itemprop='title'>
<data:label.name/>
</span>
</a>
</span>
<b:if cond='data:label.isLast != "true"'>
</b:if>
</b:loop>
<span>
<data:post.title/>
</span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
Uncategories
</span>
<span>
<data:post.title/>
</span>
</div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
Archive for
<data:blog.pageName/>
</span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
<data:blog.pageName/>
</span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
All post
</span>
<b:else/>
<span>
<a expr:href='data:blog.homepageUrl' rel='nofollow'>
Home
</a>
</span>
<span>
<data:blog.pageName/>
</span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'>
<data:postCommentMsg/>
</a>
</h4>
<div class='pesan-komentar'>
<p>
<data:blogCommentMessage/>
</p>
</div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'>
<data:postCommentMsg/>
</h4>
<div class='pesan-komentar'>
<p>
<data:blogCommentMessage/>
</p>
</div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-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='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>
:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='top-comment'>
<div class='top-comment-widget-menu clear'>
<ul>
<dl class='top-comment blogico'>Blogger Comment</dl><!--Replace "New Movies" With Your Own Text-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" With Your Own Text-->
</ul>
</div>
<div class='widget2' id='top-comment1'>
<div class='centerare1'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div class='komhead'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='stripe-line'/>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</div>
</div>
<div class='widget2' id='top-comment2'>
<div class='centerare2'>
<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='772'/>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' 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'>
<!-- MOBILE INDEX POST HERE -->
<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/AVvXsEhpO0eR1Z4mxOPOOU7DSMnBMKUSMI_l6A3cnl4enEC0WOZq1h1e2lCbnCYutCe_IvhxtG3_q8wPNK3oEv6DwRitkKCxWVvVnp0cybRjk5e42acD04bxzgoAQHzpmt1cIKF10AUanyJvV45k/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'>
<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'>
<l/>
<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'>
<l/>
<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'>
<!-- posts -->
<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'>
<!-- MOBILE PAGE NAVIGATION LINKS HERE -->
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
&lsaquo;
</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
&rsaquo;
</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'>
<data:desktopLinkMsg/>
</a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<!-- MOBILE ITEM POST HERE -->
<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='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'>
<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'>
<l/>
<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'>
<l/>
<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'>
<!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
<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/AVvXsEhpO0eR1Z4mxOPOOU7DSMnBMKUSMI_l6A3cnl4enEC0WOZq1h1e2lCbnCYutCe_IvhxtG3_q8wPNK3oEv6DwRitkKCxWVvVnp0cybRjk5e42acD04bxzgoAQHzpmt1cIKF10AUanyJvV45k/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'>
<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'>
<l/>
<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 != "static_page"'>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
<l/>
<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 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>
<div style='clear: both;'/>
</div>
</b:if>
<b:else/>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<!-- IKLAN BAWAH JUDUL VERSI DESKTOP -->
<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
</a>
<a class='twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span/>
SHARE
</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
</a>
</div>
<div style='clear: both;'/>
<b:include name='authorblog'/>
<!-- Related Post Widget Start -->
<div id='related-posts'>
<p class='title title-medium'>
<h2>
RELATED POSTS
</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'>
<!-- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
<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><!--Replace "New Movies" With Your Own Text-->
<dl class='top-comment faceico'>Facebook Comment</dl><!--Replace "Recent Games" With Your Own Text-->
</ul>
</div>
<div class='widget2' id='top-comment1'>
<div class='centerare1'>
<div class='comments' id='comments'>
<a name='comments'/>
<div class='komhead'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='stripe-line'/>
</div>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</div>
</div>
<div class='widget2' id='top-comment2'>
<div class='centerare2'>
<div class='fbcombox'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' height='110' width='772'/>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#top-comment .widget2').hide();
$('#top-comment .widget2:first').show();
$('.top-comment-widget-menu ul dl:first').addClass('selected');
$('.top-comment-widget-menu ul dl').click(function(){
$('.top-comment-widget-menu ul dl').removeClass('selected');
$(this).addClass('selected');
$('#top-comment .widget2').hide();
$('#top-comment .widget2').eq($('.top-comment-widget-menu ul dl').index(this)).slideDown()(300);
});
});
//]]>
</script>
</div>
<div style='clear: both;'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!-- post wrapper end -->
</div>
<!--my wrapper end -->
<!-- sidebar wrapper start -->
<!-- sidebar wrapper start -->
<aside id='sidebar-wrapper'>
<div class='sidebar-container'>
<div id='sidebartab'>
<div id='tab'>
<!--Sidebar Tabs Widgets Started-->
<div class='tab-widget-menu clear'>
<ul>
<li class='tab1'>
<i class='fa fa-star-o'/>
</li>
<li class='tab2'>
<i class='fa fa-video-camera'/>
</li>
<li class='tab3'>
<i class='fa fa-tags'/>
</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"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<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/>
<!-- (4) Show snippets and thumbnails -->
<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'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div 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>
<!--Sidebar Tabs Widgets End-->
</div>
<div class='clear'/>
<b:section class='sidebar section' id='sidebar' preferred='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='false' title='Find Us On Facebook' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
<!-- sidebar wrapper end -->
</div>
<!-- content wrapper end -->
<div class='clear'/>
<aside id='bottombar'>
<div id='container'>
<div class='container'>
<ul class='menubar'>
<li>
<a href='#'>
Home
</a>
</li>
<li>
<a href='#'>
About
</a>
</li>
<li>
<a href='#'>
Contact
</a>
</li>
<li>
<a href='#'>
Error Page
</a>
</li>
</ul>
<div class='scroll-top cl-effect-5'>
<p id='back-top' style='display: block;'>
<a href='#top'> <i class='fa fa-chevron-up'/></a>
</p>
</div><!--/scroll-top-->
</div>
</div>
</aside>
<!-- footer wrapper start -->
<footer id='footer-wrapper'>
<div id='container'>
<div class='footer-left'>
Copyright © 2014
<a expr:href='data:blog.homepageUrl'>
<data:blog.title/>
</a>/
Template Created By :
<a href='http://www.themexpose.com/' id='mycontent' title='Blogger Templates'>
ThemeXpose
</a>
</div>
<div class='footer-right'>
<div class='soc-icon pull-left'>
<ul class='pull-right soc-icon'>
<li><a href='http://dribbble.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxx_LkD8ulzZqGiIsq5bd7YVbLCWeMPNXOcx6NnpiAax8tQZpOaRsdVpVVioDQh9GFHhRWbW-PggnH7i3f_hg9HbFVbYuvBVDGcZgOK0RZ5cznkOAoj8GeY3FMd1weZFXBMxp7I8CX5s/s1600/soc-icon-black-dribbble.png' title='Image'/></a></li>
<li><a href='http://facebook.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpUBiANvK7uesOLunew9sYx0_7AnkmA7j7xqBSE6Hh8kF4gKPJ95veKTFqa2y9IkfA7rLWAz8JXeuQ9ILf_u7i0szTJjTj7n2QjN2OJNtbif6CfFJr7RY98apPjTVgUMP3OoEm1Nldx6g/s1600/soc-icon-black-fb.png' title='Image'/></a></li>
<li><a href='http://pinterest.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfyn6QMn1IQzT-52anZiIp72v9y1S7W7wpawlTnprSeienHLl9xSDD93YBuMbu6LOsn3XDyQfkvgK7E4ZRA-WnRvhIXrJWa84bUq6CFws4f4DJzGK1rb2I9glp6lNLX6JfkVOWLKUr6Ic/s1600/soc-icon-black-p.png' title='Image'/></a></li>
<li><a href='http://www.behance.net/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMhJJJ4ECZUtQQBB6uPEj4JZCg_hgsDhP0HvdceLFUIErk7l7kI0mcXR_L3CTzr65sU_64hyphenhyphenSF7cJl2jqvbA8HndoswzUYayedHP3BEMjRPpH3ceRUwHqhxP9Gi99WI6ioX5IY4c_3MgI/s1600/soc-icon-black-be.png' title='Image'/></a></li>
<li><a href='http://www.instagram.com/'><img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqkumkb0zWyOO1eJNsLt_50-Wu-OdvgTcQC9M1Gb8JbrtZwgcxvNqjLmQ3rzWxBCmOcHMWPWzCfK8U6TSnfHbL-1OMKHvJ-U2zL41XWJCtc1dhxhKJDdyi42pcDMHkE5Hswmtiijd14FE/s1600/soc-icon-black-instagram.png' title='Image'/></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- footer wrapper end -->
<!-- wrapper end -->
</div>
<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")})}}
$('#back-top').click(function(){$('.st-content').animate({scrollTop:0},'slow');$('html, body').animate({scrollTop:0},'slow');return false;});
//]]>
</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>
</body>
</html>
facebook
twitter
google+
fb share