Teamplate tin tức cực đẹp có giao diện mobile

posted in: Thủ thuật Blogspot | 0

Hôm nay mình sẽ chia sẻ với các bạn một teamplate tin tức cực đẹp, có giao diện mobile và responsite

Đây chính là demo của giao diện này:

teamplate-tin-tuc-cuc-dep-co-giao-dien-mobile

Hoặc các bạn có thể xem demo tại đây

Đây là toàn bộ code của teamplate tin tức cực đẹp có giao diện điện thoại này, mời các bạn xem qua nhé

<?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.1.0/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=Raleway:300,400,500,600′ rel=’stylesheet’ type=’text/css’/>
<link href=’http://fonts.googleapis.com/css?family=Arimo%3A400%2C700%2C400italic%2C700italic%7CMontserrat%3A400%2C700%7CRoboto%3A400%2C700%7CRoboto+Condensed%3A400&amp;ver=1408323976′ id=’redux-google-fonts-css’ media=’all’ rel=’stylesheet’ type=’text/css’/>
&lt;style type=&quot;text/css&quot;&gt;&lt;!– /*
<b:skin><![CDATA[

/*
———————————————–
Blogger Template Style
Name: Bluster Responsive Blogger Template
Designer: Soratemplates
URL: http://www.soratemplates.com
Version: Full Version
———————————————– */
/* Variable definitions
====================
<Variable name=”maincolor” description=”Main Color” type=”color” default=”#F8674A” value=”#ef3b3b”/>
*/
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 */
.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:#0F4D81;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
}
a:visited{color:#0F4D81;text-decoration:none;
}
a:hover{color:$(maincolor);text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{
}
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:100%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:” “;
clear:both;
height:0;
}
body#layout #mywrapper{
width: 60%;
float: left;
}
body#layout #post-wrapper {
width: 100%;
float: left;
}
body#layout div#main {
width: 100%;
}
body#layout #header-wrapper {
min-height: 0px;
margin-top: 70px;
}
body {
background: #dddddd none repeat scroll top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
font: normal normal 13px Arial, sans-serif;
text-align: left;
background-image: url(‘http://3.bp.blogspot.com/-yugKfcwnTK0/U_HnmccQY7I/AAAAAAAABTc/lfYNn3sqmP8/s1600/tumblr_n6eso9JmB61st5lhmo1_1280.jpg’);
background-repeat: repeat;
background-size: 100%;
background-attachment: fixed;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:1200px;
margin: 40px auto 0;
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:38px;
background: #EF3B3B;
overflow:hidden;
padding: 0 28px;
}
.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;
border-right:1px solid #424242;
}
.menubar li a {
background: #323435;
color: #E0E0E0;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
background:#EF3B3B;
}

/* HEADER WRAPPER */
#header-wrapper {
margin:0 auto;
padding: 0 22px;
min-height: 150px;
background: #202020;
}
.header {
float:left;
width:25.7%;
max-width:257px;
height: 100px;
margin: 0px 0 0PX;
}
div#header-inner {
margin-left: 10px;
}
.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;
padding: 12px 0 39px;
}
.header-right {
float: right;
padding: 0;
margin: 30px 0px 0 0;
width: 72.8%;
max-width: 728px;
max-height: 90px;
}
.header-right img {
display:block;
}
#nav {
font: normal bold 12px Arial, sans-serif;
text-transform: uppercase;
height: 48px;
line-height: 48px;
padding: 0 28px;
background:#202020;
border-top: 1px solid #4f4f4f;
}
.menubar2 {
list-style: none;
margin:0 0 0 0;
*zoom: 1;
float:left;
}
.menubar2:before,
.menubar2:after {
content: ” “;
display: table;
}
.menubar2:after {
clear: both;
}
.menubar2 ul {
list-style: none;
margin:0 0 0 0;
width:12em;
}
.menubar2 a {
display:block;
padding:0 15px;
}
.menubar2 li {
position: relative;
margin:0 0;
padding: 0 1px 0 0;
border-color: #222222;
border-image: none;
border-width: 0 0 0 1px;
}
.menubar2 > li {
float: left;
}
.menubar2 > li > a {
display: block;
height:48px;.social-icons a i:hover
line-height:48px;
font-size: 13px;
text-decoration: none;
color: #e0dfdf;
font-family: ‘Droid Sans’, sans-serif;
}
.menubar2 > li > a.active {
background:#EF3B3B;
}
.menubar2 > li:hover > a {
background:#EF3B3B;
}
.menubar2 li ul {
background: #EF3B3B;
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: #fff;
font-family: ‘Droid Sans’, sans-serif;

position: relative;
z-index:100;
line-height:32px;

}
.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;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 15px 28px 0;
word-wrap:break-word;
}
div#featured-posts-section {
max-height: 342px;
overflow: hidden;
}
.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:817px;
max-width:817px;
margin:0 0 10px;
}
.post-container {
padding:0px 0px 0 0;
}
.breadcrumbs {font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;margin-left: -15px;}
.breadcrumbs > span {padding: 10px 5px 10px 10px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
margin:0 0 15px;
padding:15px 0;
border-bottom: 1px solid #E2E2E2;
}
.post-body {
line-height:1.6em;
}
h2.post-title, h1.post-title {
font:normal normal 20px Arial;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#0072C6;
}
.img-thumbnail {
background:#fbfbfb url(https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
position:relative;
float:left;
width:250px;
height:163px;
margin:0 15px 0 0;
}
.img-thumbnail img {
width:250px;
height:160px;
}
span.rollover {
}
span.rollover:before {
content:””;
position: absolute;
width:24px;
height:24px;
margin:-12px;
top:50%;
left:50%;
}
span.rollover:hover {
opacity: .7;
-o-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
}
.post-info {
background: transparent;
margin: 0 0 12px;
color: #666666;
font-size: 11px;
border-bottom: 1px dotted #dedede;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
a.readmore {
display:inline-block;
margin:15px 0 0;
background-color:#ffffff;
border:1px solid #dddddd;
padding:0px 10px;
line-height:26px;
color:#333333;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
a.readmore:hover {
border:1px solid #aaaaaa;
}
/* Page Navigation */
.pagenavi {
clear: both;
margin: -16px 0 10px;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 0px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.pagenavi span,.pagenavi a {
padding: 6px 20px 6px 15px;
margin-right:3px;
display:inline-block;
color:$(readmore.color);
float: left;
background: none repeat scroll 0 0 transparent;
border-right: 1px solid #DDDDDD;
background-color:$(readmore.background.color);
border: 1px solid $(readmore.border.color);
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:right;
width:35%;
max-width:315px;
margin:11px auto 0;
}
.sidebar h2, .panel h2 {
display: block;
font-family: ‘Raleway’,sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 22px;
padding: 0 0 13px 0px;
margin: 6px 0 5px 0;
border-bottom: 3px $(maincolor) solid;
color: #222;
}
#sidebar1 h2 span,#sidebar h2 span{
}
.sidebar h2 span {
padding-bottom: 11px;
border-bottom: 3px #444 solid;
}
#bottombar h2 span {
bottom: -2px;
padding: 6px;
color: #fff;
background-color: $(maincolor);
}
.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 {
margin:0 0 15px;
padding:0;
position:relative;
}
.recent-post-title h2 {
display: block;
font-family: ‘Raleway’,sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 20px;
padding: 0 0 13px 0px;
margin: 6px 0 25px 0;
border-bottom: 3px $(maincolor) solid;
color: #222;
}
.recent-post-title h2 span{padding-bottom: 19px;
letter-spacing: 0px;
font-weight: 700;
font-style: normal;
color: #333333;
font-size: 30px;
background: #fff;
position: absolute;
}
.recent-post-title h2 a {
color:#AA0925;
padding: 0 10px;

}
.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:62px;
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:115px;
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:110px;
width:110px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:110px;
width:110px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
font-family: Roboto;
line-height: 24px;
letter-spacing: 0.5px;
font-weight: 700;
font-style: normal;
color: #333333;
font-size: 18px;
}
span.xpose_title2 {
font-size:16px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color: #747474;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:12px;
color:#aaa;
margin-top: 17px;
}
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: “\f017″;
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:$(maincolor);
}
ul.xpose_thumbs22 {
font-size:13px;
width:49%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:115px;
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:110px;
width:110px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:110px;
width:110px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
font-family: Roboto;
line-height: 24px;
letter-spacing: 0.5px;
font-weight: 700;
font-style: normal;
color: #333333;
font-size: 18px;
}
span.xpose_title2 {
font-size:16px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#747474;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:12px;
color:#aaa;
margin-top: 17px;
}
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: “\f017″;
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:$(maincolor);
}
/* BOTTOMBAR */
#bottombar {
background:#202020;
overflow:hidden;
margin:0 auto;
padding:15px 28px;
color:#dddddd;
}
#bottombar .left {
float:left;
width:34%;
}
#bottombar .center {
float:left;
width:34%;
}
#bottombar .right {
float:right;
width:32%;
}
#bottombar .left .widget, #bottombar .center .widget {
margin:0 15px 15px 0;
}
#bottombar .right .widget {
margin:0 0 15px 0;
}
#bottombar h2 {
font:normal bold 13px Arial, sans-serif;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
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:#202020;
margin:0 auto;
padding:8px 20px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
border-top: 1px solid #4f4f4f;
}
.footer-left {
float:left;
margin:10px;
margin-top: 9px;
color: #949494;
}
.footer-right {
float:right;
margin:10px;
color: #949494;
}
#footer-wrapper a {
color:#b8b8b8;
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* CUSTOM WIDGET */
.widget ul {
line-height:1.4em;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Arial, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 3px 0 0;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}
/* 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 {
font-size:11.5px;
color: #747474;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* back to top */
#back-to-top {
padding: 8px 10px;
color: #FFF;
height: 30px;
text-align: center;
cursor: pointer;
background-color: #333;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
right:20px;
z-index:999;
}
#back-to-top:hover {
background-color: #f8674a;
}
/* ==== Related Post Widget Start ==== */
#related-posts h2 > span{
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 4px 10px;
}
#related-posts{
float:left;
width:100%;
margin-bottom:40px;
}
#related-posts h2{
border-bottom: 2px solid #eee;
padding: 4px 0;
font: normal normal 18px Oswald;
text-transform: uppercase;
font: normal bold 12px Arial, sans-serif;
text-align: left;
color: #474747;
margin-bottom: 5px;
display:none;
}
#related-posts .related_img {
padding:0px;
width:258px;
height:160px;
}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(https://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—————-*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:right;width:160px;margin-right: 14px;
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
padding: 16px 10px 0 15px;}
div#main {
width: 98%;
margin-top: 15px;
}
div#mywrapper {
float: left;
width: 800px;
}
#sidebartab {
margin-bottom: 15px;
margin-top: -20px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 8px 0 0 2px;
}
#sidebartab .widget {
margin-bottom: 0;
padding-bottom: 0;
}
#sidebartab .h2title {
display: none;
}
#sidebartab .h2titlesmall {
display: none;
}
#sidebartab .widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
}
.tab-widget-menu li.selected {
background: $(maincolor);
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 80px;
height: 80px;
}
#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 {

}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts a {font-weight:bold;}
.tagcloud a {
background: #e4e4e4;
color: #888;
display: block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
}
.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: $(maincolor);
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: $(maincolor);
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;
}
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 4px solid #333;
font-size: 18px;
color:#222;
font-family: Oswald,arial,Georgia,serif;
}
.share-post {
font-size: 13px;
margin-top: 15px;
}
.share-post li {
float: left;
}
.share-post a {
display: block;
margin-right: 10px;
text-indent: -9999px;
margin-left: 12px;
background: url(https://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: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(https://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
———————————————– */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
}
#searchform
{
margin:6px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type=”text”]{
background:#fff; border:none;
float:left; padding:0px 10px 0px 15px;
margin:0px; width:175px; max-height:31px;
border-radius: 3px;
line-height:27px; color:#afafaf}
#searchform input[type=submit] {
background:url(https://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 5px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:27px;
line-height:27px;
right: 0px;
position: absolute;
}
input[type=submit] {
padding:4px 17px;
color:#fff;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:left;
overflow:visible;
}
#searchform input[type=submit]:hover
{
background-color:#747474;
}
.selectnav {
display:none;
}
div#content-wrapper img:hover,div#mywrapper img:hover {
filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/*—Flicker Image Gallery—–*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 75px;
margin: 8px 5px 0px 5px;
width: 75px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
div#act {
display: none;
}
#sidebar-narrow .list-label-widget-content li:before {
content: “\f013″;
font-family: fontawesome;
margin-right: 5px;
}
#sidebar-narrow .list-label-widget-content li {
display: block;
padding: 0 0 8px 0;
position: relative;
}
#sidebar-narrow .list-label-widget-content li a {
color: #555555;
font-size: 13px;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li a:hover {
text-decoration: underline;
}
#sidebar-narrow .list-label-widget-content li span:last-child {
color: #949494;
font-size: 12px;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
text-decoration: underline;
}
.social-icons{float:left;}
.social-icons{margin:7px 0 0 10px;text-align:center;}
.social-icons a{display:inline-block;position:relative;overflow:hidden;line-height:0px;margin:1px;}.social-icons a i{width:24px;height:24px;line-height:24px;font-size:13px;}.social-icons.icon-32 a i{width:32px;height:32px;line-height:32px;font-size:18px;}.social-icons.icon-12 a i{width:18px;height:18px;line-height:18px;font-size:9px;}.social-icons.icon-12 a i.icon-home{padding:0;height:18px;font-size:15px;font-weight:normal;}
.social-icons a i{color:#FFF!important;display:inline-block;text-align:center;overflow:hidden;border-radius:100%;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}.social-icons a i.icon-home{background:#4e5462;}.social-icons a i.fa-facebook{background:#507cbe;}.social-icons a i.fa-twitter{background:#65cdef;}.social-icons a i.social_icon-rss{background:#fbab5d;}.social-icons a i.fa-google{background:#ee8180;}.social-icons a i.fa fa-pinterest{background:#f16361;}.social-icons a i.social_icon-myspace{background:#2e9fdf;}.social-icons a i.fa fa-dribbble{background:#d97aa5;}.social-icons a i.social_icon-linkedin{background:#91c9db;}.social-icons a i.fa fa-evernote{background:#8ac979;}.social-icons a i.social_icon-flickr{background:#db97be;}.social-icons a i.fa fa-youtube{background:#f16361;}.social-icons a i.social_icon-skype{background:#38c3f2;}.social-icons a i.fa fa-digg{background:#4ea1d9;}.social-icons a i.social_icon-reddit{background:#7fc1d7;}.social-icons a i.fa fa-delicious{background:#5a91de;}.social-icons a i.fa-stumbleupon{background:#e36644;}.social-icons a i.fa fa-tumblr{background:#4e7da2;}.social-icons a i.fa-vimeo-square{background:#87d3e0;}.social-icons a i.fa fa-blogger{background:#fbc95d;}.social-icons a i.fa fa-wordpress{background:#dddcdc;}.social-icons a i.fa fa-yelp{background:#c64947;}.social-icons a i.social_icon-lastfm{background:#c35252;}.social-icons a i.social_icon-grooveshark{background:#2ab8ed;}.social-icons a i.social_icon-xing{background:#639d71;}.social-icons a i.social_icon-posterous{background:#e7c16f;}.social-icons a i.social_icon-deviantart{background:#95a595;}.social-icons a i.social_icon-openid{background:#fb915d;}.social-icons a i.social_icon-behance{background:#18ace3;}.social-icons a i.social_icon-instagram{background:#c8c5b3;}.social-icons a i.social_icon-paypal{background:#4ea1d9;}.social-icons a i.social_icon-spotify{background:#6fcb57;}.social-icons a i.social_icon-viadeo{background:#9ec7d5;}.social-icons a i.social_icon-googleplay{background:#ce5452;}.social-icons a i.social_icon-forrst{background:#64bb8d;}.social-icons a i.social_icon-vk{background:#568bb0;}.social-icons a i.social_icon-appstore{background:#cdcccb;}.social-icons a i.social_icon-amazon{background:#f0b22e;}.social-icons a i.fa-soundcloud{background:#f35839;}.social-icons a i:hover{background:#434347;}
a.tooldown{display:inline-block;}.tipsy{font-size:12px;position:absolute;padding:5px;z-index:100000;}.tipsy-inner{background-color:#232323;color:#FFF;max-width:200px;padding:0px 8px;text-align:center;border-radius:3px;}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #232323;}.tipsy-arrow-n{border-bottom-color:#232323;}.tipsy-arrow-s{border-top-color:#232323;}.tipsy-arrow-e{border-left-color:#232323;}.tipsy-arrow-w{border-right-color:#232323;}.tipsy-n .tipsy-arrow{top:0px;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;cursor:help;}
div.conty {
width: 960px;
margin: 0 auto;
}
#beakingnews {
float: left;
height: 30px;
line-height: 28px;
overflow: hidden;
width: 67.2%;
}
#recentpostbreaking li a {
color:#fff;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 32px;
}
#recentpostbreaking li a:hover {
color:#333;
}
#beakingnews .tulisbreaking {
background:#333;
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 5px 10px;
position: absolute;
font-family: Open Sans,sans-serif;
font-size: 14px;
font-weight: 400;
}
#recentpostbreaking {
float: left;
margin-left: 74px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:2px 0 0}
#social-counter-widget{padding:0px!important;margin-bottom:20px!important;overflow:hidden;clear:both;display:block;position:relative;}#social-counter-widget ul.social-counter-widget{}#social-counter-widget ul.social-counter-widget,#social-counter-widget ul.social-counter-widget li{list-style:none!important;margin:0!important;padding:0!important;}#social-counter-widget ul.social-counter-widget li{display:inline-block;}#social-counter-widget ul.social-counter-widget li a{display:block;overflow:hidden;color:#282a2b;}#social-counter-widget ul.social-counter-widget li a i{margin:0 0 10px 0;}#social-counter-widget ul.social-counter-widget li a span{font-size:16px!important;font-family:inherit;line-height:22px!important;font-weight:normal!important;}#social-counter-widget ul.social-counter-widget li a small{color:#c1c1c1;}#social-counter-widget.style1-SC{background-color:#f9f9f9;border:1px #f0f0f0 solid;border-radius:3px;padding:10px 0px!important;}#social-counter-widget.style1-SC li{display:block;width:33%;overflow:hidden;float:left;}#social-counter-widget.style1-SC li a{display:inline-block;text-align:center;padding:10px 0px;overflow:hidden;}#social-counter-widget.style1-SC li a i,#social-counter-widget.style1-SC li a span,#social-counter-widget.style1-SC li a small{clear:both;display:block;}#social-counter-widget.style1-SC ul.social-counter-widget li a i{color:#FFF!important;display:inline-block!important;width:50px!important;height:50px!important;line-height:50px!important;vertical-align:middle;text-align:center;font-size:28px;overflow:hidden;border-radius:100px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style1-SC ul.social-counter-widget li a:hover i.icon{background:#232323!important;}#social-counter-widget.style2-SC{padding:0;}#social-counter-widget.style2-SC ul.social-counter-widget li{display:block;width:100%;overflow:hidden;margin:0 0 3px 0!important;border-radius:2px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style2-SC li a{display:block;text-align:left;padding:5px;overflow:hidden;}#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon,#social-counter-widget.style2-SC ul.social-counter-widget li a span,#social-counter-widget.style2-SC ul.social-counter-widget li a small{float:left;line-height:35px!important;}#social-counter-widget.style2-SC ul.social-counter-widget li a i.icon{font-size:18px;color:#FFF;margin:0 0 0 0!important;display:inline-block!important;width:35px!important;height:35px!important;text-align:center;font-size:17px;line-height:35px!important;font-weight:normal!important;overflow:hidden;border-radius:100px;}#social-counter-widget.style2-SC ul.social-counter-widget li a span{color:#FFF;padding:0 15px}#social-counter-widget.style2-SC ul.social-counter-widget li a small{color:#FFF;color:rgba(255,255,255,0.7);}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-rss{background:#faa33d;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-twitter{background:#40bff5;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-facebook{background:#5d82d1;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-gplus{background:#eb5e4c;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-youtube{background:#ef4e41;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-vimo{background:#35c6ea;}#social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-soundcloud{background:#ff7e30;}#social-counter-widget.style2-SC ul.social-counter-widget li:hover{background:#232323!important;}#social-counter-widget.style2-SC ul.social-counter-widget li:hover a small{color:#FFF!important;}#social-counter-widget.style3-SC{background-color:#FFF;border-radius:3px;padding:10px 0px!important;}#social-counter-widget.style3-SC ul.social-counter-widget li a span{font-size:13px!important;}#social-counter-widget.style3-SC li{display:block;width:24%;overflow:hidden;float:left;}#social-counter-widget.style3-SC li a{display:inline-block;text-align:center;padding:10px 0px;}#social-counter-widget.style3-SC li a i,#social-counter-widget.style3-SC li a span,#social-counter-widget.style3-SC li a small{clear:both;display:block;}#social-counter-widget.style3-SC ul.social-counter-widget li a i{color:#FFF!important;display:inline-block!important;width:35px!important;height:35px!important;text-align:center;font-size:17px;line-height:35px!important;overflow:hidden;border-radius:100px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style3-SC ul.social-counter-widget li a:hover i.icon{background:#232323!important;}#social-counter-widget.style4-SC{padding:0;}#social-counter-widget.style4-SC ul.social-counter-widget li{display:block;clear:both;overflow:hidden;margin:1px 1px 5px 1px!important;border-radius:2px;background-color:#FFF;box-shadow:0 0 1px rgba(0,0,0,0.25);border:0 none!important;}#social-counter-widget.style4-SC ul.social-counter-widget li:last-child{}#social-counter-widget.style4-SC li a{display:block;text-align:left;padding:5px;overflow:hidden;color:#999!important;}#social-counter-widget.style4-SC ul.social-counter-widget li a span{font-size:14px!important;font-family:sans-serif;}#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon,#social-counter-widget.style4-SC ul.social-counter-widget li a span,#social-counter-widget.style4-SC ul.social-counter-widget li a small{float:left;line-height:30px!important;}#social-counter-widget.style4-SC ul.social-counter-widget li a i.icon{color:#FFF;margin:0px!important;display:inline-block!important;width:30px!important;height:30px!important;text-align:center;font-size:17px;line-height:30px!important;overflow:hidden;border-radius:2px;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}#social-counter-widget.style4-SC ul.social-counter-widget li a span{padding:0 4px 0 15px}.rtl #social-counter-widget.style4-SC ul.social-counter-widget li a span{padding:0 15px 0 4px}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss{background:#faa33d;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter{background:#40bff5;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook{background:#5d82d1;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google{background:#eb5e4c;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube{background:#ef4e41;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo{background:#35c6ea;}#social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud{background:#ff7e30;}#social-counter-widget.style4-SC ul.social-counter-widget li a:hover i.icon{background:#999!important;}
*/

]]></b:skin>
<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:24px;
font-family: Arial;
font-weight: 700;
font-style: normal;
color: #000000;
font-size: 24px;
margin-top: -15px;
}
.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(https://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: #F8674A;
-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;
}
</style>
</b:if>
<style>
@media only screen and (max-width:1024px){
#selectnav1 {
background: none repeat scroll 0 0 #333;
border: 1px solid #232323;
color: #FFF;
width: 475px;
margin: 8px 0px;
float: left;
}
.selectnav {
display:block;
width:50%;
margin:0;
padding:7px;
}
}
@media only screen and (max-width:768px){
#selectnav1 {
width: 280px;
}
}
@media only screen and (max-width:480px){
#selectnav1 {
width:200px;
}
}
@media only screen and (max-width:320px){
#selectnav1 {
width:150px;
}
}
</style>
<style>
/* MEDIA QUERY */
@media only screen and (max-width:1024px){
#menu-main {
display: none;
}
#my-slider {
margin-left: 15px;
}
div#main {
width: auto;
}
div#mywrapper {
float: left;
width: 712px;
}
#carousel {
width: 710px;
overflow: hidden;
}
#post-wrapper {
width: 730px;
max-width: 730px;
}
#sidebar-wrapper{
width:100%;
max-width:100%;
}
#searchformfix{display:none;}
#menu-main {
display: none;
}
}
@media only screen and (max-width:768px){
#outer-wrapper {
padding:0 12px;
}
#menu-main {
display: none;
}
#my-slider {
margin-left: -6px;
}
#searchformfix {
display: none;
}
#nav {margin:0 10px}
#nav {
width: 443px;
}
div.conty {
width: 401px;
}
ul.xpose_thumbs1{width:100%}
ul.xpose_thumbs22{width:100%}
ul.xpose_thumbs22 span.xpose_meta{line-height:51px}
div#mywrapper {
float: center;
width: auto;
}
#post-wrapper, #sidebar-wrapper {
float:none;
width:100%;
max-width:100%
}
.active {
display: block;
}
.post-body img {
max-width:90%;
}
.img-thumbnail {
margin:0 10px 0 0;
}
.stylebox .widget {
padding:0 0 10px 0;
}
#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {
padding:0 5px 10px 0;
}
#stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget {
padding:0 0 10px 5px;
}
.sidebar-container, .post-container {
padding:15px 0 0px;
}
.top-comment{width:41%}
}
@media only screen and (max-width:640px){
#outer-wrapper {
padding:0 10px;
}
#menu-main {
display: none;
}
.top-comment{width:41%}
#content-wrapper{padding:0 10px}
#sidebar-narrow{display:none}
div#mywrapper {
float: center;
width: auto;
}
#post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
float:none;
width:100%;
max-width:100%
}
.header, .header-right {
margin:10px 0;
}
.sidebar-container, .post-container{
padding:10px 0 0px;
}
.largebanner .widget, #bottombar {
padding:10px;
}
.post, .breadcrumbs {
margin:0 0 10px;
padding:10px;
}
.pagenavi {
margin: 6px 0 10px;
}
.stylebox .widget-content {
padding:10px;
}
#bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
margin:0 0 10px 0;
}
.top-comment{width:41%}
}
@media only screen and (max-width:480px){
#outer-wrapper {
padding:0 8px;
}
#nav {
width: 287px;
}
div.conty {
width: 256px;
}
#searchformfix {
display: none;
}
.top-comment{width:37%}
.top-comment-widget-menu{height:58px}
ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}
#menu-main {
display: none;
}
#sidebar-narrow{display:none}
div#mywrapper {
float: center;
width: auto;
}
.header, .header-right, .stylebox,.stylebox1 {
float:none;
width:100%;
max-width:100%
}
.header img {
margin: 20px auto 0;
}
.largebanner .widget, #bottombar {
padding:8px;
}
.post, .breadcrumbs {
margin:0 0 8px;
padding:8px;
}
.stylebox .widget-content,.stylebox1 .widget-content {
padding:8px;
}
h2.post-title, h1.post-title {
font-size:16px;
}
.img-thumbnail, .img-thumbnail img {
width:120px;
height:90px;
}
.img-thumbnail {
margin:0 8px 0 0;
}
#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget {
padding:0 0 8px 0;
}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.footer-left, .footer-right {
float:none;
text-align:center;
}
}
@media screen and (max-width:320px){
#outer-wrapper {
padding:0 6px;
}
#menu-main {
display: none;
}
#sidebar-narrow{display:none}
div#mywrapper {
float: center;
width: auto;
}
.post, .breadcrumbs {
padding:6px;
}
.stylebox .widget-content,.stylebox1 .widget-content {
padding:6px;
}
.img-thumbnail, .img-thumbnail img {
width:100px;
height:80px;
}
}
</style>
<b:if cond=’data:blog.pageType != &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: $(maincolor);
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>
#carousel {
width: 1160px;
position: relative;
margin: 10px 0 0;
height:190px;
}
#carousel .content {
position: relative;
left: 0px;
width: 1160px;
overflow:hidden;
}
#carousel ul{
width:10000px;
position: relative;
overflow:hidden;
margin-top:0px;
}
#carousel ul li {
display: block;
float: left;
margin:0;
margin-right:12px;
width: 220px;
overflow: hidden;
height:150px;
}
#carousel .thumbE{
height:80px;
width: 220px;
}
#carousel #previous_button {
position: absolute;
bottom:192px;
right: 37px;
width: 25px;
height: 30px;
cursor: pointer;
background: #f9f9f9;
color:#ccc;
z-index:999;
}
#carousel #next_button {
position: absolute;
bottom:192px;
right:10px;
width: 25px;
height: 30px;
cursor: pointer;
background: #f9f9f9;
color:#ccc;
background-position:100% 0;
z-index:999;
}
#carousel #next_button:hover, #previous_button:hover {
-ms-filter: &quot;progid: DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;;
filter: alpha(opacity=80);
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#carousel ul li a.slider_title{
background: #111;
opacity: 0.9;
filter: alpha(opacity = 90);
float: left;
text-align: left;
font: normal 14px Oswald;
margin-top: 27px;
background-color: rgba(0,0,0,0.5);
display: inline-block;
color: #FFF!important;
font: 14px/24px Helvetica,sans-serif;
line-height: 20px;
padding: 5px 10px 9px 10px;
margin-bottom: -5px;
background: url(https://4.bp.blogspot.com/-BZwt9QQd6YY/U_HnWGG6IEI/AAAAAAAABTU/S-_vdDM_L5I/s1600/bg-gradient.png) 0 -38px repeat-x;
}
#carousel ul li a.slider_title:hover{
color:#fc0;
}
.fa.fa-angle-right {
font-size: 27px;
margin-left: 8px;
}
.fa.fa-angle-left {
font-size: 27px;
margin-left: 8px;
}
#carousel #next_button:hover {
background: #F8674A;
color: #FFF;
}
#carousel #previous_button:hover {
background: #F8674A;
color: #FFF;
}
@media only screen and (max-width:1024px){
#carousel {
width: 710px;
overflow: hidden;
}
}
@media only screen and (max-width:768px){
#carousel {
width: 438px;
overflow: hidden;
}
}
@media only screen and (max-width:480px){
#carousel {
display:none
}

}
/* === Features Slider === */
#slider1{
float:left;
width:100%;
max-height: 380px;
margin:0 0 20px 0;
padding:0;
}
.sliderwrapper{
float:left;
width:100%;
max-height:380px;
height:100%;
overflow:hidden;
margin:0;
padding:0
}
.sliderwrapper:hover{
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1
}
.sliderwrapper .contentdiv{
float:left;
width:100%;
position:relative;
padding:0;
margin:0 0 10px 0;
}
#paginate-slider1 {
position: absolute;
top: 10px;
right: 10px;
text-align: center;
height: 13px;
z-index: 666;
display: inline-flex;
}
.pagination a{
font-size: 11px;
background: rgba(0,0,0,0.5);
display: block;
cursor: pointer;
text-indent: -9999px;
border-radius: 100%;
margin-left: 3px;
width: 8px;
height: 8px;
}
.pagination{
display:inline;
margin:0;
}
.pagination a:hover,.pagination a.selected{
background: #e2e2e2;
}
.featuredPost{
background:#222;
color:#fff;
line-height:normal;
position:absolute;
bottom:0;
margin:0;
padding:10px 0;
background-color: rgba(0,0,0,0.8);
padding: 15px 20px;
background: url(https://4.bp.blogspot.com/-BZwt9QQd6YY/U_HnWGG6IEI/AAAAAAAABTU/S-_vdDM_L5I/s1600/bg-gradient.png) top center repeat-x;
color: #888;
}
.featuredPost a{
color:#fff
}
.featuredPost a:hover{
color:#dedde5
}
.featuredPost h2{
font-size:34px;
line-height:normal;
}

.sliderpost {
width:100%;
min-height: 380px;
margin:0;
padding:0;
vertical-align: middle;
}
img.sliderpost {
max-height: 380px;
}
.thumbE img {
min-height: 164px;
}
#recent-posts {
padding: 10px 0px;
}
.post_wrapper1 .post_thumb {
margin-right: 2%;
float: left;
width: 85px;
}
.post_wrapper1 {
padding-bottom: 20px;
}
.post_wrapper1 .post_desc {
display: table;
}
.post_wrapper1 .post_desc h5 {
font-size: 16px;
padding: 0px;
margin: 0px;
font: normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
}
.post_wrapper1 .post_desc .meta {
font-size: 14px;
color: #aaa;
text-align: left;
float: left;
clear: both;
display: table;
margin-bottom: 10px;
}
.post_wrapper1 .post_desc p {
font-size: 14px;
clear: both;
margin: 0px;
padding: 0px;
}
div#stylebox-1 {
margin-top: -25px;
}
</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’>
//<![CDATA[
function mythumb(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘replies’ && entry.link[k].type == ‘text/html’) {
var commenttext = entry.link[k].title;
var commenturl = entry.link[k].href;
}
if (entry.link[k].rel == ‘alternate’) {
posturl = entry.link[k].href;
break;
}
}
var thumburl;
try {
thumburl = entry.media$thumbnail.url;
thumburl = thumburl.replace(“/s72-c/”,”/w”+thumb_width+”-h”+thumb_height+”-c/”);
} catch (error) {
s = entry.content.$t;
a = s.indexOf(“<img”);
b = s.indexOf(“src=\””, a);
c = s.indexOf(“\””, b + 5);
d = s.substr(b + 5, c – b – 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != “”)) {
thumburl = d;
} else thumburl = no_thumb;
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0, 4);
var cdmonth = postdate.substring(5, 7);
var cdday = postdate.substring(8, 10);
document.write(‘<ul class=”xpose_thumbs”>’);
document.write(‘<li>’);
if (showpostthumbnails == true)
document.write(‘<a href=”‘ + posturl + ‘”><div class=”xpose_thumb”><img width=”‘ + thumb_width + ‘” height=”‘ + thumb_height + ‘” alt=”‘ + posttitle + ‘” src=”‘ + thumburl + ‘”/></div></a>’);
document.write(‘<span class=”xpose_title”><a href=”‘ + posturl + ‘” target =”_top”>’ + posttitle + ‘</a></span>’);
var towrite = ”;
document.write(‘<span class=”xpose_meta”>’);
if (showpostdate == true) {
towrite = towrite + ‘<span class=”xpose_meta_date”>’ + cdday + ‘/’ + cdmonth + ‘/’ + cdyear + ‘</span>';
}
if (showcommentnum == true) {
if (commenttext == ‘1 Comments’) commenttext = ‘1 Comment';
if (commenttext == ‘0 Comments’) commenttext = ‘No Comments';
commenttext = ‘<span class=”xpose_meta_comment”><a href=”‘ + commenturl + ‘” target =”_top”>’ + commenttext + ‘</a></span>';
towrite = towrite + commenttext;
}
if (displaymore == true) {
towrite = towrite + ‘<span class=”xpose_meta_more”><a href=”‘ + posturl + ‘” class=”url” target =”_top”>Read More…</a></span>';
}
document.write(towrite);
document.write(‘</span>’);
document.write(‘<span class=”rp_summary”>’);
if (“content” in entry) {
var postcontent = entry.content.$t;
} else
if (“summary” in entry) {
var postcontent = entry.summary.$t;
} else var postcontent = “”;
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, “”);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(”);
document.write(postcontent);
document.write(”);
} else {
document.write(”);
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(” “);
postcontent = postcontent.substring(0, quoteEnd);
document.write(postcontent + ‘…’);
document.write(”);
}
}
document.write(‘</span>’);
document.write(‘</li>’);
document.write(‘</ul>’);
}
document.write(‘<ul class=”xpose_thumbs2″>’);
for (var i = 1; i < numposts2; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 1; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘replies’ && entry.link[k].type == ‘text/html’) {
var commenttext = entry.link[k].title;
var commenturl = entry.link[k].href;
}
if (entry.link[k].rel == ‘alternate’) {
posturl = entry.link[k].href;
break;
}
}
var thumburl2;
try {
thumburl2 = entry.media$thumbnail.url.replace(“/s72-c/”,”/w”+thumb_width2+”-h”+thumb_height2+”-c/”);
} catch (error) {
s = entry.content.$t;
a = s.indexOf(“<img”);
b = s.indexOf(“src=\””, a);
c = s.indexOf(“\””, b + 5);
d = s.substr(b + 5, c – b – 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != “”)) {
thumburl2 = d;
} else thumburl2 = no_thumb2;
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0, 4);
var cdmonth = postdate.substring(5, 7);
var cdday = postdate.substring(8, 10);
if (showpostthumbnails2 == true)
document.write(‘<a href=”‘ + posturl + ‘”><div class=”xpose_thumb2″><img width=”‘ + thumb_width2 + ‘” height=”‘ + thumb_height2 + ‘” alt=”‘ + posttitle + ‘” src=”‘ + thumburl2 + ‘”/></div></a>’);
document.write(‘<li>’);
document.write(‘<span class=”xpose_title xpose_title2″><a href=”‘ + posturl + ‘” target =”_top”>’ + posttitle + ‘</a></span>’);
var towrite = ”;
document.write(‘<span class=”xpose_meta xpose_meta2″>’);
if (showpostdate2 == true) {
towrite = towrite + ‘<span class=”xpose_meta_date xpose_meta_date2″>’ + cdday + ‘/’ + cdmonth + ‘/’ + cdyear + ‘</span>';
}
if (showcommentnum2 == true) {
if (commenttext == ‘1 Comments’) commenttext = ‘1 Comment';
if (commenttext == ‘0 Comments’) commenttext = ‘No Comments';
commenttext = ‘<span class=”xpose_meta_comment xpose_meta_comment2″><a href=”‘ + commenturl + ‘” target =”_top”>’ + commenttext + ‘</a></span>';
towrite = towrite + commenttext;
}
if (displaymore2 == true) {
towrite = towrite + ‘<span class=”xpose_meta_more xpose_meta_more2″><a href=”‘ + posturl + ‘” class=”url” target =”_top”>Read More…</a></span>';
}
document.write(towrite);
document.write(‘</span>’);
document.write(‘</li>’);
}
document.write(“</ul>”)
}
function mythumb1(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘replies’ && entry.link[k].type == ‘text/html’) {
var commenttext = entry.link[k].title;
var commenturl = entry.link[k].href;
}
if (entry.link[k].rel == ‘alternate’) {
posturl = entry.link[k].href;
break;
}
}
var thumburl;
try {
thumburl = entry.media$thumbnail.url;
thumburl = thumburl.replace(“/s72-c/”,”/w”+thumb_width+”-h”+thumb_height+”-c/”);
} catch (error) {
s = entry.content.$t;
a = s.indexOf(“<img”);
b = s.indexOf(“src=\””, a);
c = s.indexOf(“\””, b + 5);
d = s.substr(b + 5, c – b – 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != “”)) {
thumburl = d;
} else thumburl = no_thumb;
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0, 4);
var cdmonth = postdate.substring(5, 7);
var cdday = postdate.substring(8, 10);
document.write(‘<ul class=”xpose_thumbs1″>’);
document.write(‘<li>’);
if (showpostthumbnails == true)
document.write(‘<a href=”‘ + posturl + ‘”><div class=”xpose_thumb”><img width=”‘ + thumb_width + ‘” height=”‘ + thumb_height + ‘” alt=”‘ + posttitle + ‘” src=”‘ + thumburl + ‘”/></div></a>’);
document.write(‘<span class=”xpose_title”><a href=”‘ + posturl + ‘” target =”_top”>’ + posttitle + ‘</a></span>’);
var towrite = ”;
document.write(‘<span class=”xpose_meta”>’);
if (showpostdate == true) {
towrite = towrite + ‘<span class=”xpose_meta_date”>’ + cdday + ‘/’ + cdmonth + ‘/’ + cdyear + ‘</span>';
}
if (showcommentnum == true) {
if (commenttext == ‘1 Comments’) commenttext = ‘1 Comment';
if (commenttext == ‘0 Comments’) commenttext = ‘No Comments';
commenttext = ‘<span class=”xpose_meta_comment”><a href=”‘ + commenturl + ‘” target =”_top”>’ + commenttext + ‘</a></span>';
towrite = towrite + commenttext;
}
if (displaymore == true) {
towrite = towrite + ‘<span class=”xpose_meta_more”><a href=”‘ + posturl + ‘” class=”url” target =”_top”>Read More…</a></span>';
}
document.write(towrite);
document.write(‘</span>’);
document.write(‘<span class=”rp_summary”>’);
if (“content” in entry) {
var postcontent = entry.content.$t;
} else
if (“summary” in entry) {
var postcontent = entry.summary.$t;
} else var postcontent = “”;
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, “”);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(”);
document.write(postcontent);
document.write(”);
} else {
document.write(”);
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(” “);
postcontent = postcontent.substring(0, quoteEnd);
document.write(postcontent + ‘…’);
document.write(”);
}
}
document.write(‘</span>’);
document.write(‘</li>’);
document.write(‘</ul>’);
}
document.write(‘<ul class=”xpose_thumbs22″>’);
for (var i = 1; i < numposts3; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 1; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘replies’ && entry.link[k].type == ‘text/html’) {
var commenttext = entry.link[k].title;
var commenturl = entry.link[k].href;
}
if (entry.link[k].rel == ‘alternate’) {
posturl = entry.link[k].href;
break;
}
}
var thumburl2;
try {
thumburl2 = entry.media$thumbnail.url.replace(“/s72-c/”,”/w”+thumb_width2+”-h”+thumb_height2+”-c/”);
} catch (error) {
s = entry.content.$t;
a = s.indexOf(“<img”);
b = s.indexOf(“src=\””, a);
c = s.indexOf(“\””, b + 5);
d = s.substr(b + 5, c – b – 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != “”)) {
thumburl2 = d;
} else thumburl2 = no_thumb2;
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0, 4);
var cdmonth = postdate.substring(5, 7);
var cdday = postdate.substring(8, 10);
if (showpostthumbnails2 == true)
document.write(‘<a href=”‘ + posturl + ‘”><div class=”xpose_thumb2″><img width=”‘ + thumb_width2 + ‘” height=”‘ + thumb_height2 + ‘” alt=”‘ + posttitle + ‘” src=”‘ + thumburl2 + ‘”/></div></a>’);
document.write(‘<li>’);
document.write(‘<span class=”xpose_title xpose_title2″><a href=”‘ + posturl + ‘” target =”_top”>’ + posttitle + ‘</a></span>’);
var towrite = ”;
document.write(‘<span class=”xpose_meta xpose_meta2″>’);
if (showpostdate2 == true) {
towrite = towrite + ‘<span class=”xpose_meta_date xpose_meta_date2″>’ + cdday + ‘/’ + cdmonth + ‘/’ + cdyear + ‘</span>';
}
if (showcommentnum2 == true) {
if (commenttext == ‘1 Comments’) commenttext = ‘1 Comment';
if (commenttext == ‘0 Comments’) commenttext = ‘No Comments';
commenttext = ‘<span class=”xpose_meta_comment xpose_meta_comment2″><a href=”‘ + commenturl + ‘” target =”_top”>’ + commenttext + ‘</a></span>';
towrite = towrite + commenttext;
}
if (displaymore2 == true) {
towrite = towrite + ‘<span class=”xpose_meta_more xpose_meta_more2″><a href=”‘ + posturl + ‘” class=”url” target =”_top”>Read More…</a></span>';
}
document.write(towrite);
document.write(‘</span>’);
document.write(‘</li>’);
}
document.write(“</ul>”)
}
function mythumb2(e) {
document.write(‘<div id=”recent-posts”>’);
for (var t = 0; t < numpost; t++) {
var n = e.feed.entry[t];
var r = n.title.$t;
var i;
if (t == e.feed.entry.length) break;
for (var o = 0; o < n.link.length; o++) {
if (n.link[o].rel == “replies” && n.link[o].type == “text/html”) {
var u = n.link[o].title;
var f = n.link[o].href
}
if (n.link[o].rel == “alternate”) {
i = n.link[o].href;
break
}
}
var l;
try {
l = n.media$thumbnail.url
} catch (h) {
s = n.content.$t;
a = s.indexOf(“<img”);
b = s.indexOf(‘src=”‘, a);
c = s.indexOf(‘”‘, b + 5);
d = s.substr(b + 5, c – b – 5);
if (a != -1 && b != -1 && c != -1 && d != “”) {
l = d
} else l = ‘” style=”display: none;’
}
var p = n.published.$t;
var v = p.substring(0, 4);
var m = p.substring(5, 7);
var g = p.substring(8, 10);
var y = new Array;
y[1] = “Jan”;
y[2] = “Feb”;
y[3] = “Mar”;
y[4] = “Apr”;
y[5] = “May”;
y[6] = “Jun”;
y[7] = “Jul”;
y[8] = “Aug”;
y[9] = “Sep”;
y[10] = “Oct”;
y[11] = “Nov”;
y[12] = “Dec”;
document.write(‘<div class=”post_wrapper1″>’);
document.write(‘<div class=”post_thumb”><a href=”‘ + i + ‘”><img src=”‘ + l.replace(“/s72-c/”, “/s120-c/”) + ‘” alt=”‘ + r + ‘” height=”90″ width=”90″></div>’);
var w = “”;
var E = 0;
document.write(“”);
if (showpostdate == true) {
w = w + g + “/” + m + “/” + v;
E = 1
}
document.write(‘<div class=”post_desc”><a href=”‘ + i + ‘”><h5>’ + r + ‘</h5></a><span class=”meta”><i class=”fa fa-clock-o”></i>&nbsp;’ + w + “</span><p>”);
if (“content” in n) {
var S = n.content.$t
} else if (“summary” in n) {
var S = n.summary.$t
} else var S = “”;
var x = /<\S[^>]*>/g;
S = S.replace(x, “”);
if (showpostsummary == true) {
if (S.length < numchars) {
document.write(“”);
document.write(S);
document.write(“”)
} else {
document.write(“”);
S = S.substring(0, numchars);
var T = S.lastIndexOf(” “);
S = S.substring(0, T);
document.write(S + “…”);
document.write(“”)
}
}
document.write(“</p></div><div class=’clear’></div></div>”);
if (displayseparator == true)
if (t != numposts – 1) document.write(“”)
}
document.write(“</div>”)
}
var numpost = 3;
var displayseparator = false;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50
//]]>
</script>
<script type=’text/javascript’>
var numposts = 1;
var numposts2 = 3;
var numposts3 = 4;
var showpostthumbnails = true;
var showpostthumbnails2 = true;
var displaymore = true;
var displaymore2 = false;
var showcommentnum = true;
var showcommentnum2 = true;
var showpostdate = true;
var showpostdate2 = true;
var showpostsummary = true;
var numchars = 100;
var thumb_width = 300;
var thumb_height = 190;
var thumb_width2 = 110;
var thumb_height2 = 110;
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[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=300;
var image_height=190;
image_tag='<img width=”‘+image_width+'” height=”‘+image_height+'” src=”‘+image_url.replace(‘/s72-c/’,’/w’+image_width+’-h’+image_height+’-c/’)+'” alt=”‘+post_title.replace(/”/g,””)+'” title=”‘+post_title.replace(/”/g,””)+'”/>';
if(post_title!=””) return image_tag; else return “”;
}
//]]>
</script>
</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=”60″ height=”60″ src=”‘ + avtr + ‘”/>’);
}
}
//]]>
</script>
<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js’/>
<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();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf(“<img”);b=s.indexOf(“src=\””,a);c=s.indexOf(“\””,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””)){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]=’http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png’}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+”…”;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’alternate’){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i–}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write(‘<h1>’+relatedpoststitle+'</h1>’);document.write(‘<div style=”clear: both;”/>’);while(i<relatedTitles.length&&i<20&&i<maxresults){document.write(‘<a style=”text-decoration:none;margin:0 7px 0px 0;float:left;’);if(i!=0)document.write(‘”‘);else document.write(‘”‘);document.write(‘ href=”‘+relatedUrls[r]+'”><img class=”related_img” src=”‘+thumburl[r]+'”/><br/><div style=”width:231px;padding:9px 14px 20px;color:#fff;height:25px;text-align:left;margin:-61px 0px 0px 0px; font: normal 18px OpenSansRegular; line-height:20px;background: #111;opacity: 0.7;filter: alpha(opacity = 70);”>’+relatedTitles[r]+'</div></a>’);if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write(‘</div>’);relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js’/>
<script type=’text/javascript’>
//<![CDATA[
/**
* jCarouselLite – jQuery plugin to navigate images/any content in a carousel style widget.
* @requires jQuery v1.2 or above
*
* http://gmarwaha.com/jquery/jcarousellite/
*
* Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Version: 1.0.1
* Note: Requires jquery 1.2 or above from version 1.0.1
*/
(function($) { // Compliant with jquery.noConflict()
$.fn.jCarouselLite = function(o) {
o = $.extend({
btnPrev: null,
btnNext: null,
btnGo: null,
mouseWheel: false,
auto: null,
speed: 200,
easing: null,
vertical: false,
circular: true,
visible: 3,
start: 0,
scroll: 1,
beforeStart: null,
afterEnd: null
}, o || {});
return this.each(function() { // Returns the element collection. Chainable.
var running = false, animCss=o.vertical?”top”:”left”, sizeCss=o.vertical?”height”:”width”;
var div = $(this), ul = $(“ul”, div), tLi = $(“li”, ul), tl = tLi.size(), v = o.visible;
if(o.circular) {
ul.prepend(tLi.slice(tl-v-1+1).clone())
.append(tLi.slice(0,v).clone());
o.start += v;
}
var li = $(“li”, ul), itemLength = li.size(), curr = o.start;
div.css(“visibility”, “visible”);
li.css({overflow: “hidden”, float: o.vertical ? “none” : “left”});
ul.css({margin: “0”, padding: “0”, position: “relative”, “list-style-type”: “none”, “z-index”: “1”});
div.css({overflow: “hidden”, position: “relative”, “z-index”: “2”, left: “0px”});
var liSize = o.vertical ? height(li) : width(li); // Full li size(incl margin)-Used for animation
var ulSize = liSize * itemLength; // size of full ul(total length, not just for the visible items)
var divSize = liSize * v; // size of entire div(total length for just the visible items)
li.css({width: li.width(), height: li.height()});
ul.css(sizeCss, ulSize+”px”).css(animCss, -(curr*liSize));
div.css(sizeCss, divSize+”px”); // Width of the DIV. length of visible images
if(o.btnPrev)
$(o.btnPrev).click(function() {
return go(curr-o.scroll);
});
if(o.btnNext)
$(o.btnNext).click(function() {
return go(curr+o.scroll);
});
if(o.btnGo)
$.each(o.btnGo, function(i, val) {
$(val).click(function() {
return go(o.circular ? o.visible+i : i);
});
});
if(o.mouseWheel && div.mousewheel)
div.mousewheel(function(e, d) {
return d>0 ? go(curr-o.scroll) : go(curr+o.scroll);
});
if(o.auto)
setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
function vis() {
return li.slice(curr).slice(0,v);
};
function go(to) {
if(!running) {
if(o.beforeStart)
o.beforeStart.call(this, vis());
if(o.circular) { // If circular we are in first or last, then goto the other end
if(to<=o.start-v-1) { // If first, then goto last
ul.css(animCss, -((itemLength-(v*2))*liSize)+”px”);
// If “scroll” > 1, then the “to” might not be equal to the condition; it can be lesser depending on the number of elements.
curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll;
} else if(to>=itemLength-v+1) { // If last, then goto first
ul.css(animCss, -( (v) * liSize ) + “px” );
// If “scroll” > 1, then the “to” might not be equal to the condition; it can be greater depending on the number of elements.
curr = to==itemLength-v+1 ? v+1 : v+o.scroll;
} else curr = to;
} else { // If non-circular and to points to first or last, we just return.
if(to<0 || to>itemLength-v) return;
else curr = to;
} // If neither overrides it, the curr will still be “to” and we can proceed.
running = true;
ul.animate(
animCss == “left” ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing,
function() {
if(o.afterEnd)
o.afterEnd.call(this, vis());
running = false;
}
);
// Disable buttons when the carousel reaches the last/first, and enable when not
if(!o.circular) {
$(o.btnPrev + “,” + o.btnNext).removeClass(“disabled”);
$( (curr-o.scroll<0 && o.btnPrev)
||
(curr+o.scroll > itemLength-v && o.btnNext)
||
[] ).addClass(“disabled”);
}
}
return false;
};
});
};
function css(el, prop) {
return parseInt($.css(el[0], prop)) || 0;
};
function width(el) {
return el[0].offsetWidth + css(el, ‘marginLeft’) + css(el, ‘marginRight’);
};
function height(el) {
return el[0].offsetHeight + css(el, ‘marginTop’) + css(el, ‘marginBottom’);
};
})(jQuery);
//]]>
</script>

<script type=’text/javascript’>
//<![CDATA[
imgr=new Array();
imgr[0]=”http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png”;
showRandomImg=true;
aBold=true;
summaryPost=150;
summaryPost1=0;
summaryTitle=15;
numposts5=6;
var _0x3d3d=[“\x4A\x20\x31\x61\x28\x65\x29\x7B\x6A\x3D\x28\x31\x50\x29\x3F\x31\x38\x2E\x31\x79\x28\x28\x4D\x2E\x78\x2B\x31\x29\x2A\x31\x38\x2E\x31\x4A\x28\x29\x29\x3A\x30\x3B\x41\x3D\x31\x76\x20\x31\x77\x28\x29\x3B\x49\x28\x76\x20\x69\x3D\x30\x3B\x69\x3C\x31\x62\x3B\x69\x2B\x2B\x29\x7B\x76\x20\x66\x3D\x65\x2E\x31\x34\x2E\x5A\x5B\x69\x5D\x3B\x76\x20\x67\x3D\x66\x2E\x47\x2E\x24\x74\x3B\x76\x20\x68\x3B\x76\x20\x6C\x3B\x77\x28\x69\x3D\x3D\x65\x2E\x31\x34\x2E\x5A\x2E\x78\x29\x48\x3B\x49\x28\x76\x20\x6B\x3D\x30\x3B\x6B\x3C\x66\x2E\x7A\x2E\x78\x3B\x6B\x2B\x2B\x29\x7B\x77\x28\x66\x2E\x7A\x5B\x6B\x5D\x2E\x43\x3D\x3D\x27\x31\x51\x27\x29\x7B\x6C\x3D\x66\x2E\x7A\x5B\x6B\x5D\x2E\x42\x3B\x48\x7D\x7D\x49\x28\x76\x20\x6B\x3D\x30\x3B\x6B\x3C\x66\x2E\x7A\x2E\x78\x3B\x6B\x2B\x2B\x29\x7B\x77\x28\x66\x2E\x7A\x5B\x6B\x5D\x2E\x43\x3D\x3D\x27\x31\x71\x27\x26\x26\x66\x2E\x7A\x5B\x6B\x5D\x2E\x31\x72\x3D\x3D\x27\x31\x73\x2F\x54\x27\x29\x7B\x68\x3D\x66\x2E\x7A\x5B\x6B\x5D\x2E\x47\x2E\x45\x28\x22\x20\x22\x29\x5B\x30\x5D\x3B\x48\x7D\x7D\x77\x28\x22\x53\x22\x52\x20\x66\x29\x7B\x76\x20\x6E\x3D\x66\x2E\x53\x2E\x24\x74\x7D\x31\x39\x20\x77\x28\x22\x56\x22\x52\x20\x66\x29\x7B\x76\x20\x6E\x3D\x66\x2E\x56\x2E\x24\x74\x7D\x31\x39\x20\x76\x20\x6E\x3D\x22\x22\x3B\x46\x3D\x66\x2E\x31\x6F\x2E\x24\x74\x3B\x77\x28\x6A\x3E\x4D\x2E\x78\x2D\x31\x29\x6A\x3D\x30\x3B\x41\x5B\x69\x5D\x3D\x4D\x5B\x6A\x5D\x3B\x73\x3D\x6E\x3B\x61\x3D\x73\x2E\x4F\x28\x22\x3C\x41\x22\x29\x3B\x62\x3D\x73\x2E\x4F\x28\x22\x51\x3D\x5C\x22\x22\x2C\x61\x29\x3B\x63\x3D\x73\x2E\x4F\x28\x22\x5C\x22\x22\x2C\x62\x2B\x35\x29\x3B\x64\x3D\x73\x2E\x31\x4D\x28\x62\x2B\x35\x2C\x63\x2D\x62\x2D\x35\x29\x3B\x77\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\x41\x5B\x69\x5D\x3D\x64\x3B\x76\x20\x6F\x3D\x5B\x31\x2C\x32\x2C\x33\x2C\x34\x2C\x35\x2C\x36\x2C\x37\x2C\x38\x2C\x39\x2C\x31\x30\x2C\x31\x31\x2C\x31\x32\x5D\x3B\x76\x20\x70\x3D\x5B\x22\x31\x63\x22\x2C\x22\x31\x64\x22\x2C\x22\x31\x65\x22\x2C\x22\x31\x66\x22\x2C\x22\x31\x67\x22\x2C\x22\x31\x68\x22\x2C\x22\x31\x69\x22\x2C\x22\x31\x6A\x22\x2C\x22\x31\x6B\x22\x2C\x22\x31\x6C\x22\x2C\x22\x31\x6D\x22\x2C\x22\x31\x6E\x22\x5D\x3B\x76\x20\x71\x3D\x46\x2E\x45\x28\x22\x2D\x22\x29\x5B\x32\x5D\x2E\x31\x70\x28\x30\x2C\x32\x29\x3B\x76\x20\x6D\x3D\x46\x2E\x45\x28\x22\x2D\x22\x29\x5B\x31\x5D\x3B\x76\x20\x79\x3D\x46\x2E\x45\x28\x22\x2D\x22\x29\x5B\x30\x5D\x3B\x49\x28\x76\x20\x72\x3D\x30\x3B\x72\x3C\x6F\x2E\x78\x3B\x72\x2B\x2B\x29\x7B\x77\x28\x31\x74\x28\x6D\x29\x3D\x3D\x6F\x5B\x72\x5D\x29\x7B\x6D\x3D\x70\x5B\x72\x5D\x3B\x48\x7D\x7D\x76\x20\x74\x3D\x71\x2B\x27\x20\x27\x2B\x6D\x2B\x27\x20\x27\x2B\x79\x3B\x76\x20\x75\x3D\x27\x3C\x55\x20\x44\x3D\x22\x31\x78\x22\x3E\x3C\x57\x20\x44\x3D\x22\x31\x7A\x22\x3E\x3C\x61\x20\x42\x3D\x22\x27\x2B\x6C\x2B\x27\x22\x3E\x3C\x41\x20\x31\x41\x3D\x22\x31\x42\x22\x20\x31\x43\x2D\x31\x44\x3D\x22\x31\x45\x22\x20\x44\x3D\x22\x31\x46\x20\x31\x47\x20\x31\x48\x20\x22\x20\x51\x3D\x22\x27\x2B\x41\x5B\x69\x5D\x2B\x27\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x57\x3E\x3C\x61\x20\x44\x3D\x22\x31\x49\x22\x20\x42\x3D\x22\x27\x2B\x6C\x2B\x27\x22\x3E\x27\x2B\x67\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x55\x3E\x27\x3B\x58\x2E\x31\x4B\x28\x75\x29\x3B\x6A\x2B\x2B\x7D\x7D\x24\x28\x58\x29\x2E\x31\x4C\x28\x4A\x28\x29\x7B\x24\x28\x27\x23\x59\x27\x29\x2E\x54\x28\x22\x31\x4E\x20\x31\x4F\x20\x3C\x61\x20\x42\x3D\x27\x4C\x3A\x2F\x2F\x31\x33\x2E\x4B\x2F\x27\x20\x43\x3D\x27\x31\x35\x27\x20\x31\x36\x3D\x27\x31\x37\x27\x20\x47\x3D\x27\x50\x20\x4E\x27\x3E\x31\x52\x20\x4E\x3C\x2F\x61\x3E\x20\x31\x53\x20\x3C\x61\x20\x42\x3D\x27\x4C\x3A\x2F\x2F\x31\x54\x2E\x4B\x2F\x27\x20\x43\x3D\x27\x31\x35\x27\x20\x31\x36\x3D\x27\x31\x37\x27\x20\x47\x3D\x27\x31\x55\x20\x50\x20\x4E\x27\x3E\x31\x56\x20\x50\x20\x31\x57\x3C\x2F\x61\x3E\x22\x29\x3B\x31\x58\x28\x4A\x28\x29\x7B\x77\x28\x21\x24\x28\x27\x23\x59\x3A\x31\x59\x27\x29\x2E\x78\x29\x31\x5A\x2E\x32\x30\x2E\x42\x3D\x27\x4C\x3A\x2F\x2F\x32\x31\x2E\x31\x33\x2E\x4B\x2F\x27\x7D\x2C\x31\x75\x29\x7D\x29\x3B”,”\x7C”,”\x73\x70\x6C\x69\x74″,”\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x76\x61\x72\x7C\x69\x66\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x7C\x6C\x69\x6E\x6B\x7C\x69\x6D\x67\x7C\x68\x72\x65\x66\x7C\x72\x65\x6C\x7C\x63\x6C\x61\x73\x73\x7C\x73\x70\x6C\x69\x74\x7C\x70\x6F\x73\x74\x64\x61\x74\x65\x7C\x74\x69\x74\x6C\x65\x7C\x62\x72\x65\x61\x6B\x7C\x66\x6F\x72\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6F\x6D\x7C\x68\x74\x74\x70\x7C\x69\x6D\x67\x72\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x73\x72\x63\x7C\x69\x6E\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x68\x74\x6D\x6C\x7C\x6C\x69\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x64\x69\x76\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x65\x6E\x74\x72\x79\x7C\x7C\x7C\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x66\x65\x65\x64\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x4D\x61\x74\x68\x7C\x65\x6C\x73\x65\x7C\x72\x65\x63\x65\x6E\x74\x61\x72\x74\x69\x63\x6C\x65\x73\x31\x7C\x6E\x75\x6D\x70\x6F\x73\x74\x73\x35\x7C\x4A\x61\x6E\x7C\x46\x65\x62\x7C\x4D\x61\x72\x7C\x41\x70\x72\x7C\x4D\x61\x79\x7C\x4A\x75\x6E\x7C\x4A\x75\x6C\x7C\x41\x75\x67\x7C\x53\x65\x70\x7C\x4F\x63\x74\x7C\x4E\x6F\x76\x7C\x44\x65\x63\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x69\x65\x73\x7C\x74\x79\x70\x65\x7C\x74\x65\x78\x74\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x33\x30\x30\x30\x7C\x6E\x65\x77\x7C\x41\x72\x72\x61\x79\x7C\x63\x61\x72\x7C\x66\x6C\x6F\x6F\x72\x7C\x74\x68\x75\x6D\x62\x45\x7C\x77\x69\x64\x74\x68\x7C\x32\x33\x30\x7C\x6D\x69\x6E\x7C\x68\x65\x69\x67\x68\x74\x7C\x31\x36\x30\x7C\x54\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x63\x61\x72\x6F\x75\x73\x65\x6C\x7C\x73\x6C\x69\x64\x65\x72\x5F\x74\x69\x74\x6C\x65\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x77\x72\x69\x74\x65\x7C\x72\x65\x61\x64\x79\x7C\x73\x75\x62\x73\x74\x72\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x73\x68\x6F\x77\x52\x61\x6E\x64\x6F\x6D\x49\x6D\x67\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x73\x7C\x46\x72\x65\x65\x7C\x4D\x79\x7C\x54\x68\x65\x6D\x65\x73\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x77\x77\x77″,””,”\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 (_0x211ax1,_0x211ax2,_0x211ax3,_0x211ax4,_0x211ax5,_0x211ax6){_0x211ax5=function (_0x211ax3){return (_0x211ax3<_0x211ax2?_0x3d3d[4]:_0x211ax5(parseInt(_0x211ax3/_0x211ax2)))+((_0x211ax3=_0x211ax3%_0x211ax2)>35?String[_0x3d3d[5]](_0x211ax3+29):_0x211ax3.toString(36));} ;if(!_0x3d3d[4][_0x3d3d[6]](/^/,String)){while(_0x211ax3–){_0x211ax6[_0x211ax5(_0x211ax3)]=_0x211ax4[_0x211ax3]||_0x211ax5(_0x211ax3);} ;_0x211ax4=[function (_0x211ax5){return _0x211ax6[_0x211ax5];} ];_0x211ax5=function (){return _0x3d3d[7];} ;_0x211ax3=1;} ;while(_0x211ax3–){if(_0x211ax4[_0x211ax3]){_0x211ax1=_0x211ax1[_0x3d3d[6]]( new RegExp(_0x3d3d[8]+_0x211ax5(_0x211ax3)+_0x3d3d[8],_0x3d3d[9]),_0x211ax4[_0x211ax3]);} ;} ;return _0x211ax1;} (_0x3d3d[0],62,126,_0x3d3d[3][_0x3d3d[2]](_0x3d3d[1]),0,{}));
//]]>
</script>

<script type=’text/javascript’>
//<![CDATA[
imgr = new Array();
imgr[0] = “http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif”;
showRandomImg = true;
aBold = true;
summaryTitle = 25;
summaryPost = 200;
summaryPost2 = 150;
numposts8 = 5;
function removeHtmlTag(strx,chop){
var s = strx.split(“<“);
for(var i=0;i<s.length;i++){
if(s[i].indexOf(“>”)!=-1){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
}
}
s = s.join(“”);
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts8;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’alternate’){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’replies’&&entry.link[k].type==’text/html’){pcm=entry.link[k].title.split(“”)[0];break}}
if (“content” in entry) {
var postcontent = entry.content.$t;}
else
if (“summary” in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = “”;
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf(“<img”); b = s.indexOf(“src=\””,a); c = s.indexOf(“\””,b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””)) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[“January”,”February”,”March”,”April”,”May”,”Juny”,”July”,”August”,”September”,”October”,”November”,”December”];var day=postdate.split(“-“)[2].substring(0,2);var m=postdate.split(“-“)[1];var y=postdate.split(“-“)[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ‘ ‘ + m + ‘ ‘ + y ;
var trtd = ‘<div class=”contentdiv”><a href=”‘+posturl+'”><img class=”sliderpost” src=”‘+img[i]+'”/></a><div class=”featuredPost”><h2><a href=”‘+posturl+'”>’+posttitle+'</a></h2><p>’+removeHtmlTag(postcontent,summaryPost2)+’…</p></div></div><div class=”clear”></div>';
document.write(trtd);
j++;
}}
//]]>
</script>
<script src=’http://freetemplate.googlecode.com/files/contentslider.js’/>
<script>
(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,&#39;script&#39;,&#39;//www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);

ga(&#39;create&#39;, &#39;UA-54563902-4&#39;, &#39;auto&#39;);
ga(&#39;send&#39;, &#39;pageview&#39;);

</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′ mobile=’yes’ showaddelement=’no’>
<b:widget id=’Navbar1′ locked=’true’ mobile=’yes’ 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\0756122133030924836170\46blogName\75%C4%90%E1%BB%8Dc+tin+nhanh+-+Tin+nhanh+trong+ng%C3%A0y\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://doctintucnhanh.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://doctintucnhanh.blogspot.com/\46blogFollowUrl\75https://plus.google.com/109785208981899541924\46vt\75-218768119697171941&#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=’beakingnews’>
<span class=’tulisbreaking’>
News
</span>
<div id=’recentpostbreaking’>
Loading…
</div>
</div>
<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function () {
var url_blog = ‘http://Bluster-SoraTemplates.blogspot.in/’, // Replace With your Blog Url
numpostx = 20; // Maximum Post
$.ajax({
url: ”+url_blog+’/feeds/posts/default?alt=json-in-script&max-results=’ + numpostx + ”,
type: ‘get’,
dataType: “jsonp”,
success: function(data) {
var posturl, posttitle, skeleton = ”,
entry = data.feed.entry;
if (entry !== undefined) {
skeleton = “<ul>”;
for (var i = 0; i < entry.length; i++) {
for (var j=0; j < entry[i].link.length; j++)
{
if (entry[i].link[j].rel == “alternate”)
{
posturl = entry[i].link[j].href;
break;
}
}
posttitle = entry[i].title.$t;
skeleton += ‘<li><a href=”‘ + posturl + ‘” target=”_blank”>’ + posttitle + ‘</a></li>';
}
skeleton += ‘</ul>';
$(‘#recentpostbreaking’).html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$(‘#recentpostbreaking li:first’).slideUp( function () { $(this).appendTo($(‘#recentpostbreaking ul’)).slideDown(); });
}
setInterval(function(){ tick () }, 5000);
} else {
$(‘#recentpostbreaking’).html(‘<span>No result!</span>’);
}
},
error: function() {
$(‘#recentpostbreaking’).html(‘<strong>Error Loading Feed!</strong>’);
}
});
});
//]]>
</script>
<ul class=’social-icons’>
<a class=’tooldown’ href=’#’ target=’_blank’ title=’Facebook’>
<i class=’fa fa-facebook’/>
</a>
<a class=’tooldown’ href=’#’ target=’_blank’ title=’Twitter’>
<i class=’fa fa-twitter’/>
</a>
<a class=’tooldown’ href=’#’ target=’_blank’ title=’Google+’>
<i class=’fa fa-google’/>
</a>
<a class=’tooldown’ href=’#’ target=’_blank’ title=’Vimeo’>
<i class=’fa fa-vimeo-square’/>
</a>
<a class=’tooldown’ href=’#’ target=’_blank’ title=’soundcloud’>
<i class=’fa fa-soundcloud’/>
</a>
</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>
<!– social media button end –>
</nav>
</div>
<div class=’clear’/>
<!– header wrapper start –>
<header id=’header-wrapper’>
<b:section class=’header section’ id=’header’ showaddelement=’no’>
<b:widget id=’Header1′ locked=’false’ mobile=’yes’ title=’Đọc tin nhanh – Tin nhanh trong ngày (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>
<!–google adsends–>
<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– blog-doctinnhanh1 –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’5860550291′ style=’display:inline-block;width:728px;height:90px’/>
<script>
<!–google adsends–>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<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>
<div class=’header-right’ id=’header-right’>
<b:section class=’ads’ id=’ads’ showaddelement=’no’>
<b:widget id=’HTML133′ locked=’false’ mobile=’yes’ 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 –>
<div class=’clear’/>
<!– secondary navigation menu end –>
<!– content wrapper start –>

<nav id=’nav’>
<!– secondary navigation menu start –>
<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=’http://doctintucnhanh.blogspot.com/search/label/tin-hot’>
Tin hot
</a>

</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/giai-tri’>
Giải trí
</a>
</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/gioi-tre’>
Giới trẻ
</a>
</li>

<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/ngoi-sao’>
Ngôi sao
</a>
</li>

<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/dan-ong’>
Đàn ông
</a>
</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/phu-nu’>
Phụ nữ
</a>
</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/gioi-tinh’>
Giới tính
</a>
</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/goc-tam-su’>
Góc tâm sự
</a>
</li>
<li>
<a href=’http://doctintucnhanh.blogspot.com/search/label/video’>
VIDEO
</a>
</li>
</ul>
</nav>
<div class=’clear’/>
<div id=’content-wrapper’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<div id=’carousel’>
<div id=’crosscol-wrapper’>
<b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’>
<b:widget id=’HTML13′ locked=’false’ mobile=’yes’ title=’Tin hot’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>

</b:if>
<div class=’clear’/>
<div class=’widget-content’>
<div id=’previous_button’>
<i class=’fa fa-angle-left’/>
</div>
<div id=’next_button’>
<i class=’fa fa-angle-right’/>
</div>
<div class=’content’>
<ul>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts5+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentarticles1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
<div class=’clear’/>
</div>
<div class=’clear’/>
</div>
<script type=’text/javascript’>
(function($) { $(document).ready(function(){
$(&quot;#carousel .content&quot;).jCarouselLite({
auto:0,
scroll: 1,
speed: 400,
visible: 5,
start: 0,
circular: true,
btnPrev: &quot;#previous_button&quot;,
btnNext: &quot;#next_button&quot;
});
})})(jQuery)
</script>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class=’clear’/>
</b:if>
<div class=’clear’/>
<div id=’mywrapper’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<div class=’clearfix’ id=’featured’>
<b:section id=’slider1′ showaddelement=’no’>
<b:widget id=’HTML1′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<div class=’clear’>
&#160;
</div>
</div>
</b:if>
<!– post wrapper start –>
<div id=’post-wrapper’>
<div class=’post-container’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<b:section class=’stylebox1 section’ id=’stylebox-1′ showaddelement=’yes’>
<b:widget id=’HTML73′ locked=’true’ mobile=’yes’ title=’Giải trí’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=’stylebox section’ id=’stylebox-2′ showaddelement=’yes’>
<b:widget id=’HTML2′ locked=’false’ mobile=’yes’ title=’Giới trẻ’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=’stylebox section’ id=’stylebox-3′ showaddelement=’yes’>
<b:widget id=’HTML3′ locked=’false’ mobile=’yes’ title=’Giới tính’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=’stylebox1 section’ id=’stylebox-4′ showaddelement=’yes’>
<b:widget id=’HTML4′ locked=’false’ mobile=’yes’ title=’Ngôi sao’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’HTML15′ 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>
<b:section class=’stylebox section’ id=’stylebox-5′ showaddelement=’yes’>
<b:widget id=’HTML5′ locked=’false’ mobile=’yes’ title=’Đàn ông’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=’stylebox section’ id=’stylebox-6′ showaddelement=’yes’>
<b:widget id=’HTML6′ locked=’false’ mobile=’yes’ title=’Phụ nữ’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<script>
document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/div&gt;&#39;);
</script>
</b:if>
<div class=’widget-content’>
<div class=’news_pictures’>
<ul class=’news_pictures_list’>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
</div>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>

</b:if>
<div class=’clear’/>
<div id=’singlepage’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<div class=’recent-post-title’ stype=’mobile=&apos;yes&apos;’>
<h2>
<span>
Latest Posts
</span>
</h2>
</div>
</b:if>
<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ mobile=’yes’ 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’ mobile=’yes’>

<!–google adsends–>
<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– blog-doctinnhanh2 –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’5103670694′ style=’display:inline-block;width:300px;height:250px’/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!–google adsends–>
<!–google adsends–>
<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– blog-doctinnhanh2 –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’5103670694′ style=’display:inline-block;width:300px;height:250px’/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!–google adsends–>

<!–/entry author–>
</b:includable>
<b:includable id=’backlinkDeleteIcon’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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’ mobile=’yes’ 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=’639’/>
</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’>
<i class=’fa fa-user’/>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<meta expr:content=’data:post.authorProfileUrl’ itemprop=’url’/>
<a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ rel=’author’ title=’author profile’>
<span itemprop=’name’>
<data:post.author/>
</span>
</a>
</span>
</span>
<b:else/>
<span class=’author-info’>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<span itemprop=’name’>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</b:if>
<b:if cond=’data:top.showTimestamp’>
<b:if cond=’data:post.url’>
<meta expr:content=’data:post.canonicalUrl’ itemprop=’url’/>
<span class=’time-info’>
<i class=’fa fa-calendar’/>
<a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’>
<abbr class=’published updated’ expr:title=’data:post.timestampISO8601′ itemprop=’datePublished’>
<data:post.timestamp/>
</abbr>
</a>
</span>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<b:if cond=’data:post.allowComments’>
<span class=’comment-info’>
<i class=’fa fa-comments’/>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<b:if cond=’data:post.numComments == 0′>
Add Comment
</b:if>
<b:if cond=’data:post.numComments == 1′>
1 Comment
</b:if>
<b:if cond=’data:post.numComments &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>
<!–google adsends–>

<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– lamdepda300-250bdb –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’4854506294′ style=’display:inline-block;width:300px;height:250px’/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!–google adsends–>
</b:if>
<div class=’post-header’>
<div class=’post-header-line-1’/>
</div>
<div class=’post-info’ style=’margin-bottom:15px;’>
<b:if cond=’data:top.showAuthor’>
<b:if cond=’data:post.authorProfileUrl’>
<span class=’author-info’>
<i class=’fa fa-user’/>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<meta expr:content=’data:post.authorProfileUrl’ itemprop=’url’/>
<a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ rel=’author’ title=’author profile’>
<span itemprop=’name’>
<data:post.author/>
</span>
</a>
</span>
</span>
<b:else/>
<span class=’author-info’>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<span itemprop=’name’>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</b:if>
<b:if cond=’data:top.showTimestamp’>
<b:if cond=’data:post.url’>
<meta expr:content=’data:post.canonicalUrl’ itemprop=’url’/>
<span class=’time-info’>
<i class=’fa fa-calendar’/>
<a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’>
<abbr class=’published updated’ expr:title=’data:post.timestampISO8601′ itemprop=’datePublished’>
<data:post.timestamp/>
</abbr>
</a>
</span>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<b:if cond=’data:post.allowComments’>
<span class=’comment-info’>
<i class=’fa fa-comments’/>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<b:if cond=’data:post.numComments == 0′>
Add Comment
</b:if>
<b:if cond=’data:post.numComments == 1′>
1 Comment
</b:if>
<b:if cond=’data:post.numComments &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;’/>
<!–google adsends–> <script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/> <!– lamdepda300-250bdb –> <ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’4854506294′ style=’display:inline-block;width:300px;height:250px’/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!–google adsends–>
<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>
<!–google adsends–>
<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– lamdepda729-90 –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’3658804694′ style=’display:inline-block;width:728px;height:90px’/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!–google adsends–>
<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>
<!–google adsends–>

<script async=’true’ src=’//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
<!– lamdepda729-90 –>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-4594660272583328′ data-ad-slot=’3658804694′ style=’display:inline-block;width:728px;height:90px’/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!–google adsends–>
</b:if>
</b:if>
<div class=’post-info’>
<b:if cond=’data:top.showAuthor’>
<b:if cond=’data:post.authorProfileUrl’>
<span class=’author-info’>
<i class=’fa fa-user’/>
<span class=’vcard’>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<meta expr:content=’data:post.authorProfileUrl’ itemprop=’url’/>
<a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ rel=’author’ title=’author profile’>
<span itemprop=’name’>
<data:post.author/>
</span>
</a>
</span>
</span>
</span>
<b:else/>
<span class=’author-info’>
<span class=’fn’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<span itemprop=’name’>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</b:if>
<b:if cond=’data:top.showTimestamp’>
<b:if cond=’data:post.url’>
<meta expr:content=’data:post.canonicalUrl’ itemprop=’url’/>
<span class=’time-info’>
<i class=’fa fa-calendar’/>
<a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’>
<abbr class=’published updated’ expr:title=’data:post.timestampISO8601′ itemprop=’datePublished’>
<data:post.timestamp/>
</abbr>
</a>
</span>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<b:if cond=’data:post.allowComments’>
<span class=’comment-info’>
<i class=’fa fa-comments’/>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<b:if cond=’data:post.numComments == 0′>
Add Comment
</b:if>
<b:if cond=’data:post.numComments == 1′>
1 Comment
</b:if>
<b:if cond=’data:post.numComments &gt; 1′>
<data:post.numComments/>
Comments
</b:if>
</a>
</span>
</b:if>
</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>
<a class=’readmore’ expr:href=’data:post.url + &quot;#more&quot;’ expr:title=’data:post.title’>
Read More
<i class=’fa fa-caret-right’/>
</a>
<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 on Facebook
</a>
<a class=’twitter’ expr:href=’data:post.sharePostUrl + &quot;&amp;target=twitter&quot;’ expr:title=’data:top.shareToTwitterMsg’ target=’_blank’>
<span/>
Share on Twitter
</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 on Google Plus
</a>
</div>
<div style=’clear: both;’/>
<b:include name=’authorblog’/>
<!– Related Post Widget Start –>
<div id=’related-posts’>
<p class=’title title-medium’>
<h2>
<span>
RELATED POSTS
</span>
</h2>
</p>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast != &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 faceico’>
Facebook Comment
</dl>
<dl class=’top-comment blogico’>
Blogger Comment
</dl>
<!–Replace “New Movies” With Your Own Text–>

<!–Replace “Recent Games” With Your Own Text–>
</ul>
</div>
<div class=’widget2′ id=’top-comment1′ mobile=’yes’>
<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′ mobile=’yes’>
<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=’639’/>
</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>
<!–singlepage end–>
</div>
</div>
<!– post wrapper end –>
</div>
<!–my wrapper end –>
<!– sidebar wrapper start –>
<!– sidebar wrapper start –>
<aside id=’sidebar-wrapper’>
<div class=’sidebar-container’>
<b:section class=’sidebar section’ id=’sidebar1′ 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 id=’sidebartab’>
<div id=’tab’>
<!–Sidebar Tabs Widgets Started–>
<div class=’tab-widget-menu clear’>
<ul>
<li class=’tab1′>
Popular Post
</li>
<li class=’tab2′>
Video
</li>
<li class=’tab3′>
Category
</li>
</ul>
<div class=’clear’/>
</div>
<div class=’widget1′ id=’tab1′ mobile=’yes’>
<b:section class=’sidebar’ id=’tab1-popular-posts’ showaddelement=’yes’>
<b:widget id=’PopularPosts1′ locked=’false’ mobile=’yes’ 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:widget id=’AdSense1′ locked=’false’ title=” type=’AdSense’>
<b:includable id=’main’>
<div class=’widget-content’>
<b:if cond=’data:blog.disableAdSenseWidget != &quot;true&quot;’>
<data:adCode/>
</b:if>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class=’widget1′ id=’tab2′ mobile=’yes’>
<b:section class=’sidebar’ id=’tab2-recent-posts’ showaddelement=’yes’/>
</div>
<div class=’widget1 tagcloud’ id=’tab3′>
<b:section class=’sidebar’ id=’tab3-comments’ showaddelement=’yes’>
<b:widget id=’Label1′ locked=’false’ mobile=’yes’ 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=’HTML8′ 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=’Attribution1′ locked=’true’ mobile=’yes’ title=” type=’Attribution’>
<b:includable id=’main’>
<b:if cond=’data:feedbackSurveyLink’>
<div class=’mobile-survey-link’ style=’text-align: center;’>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class=’widget-content’ style=’text-align: center;’>
<b:if cond=’data:attribution != &quot;&quot;’>
<data:attribution/>
</b:if>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Lưu trữ Blog’ type=’BlogArchive’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<div id=’ArchiveList’>
<div expr:id=’data:widget.instanceId + &quot;_ArchiveList&quot;’>
<b:if cond=’data:style == &quot;HIERARCHY&quot;’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == &quot;FLAT&quot;’>
<b:include data=’data’ name=’flat’/>
</b:if>
<b:if cond=’data:style == &quot;MENU&quot;’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div>
</div>
<b:include name=’quickedit’/>
</div>
</b:includable>
<b:includable id=’flat’ var=’data’>
<ul class=’flat’>
<b:loop values=’data:data’ var=’i’>
<li class=’archivedate’>
<a expr:href=’data:i.url’><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id=’interval’ var=’intervalData’>
<b:loop values=’data:intervalData’ var=’i’>
<ul class=’hierarchy’>
<li expr:class=’&quot;archivedate &quot; + data:i.expclass’>
<b:include data=’i’ name=’toggle’/>
<a class=’post-count-link’ expr:href=’data:i.url’><data:i.name/></a>
<span class=’post-count’ dir=’ltr’>(<data:i.post-count/>)</span>
<b:if cond=’data:i.data’>
<b:include data=’i.data’ name=’interval’/>
</b:if>
<b:if cond=’data:i.posts’>
<b:include data=’i.posts’ name=’posts’/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id=’menu’ var=’data’>
<select expr:id=’data:widget.instanceId + &quot;_ArchiveMenu&quot;’>
<option value=”><data:title/></option>
<b:loop values=’data:data’ var=’i’>
<option expr:value=’data:i.url’><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id=’posts’ var=’posts’>
<ul class=’posts’>
<b:loop values=’data:posts’ var=’i’>
<li><a expr:href=’data:i.url’><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id=’toggle’ var=’interval’>
<b:if cond=’data:interval.toggleId’>
<b:if cond=’data:interval.expclass == &quot;expanded&quot;’>
<a class=’toggle’ href=’javascript:void(0)’>
<span class=’zippy toggle-open’>&#9660;&#160;</span>
</a>
<b:else/>
<a class=’toggle’ href=’javascript:void(0)’>
<span class=’zippy’>
<b:if cond=’data:blog.languageDirection == &quot;rtl&quot;’>
&#9668;&#160;
<b:else/>
&#9658;&#160;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
<!– sidebar wrapper end –>
</div>
<!– content wrapper end –>
<div class=’clear’/>
<aside id=’bottombar’>
<b:section class=’left section’ id=’left’ preferred=’yes’>
<b:widget id=’Text1′ locked=’false’ title=’Liên kết’ type=’Text’>
<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>
<b:section class=’center section tagcloud1′ id=’center’ preferred=’yes’/>
<b:section class=’right section’ id=’right’ preferred=’yes’>
<b:widget id=’Text2′ locked=’false’ title=’About’ type=’Text’>
<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>
</aside>
<!– footer wrapper start –>
<footer id=’footer-wrapper’>
<div class=’footer-left’>
Copyright &#169; 2014
<a expr:href=’data:blog.homepageUrl’>
<data:blog.title/>
</a>

</div>
<div class=’footer-right’>
<span id=’mycontent’/>
</div>
</footer>
<!– footer wrapper end –>
<!– wrapper end –>
</div>
<div class=’back-to-top’>
<a href=’#’ id=’back-to-top’ title=’back to top’>
<i class=’fa fa-chevron-up’/>
</a>
</div>
<script>
$(window).scroll(function() {
if($(this).scrollTop() &gt; 200) {
$(&#39;#back-to-top&#39;).fadeIn();
} else {
$(&#39;#back-to-top&#39;).fadeOut();
}
});
$(&#39;#back-to-top&#39;).hide().click(function() {
$(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
return false;
});
</script>
<script type=’text/javascript’>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(“.nav li a”).each(function(){if($(this).next().length>0){$(this).addClass(“parent”)}});$(“.toggleMenu”).click(function(e){e.preventDefault();$(this).toggleClass(“active”);$(“.nav”).toggle()});adjustMenu()});$(window).bind(“resize orientationchange”,function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(“.toggleMenu”).css(“display”,”inline-block”);if(!$(“.toggleMenu”).hasClass(“active”)){$(“.nav”).hide()}else{$(“.nav”).show()}$(“.nav li”).unbind(“mouseenter mouseleave”);$(“.nav li a.parent”).unbind(“click”).bind(“click”,function(e){e.preventDefault();$(this).parent(“li”).toggleClass(“hover”)})}else if(ww>=768){$(“.toggleMenu”).css(“display”,”none”);$(“.nav”).show();$(“.nav li”).removeClass(“hover”);$(“.nav li a”).unbind(“click”);$(“.nav li”).unbind(“mouseenter mouseleave”).bind(“mouseenter mouseleave”,function(){$(this).toggleClass(“hover”)})}}
//]]>
</script>
<script type=’text/javascript’>
//<![CDATA[
/*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
!function(a){“use strict”;var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner(‘<div class=”‘+e+'” />’).find(“.”+e),b.tabs.wrapAll(‘<div class=”‘+c.tabs_container_class+'” />’),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(“:first”).hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g=”<“+e+’ class=”‘+d.tabsmenu_class+'”>’,h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,””));return a[c]||””})};i>h;h++)g+=j(h+1,f[h]);g+=”</”+e+”>”,c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(“:first”)[0].nodeName.toLowerCase(),c.$tabs_menu.on(“click”,b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(“:first”).trigger(“click”)},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(“:eq(“+b+”)”).show(),c.$tabs_menu.children().removeClass(e).filter(“:eq(“+b+”)”).addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr(“style”),a.tabs.children(b+”:first”).removeAttr(“style”),a.$element.removeData(“mtabs”)}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data(“mtabs”);e=”object”==typeof c&&c,g||f.data(“mtabs”,g=new b(this,e)),”string”==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:”tabs”,tabs_container_class:”tabs-content”,active_tab_class:”active-tab”,tab_text_el:”h1, h2, h3, h4, h5, h6″,tabsmenu_class:”tabs-menu”,tabsmenu_el:”ul”,tmpl:{tabsmenu_tab:'<li class=”tab-{0}”><span>{1}</span></li>’},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>
<script>
$(document).ready(function(){
$(&quot;.widget h2&quot;).wrapInner(&quot;<span/>&quot;);
});
</script>
<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function() {
// change the dimension variable below to be the pixel size you want
var dimension = 100;
// this identifies the PopularPosts1 div element, finds each image in it, and resizes it
$(‘#PopularPosts1′).find(‘img’).each(function(n, image){
var image = $(image);
image.attr({src : image.attr(‘src’).replace(/s\B\d{2,4}/,’s’ + dimension)});
image.attr(‘width’,dimension);
image.attr(‘height’,dimension);
});
});
//]]></script>
<script type=’text/javascript’>
//<![CDATA[
featuredcontentslider.init({
id: “slider1″, //id of main slider DIV
contentsource: [“inline”, “”], //Valid values: [“inline”, “”] or [“ajax”, “path_to_file”] toc: “#increment”, //Valid values: “#increment”, “markup”, [“label1″, “label2″, etc] nextprev: [“Previous”, “Next”], //labels for “prev” and “next” links. Set to “” to hide.
enablefade: [true, 0.5], //[true/false, fadedegree] autorotate: [true, 6000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
//]]>
</script>
</body>
</html>

Bình luận