-->
.XML TEMA :BLOGGER LOGO ile ilgili görsel sonucu


<?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 == &quot;item&quot;'>
      <meta expr:content='data:blog.pageName' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <meta content='noindex,nofollow' name='robots'/>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <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 == &quot;item&quot;'>
      <title>
        <data:blog.pageName/>
        | 
        <data:blog.title/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <title>
        Archive for 
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <title>
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.searchLabel'>
        <title>
          <data:blog.title/>
          - 
          <data:blog.pageName/>
        </title>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <title>
        Page Not Found
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
        <title>
          <data:blog.pageTitle/>
          - All Post
        </title>
      </b:if>
    </b:if> 
    <meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>
    <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&amp;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&amp;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&amp;ver=3.9.2' id='Roboto-css' media='all' rel='stylesheet' type='text/css'/>
    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* 
    <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:&#39;&#39;;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:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
.post-body blockquote {
background: url(https://lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll left 18px transparent;
font-family: Monaco,Georgia,&quot;
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=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] 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=&quot;1&quot;] 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("http://4.bp.blogspot.com/-rK6RwS4hgVs/VAii57r478I/AAAAAAAABjg/onFsgfWl_sk/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(http://2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/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("http://1.bp.blogspot.com/-VaJX0ShxH6c/TeUGQ0IGOWI/AAAAAAAAJGo/Qw7sIjc5MrQ/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(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/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(http://2.bp.blogspot.com/-gzRaJ5AFrCo/U6V7dFE88nI/AAAAAAAAAi0/_DclnNHIuHY/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(http://1.bp.blogspot.com/-MlMosFqnzNQ/U6V71fpyrHI/AAAAAAAAAi8/DroNXqPjOw0/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(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/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(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/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(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/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(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/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("http://3.bp.blogspot.com/-D6V8VgPZ9Is/VAii5y80N9I/AAAAAAAABjo/Out2-0og5Do/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(http://2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/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: &quot;\f0d5&quot;;
    font-family: fontawesome;
    margin-right: 15px;
}

.top-comment.faceico:before {
    content: &quot;\f09a&quot;;
    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 == &quot;item&quot;'>
      <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 != &quot;index&quot;'>
      <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:&quot;&quot;;
          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: &quot;Admin&quot;;
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 != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     
        <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 = &#39;http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&#39;
          var no_thumb2 = &#39;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&#39;
        </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() {
        $(&quot;.set-1&quot;).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='&quot;loading&quot; + 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'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;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&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</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='http://1.bp.blogspot.com/-0KinYJlPg0o/VAii64HIeiI/AAAAAAAABkA/-P4EIYqFChY/s1600/soc-icon-dribbble.png'/></a></li>
                                                                                                    
                                                
                                                                                                    <li><a href='#'><img alt='Facebook' src='http://1.bp.blogspot.com/-X7iMvUAtq08/VAii6wHeRLI/AAAAAAAABj8/ast6_i7jBmc/s1600/soc-icon-fb.png'/></a></li>
                                                
                                                            

                                                                                                    <li><a href='#'><img alt='Pinterest' src='http://3.bp.blogspot.com/-AlQmGkQq9MI/VAijAQfGagI/AAAAAAAABkQ/_G6WLvRqGgY/s1600/soc-icon-p.png'/></a></li>
                                                                                                    

                                                                                                    <li><a href='#'><img alt='Behance' src='http://4.bp.blogspot.com/-PZoZIvzojHQ/VAii52uu-yI/AAAAAAAABjk/oz67jJFt9-c/s1600/soc-icon-be.png'/></a></li>
                                                 
                                                 
                                                    
                                                                                                     
                                                                                                    <li><a href='#'><img alt='Instagram' src='http://4.bp.blogspot.com/-L6MZ5N36hWc/VAii7fHrYoI/AAAAAAAABj4/ENCEAuK5vx4/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 == &quot;BEHIND&quot;'>
                  <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                    </a>
                    <!--Show the description-->
                    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                      <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 != &quot;&quot;'>
                <h2 class='title'>
                  <data:title/>
                </h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>
              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
        </b:section>
        </div>
      </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 == &quot;&quot;) {this.value = &quot;Text to Search...&quot;;}' onfocus='if (this.value == &quot;Text to Search...&quot;) {this.value = &quot;&quot;;}' 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 == &quot;false&quot;'>
                        <!-- posts -->
                        <div class='blog-posts hfeed'>
                          <b:include data='top' name='status-message'/>
                          <data:defaultAdStart/>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.isDateStart'>
                              <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                                &lt;/div&gt;&lt;/div&gt;
                              </b:if>
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-outer&quot;&gt;
                            </b:if>
                            <b:if cond='data:post.isDateStart'>
                              &lt;div class=&quot;date-posts&quot;&gt;
                            </b:if>
                            <div class='post-outer'>
                              <b:include data='post' name='post'/>
                              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <b:include data='post' name='comment_picker'/>
                              </b:if>
                            </div>
                            <b:if cond='data:post.includeAd'>
                              <b:if cond='data:post.isFirstPost'>
                                <data:defaultAdEnd/>
                                <b:else/>
                                <data:adEnd/>
                              </b:if>
                              <div class='inline-ad'>
                                <data:adCode/>
                              </div>
                              <data:adStart/>
                            </b:if>
                          </b:loop>
                          <b:if cond='data:numPosts != 0'>
                            &lt;/div&gt;&lt;/div&gt;
                          </b:if>
                          <data:adEnd/>
                        </div>
                        <!-- navigation -->
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:include name='page-navi'/>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                            <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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                            function initialize() {
                              google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                              google.annotations.createAll();
                              google.annotations.fetch();
                            }
                            google.setOnLoadCallback(initialize);
                          </script>
                        </b:if>
                        <b:else/>
                        <b:include name='mobile-main'/>
                      </b:if>
                      <b:if cond='data:top.showDummy'>
                        <data:top.dummyBootstrap/>
                      </b:if>
                    </b:includable>
                    <b:includable id='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&amp;callback=authorshow'/>
                          </div>      <h3>Milan Tomic</h3>
    </div>
        <div class='span12 author-bottom'>
        
        <p>Hi. I&#8217;m Designer of Blog Magic. I&#8217;m CEO/Founder of ThemeXpose. I&#8217;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='http://2.bp.blogspot.com/-utQwKE6Wikw/VAikO213xpI/AAAAAAAABkc/wakeJTDfcII/s1600/soc-icon-black-dribbble.png' title='Image'/></a></li>

<li><a href='http://twitter.com/'><img alt='Image' src='http://4.bp.blogspot.com/-dh2L_hrBGcc/VAikP1W7I_I/AAAAAAAABko/jSUKYUe3UQA/s1600/soc-icon-black-t.png' title='Image'/></a></li>

<li><a href='http://pinterest.com/'><img alt='Image' src='http://2.bp.blogspot.com/-3XxgEyZ2jRc/VAikPnb3AJI/AAAAAAAABks/wcdkCt0fV8s/s1600/soc-icon-black-p.pn' title='Image'/></a></li>
<li><a href='http://www.behance.net/'><img alt='Image' src='http://4.bp.blogspot.com/-EB4TVsAjhCA/VAikOotrv8I/AAAAAAAABkY/VrBWlMRNYFc/s1600/soc-icon-black-be.png' title='Image'/></a></li>

<li><a href='http://www.instagram.com/'><img alt='Image' src='http://2.bp.blogspot.com/-J773jg0F1x0/VAikO_IkUAI/AAAAAAAABkw/OhrcTHuZKts/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='&quot;item-control &quot; + 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'>
                                  &#160;
                                </span>
                                <a expr:href='data:backlink.url' rel='nofollow'>
                                  <data:backlink.title/>
                                </a>
                                <b:include data='backlink' name='backlinkDeleteIcon'/>
                              </dt>
                              <dd class='comment-body collapseable'>
                                <data:backlink.snippet/>
                              </dd>
                              <dd class='comment-footer collapseable'>
                                <span class='comment-author'>
                                  <data:post.authorLabel/>
                                  <data:backlink.author/>
                                </span>
                                <span class='comment-timestamp'>
                                  <data:post.timestampLabel/>
                                  <data: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 + &quot;_backlinks-create-link&quot;' target='_blank'>
                          <data:post.createLinkLabel/>
                        </a>
                      </p>
                    </b:includable>
                    <b:includable id='breadcrumb' var='posts'>
                      <b:if cond='data:blog.homepageUrl != data:blog.url'>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <div class='breadcrumbs'>
                            <span>
                              <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                Home
                              </a>
                            </span>
                            <span>
                              <data:blog.pageName/>
                            </span>
                          </div>
                          <b:else/>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:loop values='data:posts' var='post'>
                              <b:if cond='data:post.labels'>
                                <div class='breadcrumbs'>
                                  <span itemscope='' itemtype='http://data-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 + &quot;?&amp;max-results=8&quot;' itemprop='url'>
                                        <span itemprop='title'>
                                          <data:label.name/>
                                        </span>
                                      </a>
                                    </span>
                                    <b:if cond='data:label.isLast != &quot;true&quot;'>
                                    </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 == &quot;archive&quot;'>
                              <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 == &quot;index&quot;'>
                                  <div class='breadcrumbs'>
                                    <b:if cond='data:blog.pageName == &quot;&quot;'>
                                      <span>
                                        <a expr:href='data:blog.homepageUrl' rel='nofollow'>
                                          Home
                                        </a>
                                      </span>
                                      <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 + &quot;_comment-editor-toggle-link&quot;' 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='commentDeleteIcon' var='comment'>
                      <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                        <b:if cond='data:showCmtPopup'>
                          <div class='goog-toggle-button'>
                            <div class='goog-inline-block comment-action-icon'/>
                          </div>
                          <b:else/>
                          <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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 + &quot;_backlinks-container&quot;'>
       <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 != &quot;item&quot;'>
                        <!-- Blog feed links -->
                        <b:if cond='data:feedLinks'>
                          <div class='blog-feeds'>
                            <b:include data='feedLinks' name='feedLinksBody'/>
                          </div>
                        </b:if>
                        <b:else/>
                        <!--Post feed links -->
                        <div class='post-feeds'>
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.allowComments'>
                              <b:if cond='data:post.feedLinks'>
                                <b:include data='post.feedLinks' name='feedLinksBody'/>
                              </b:if>
                            </b:if>
                          </b:loop>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='feedLinksBody' var='links'>
                      <div class='feed-links'>
                        <data:feedLinksMsg/>
                        <b:loop values='data:links' var='f'>
                          <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' 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 == &quot;false&quot;'>
                          <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='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/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 != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <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 &gt; 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 == &quot;index&quot;'>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-index-post'/>
                          </b:loop>
                          <b:else/>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-post'/>
                          </b:loop>
                        </b:if>
                      </div>
                      <b:include name='mobile-nextprev'/>
                    </b:includable>
                    <b:includable id='mobile-nextprev'>
                      <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                              &amp;lsaquo;
                            </a>
                          </div>
                        </b:if>
                        <b:if cond='data:olderPageUrl'>
                          <div class='mobile-link-button' id='blog-pager-older-link'>
                            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                              &amp;rsaquo;
                            </a>
                          </div>
                        </b:if>
                        <div class='mobile-link-button' id='blog-pager-home-link'>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                        </div>
                        <div class='mobile-desktop-link'>
                          <a class='home-link' expr:href='data:desktopLinkUrl'>
                            <data:desktopLinkMsg/>
                          </a>
                        </div>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      <!-- MOBILE ITEM POST HERE -->
                      <div class='date-outer'>
                        <div class='date-posts'>
                          <div class='post-outer'>
                            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
                              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                              <meta expr:content='data:post.id' itemprop='postId'/>
                              <a expr:name='data:post.id'/>
                              <b:if cond='data:post.title'>
                                <h3 class='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 != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <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 &gt; 1'>
                                            <data:post.numComments/>
                                            Comments 
                                          </b:if>
                                        </a>
                                      </span>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </div>
                              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + 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='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>
                                    Facebook
                                  </a>
                                  <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>
                                    Google+
                                  </a>
                                  <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' 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 != &quot;true&quot;'/>
                                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
                                    </b:if>
                                  </b:loop>
                                  <script type='text/javascript'>
                                    removeRelatedDuplicates(); printRelatedLabels(); </script>
                                </div>
                              </div>
                            </div>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                              <b:include data='post' name='comment_picker'/>
                            </b:if>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='nextprev'>
                      <div class='blog-pager' id='blog-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <span id='blog-pager-newer-link'>
                            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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: &quot;First&quot;,
                            lastText: &quot;Last&quot;,
                            nextText: &quot;Next&quot;,
                            prevText: &quot;Prev&quot;
                          }
                        </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 != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:post.thumbnailUrl'>
                              <a expr:href='data:post.url'>
                                <div class='img-thumbnail'>
                                  <span class='rollover'/>
                                  <script type='text/javascript'>
                                    document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
                                  </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='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/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 != &quot;item&quot;'>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <h1 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h1>
                              <b:else/>
                              <h2 class='post-title entry-title' itemprop='name'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <b:if cond='data:blog.url != data:post.url'>
                                      <a expr:href='data:post.url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h2>
                            </b:if>
                            <b:else/>
                            <h1 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h1>
                          </b:if>
                        </b:if>
                        <div class='post-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 != &quot;static_page&quot;'>
                              <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 &gt; 1'>
                                      <data:post.numComments/>
                                      Comments 
                                    </b:if>
                                  </a>
                                </span>
                              </b:if>
                            </b:if>
                      
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <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 != &quot;true&quot;'>
                                    ,
                                  </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 != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
                              <data:post.body/>
                              <div style='clear: both;'/>
                            </div>
                            <b:else/>
                            <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + 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='&quot;post-body-&quot; + 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                                <span/>
                                SHARE
                              </a>
                              <a class='twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                                <span/>
                                 SHARE
                              </a>
                              <a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);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 != &quot;true&quot;'>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/>
                          </b:if>
                        </b:loop>
                        <script type='text/javascript'>
                          var currentposturl=&quot;<data:post.url/>&quot;;
                          var maxresults=3;
                          var relatedpoststitle=&quot;<b/>&quot;;
                          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='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <!-- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                      <script type='text/javascript'>
                        (function() {
                          var items = <data:post.commentJso/>;
                          var msgs = <data:post.commentMsgs/>;
                          var config = <data:post.commentConfig/>;
                          // <![CDATA[
                          var cursor = null;
                          if (items && items.length > 0) {
                            cursor = parseInt(items[items.length - 1].timestamp) + 1;
                          }
                          var bodyFromEntry = function(entry) {
                            if (entry.gd$extendedProperty) {
                              for (var k in entry.gd$extendedProperty) {
                                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                                  return '<span class="deleted-comment">' + entry.content.$t + '</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 + &quot;_backlinks-container&quot;'>
       <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 == &quot;false&quot;'>
                                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                                    <!-- (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 == &quot;false&quot;'>
                                    <!-- (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 != &quot;&quot;'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content'>
                          <data:content/>
                        </div>
                        <b:include name='quickedit'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
                <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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                          <b:if cond='data:display == &quot;list&quot;'>
                            <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='&quot;label-size label-size-&quot; + 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 != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='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 != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
        </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 &#169; 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='http://2.bp.blogspot.com/-utQwKE6Wikw/VAikO213xpI/AAAAAAAABkc/wakeJTDfcII/s1600/soc-icon-black-dribbble.png' title='Image'/></a></li>
                            
                            
                                                            <li><a href='http://facebook.com/'><img alt='Image' src='http://3.bp.blogspot.com/-FYCSXetkBVg/VAilJsawdcI/AAAAAAAABlA/brrk-x6L7Vc/s1600/soc-icon-black-fb.png' title='Image'/></a></li>
                            
                                        

                                                            <li><a href='http://pinterest.com/'><img alt='Image' src='http://2.bp.blogspot.com/-3XxgEyZ2jRc/VAikPnb3AJI/AAAAAAAABks/wcdkCt0fV8s/s1600/soc-icon-black-p.png' title='Image'/></a></li>
                                                                                

                                                            <li><a href='http://www.behance.net/'><img alt='Image' src='http://4.bp.blogspot.com/-EB4TVsAjhCA/VAikOotrv8I/AAAAAAAABkY/VrBWlMRNYFc/s1600/soc-icon-black-be.png' title='Image'/></a></li>
                             

                                

                                                            <li><a href='http://www.instagram.com/'><img alt='Image' src='http://2.bp.blogspot.com/-J773jg0F1x0/VAikO_IkUAI/AAAAAAAABkw/OhrcTHuZKts/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>