Sasasa

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
<b:include data='blog' name='all-head-content'/>
<link href='//fonts.googleapis.com/css?family=Roboto+Text:400,400i,600,600i,700|
Roboto:300,400,500,700,900' rel='stylesheet'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'
rel='stylesheet'/>


<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1'
name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<h1><title><data:blog.pageTitle/></title></h1>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle +
", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR, KEYWORDS, HERE' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"'
expr:title='data:blog.title + " - Atom"' rel='alternate'
type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"'
expr:title='data:blog.title + " - RSS"' rel='alternate'
type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + " - Atom"'
rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>
<link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/>
<link href='https://plus.google.com/GOOGLE+ID' rel='me'/>
<meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/>
<meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/>
<meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/>
<meta content='Sylhet, Bangladesh' name='geo.placename'/>
<meta content='YOUR-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='Bangladesh' name='geo.country'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='english' name='language'/>
<meta content='https://www.facebook.com/username' property='article:author'/>
<meta content='https://www.facebook.com/page_username'
property='article:publisher'/>
<meta content='FACEBOOK-APP-ID' property='fb:app_id'/>
<meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/>
<meta content='' name='twitter:site'/>
<meta content='' name='twitter:creator'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Template Name : Sure MAG
Author : Gourab Design
Re-Touch : Gourab Design
Author URL : https://gourabdesign.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#27ae60"
value="#27ae60"/>
<Group description="Main Color" selector="body">
<Variable name="main.color" description="Main Theme Color" type="color"
default="#27ae60" value="#27ae60"/>
</Group>
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,a
cronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su
b,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,captio
n,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,f
ooter,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{marg
in:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{displ
ay: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{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
.navbar,.post-feeds,.feed-links{display:none;} .section,.widget{margin:0 0 0
0;padding:0 0 0 0;} strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition:
color 0.2s;transition: color 0.2s;} strong,b:hover{left:-0.1em;content: '[';-
webkit-transform: translateX(-100%);transform: translateX(-100%);} cite,em,i{font-
style:italic;} a:link{text-decoration:none;outline:none;transition:all 0.25s;color:
$(main.color)} a:visited{color:#666;text-decoration:none;} a:link:hover{text-
decoration:none; color: #32aae1;} a:visited:hover{color:#32aae1;text-
decoration:none;} a img{border:none;border-width:0;outline:none;} img{max-
width:100%;vertical-align:middle;border:0;} abbr,acronym{cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;} mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#444;} #layout ul {display: none;} .top-
wrapper {overflow:hidden;position:relative;} .mstop-wrapper {padding:0
20px;position:relative;max-width:1060px;margin:0 auto;} h1,h2,h3,h4,h5,h6{font-
weight:700;line-height:normal;margin:0 0 0.6em;} h1{font-size:200%;margin:0;}
h2{font-size:180%} h3{font-size:160%} h4{font-size:140%} h5{font-size:120%}
h6{font-size:100%} input,button,select,textarea{font-size:100%;line-
height:normal;vertical-align:baseline;} textarea{display:block;box-sizing:border-
box;} pre,code{font-family:'Signika', sans-serif;color:#444;} pre{white-
space:pre;word-wrap:normal;overflow:auto;} blockquote{margin-left:0;font-
style:italic;position:relative;font-size:14px;padding:0px; padding-
left:60px;margin:40px 0px;border:0px;font-weight:400;} pre,code{font-
family:'Signika', sans-serif;color:#444;} pre{white-space:pre;word-
wrap:normal;overflow:auto;} blockquote{background-color: #f9f9f9; border-left: 8px
solid #bfcada; padding: 10px; margin: 10px;} *:focus {outline:0!important;}
ul,dl{margin:.5em 0em .5em 3em} ol{list-style:decimal outside} ul{list-style:disc
outside} li{margin:.5em 0} div.clear {clear: both;} .clear {clear: both;} dt{font-
weight:bold} dd{margin:0 0 .5em 2em} .post ul li
span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-
decoration:none;transition:all .3s ease-out;} ol {counter-reset:li;list-style:
none;font:15px Poppins; padding:0;margin-bottom:4em;text-shadow: 0 1px 0
rgba(255,255,255,.5);} ol ol {margin: 0 0 0 2em;} .post ol
li{position:relative;display:block;padding:.4em .4em .4em .8em; margin:.5em 0 .5em
2.5em;background:#fff;color:#666;text-decoration:none; transition:all .3s ease-
out;} .post ol li:before {content:counter(li);counter-
increment:li;position:absolute;left:-2.5em; top:50%;margin-top:-
1em;height:2em;width:2em;line-height:2em;text-align:center;} .post-body table
th, .post-body table td, .post-body table caption{border:1px solid
#eee;padding:10px;text-align:left;vertical-align:top;} .post-body table.tr-caption-
container {border:1px solid #eee;} .post-body th{font-weight:700;} .post-body table
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 #eee;} .post-body th{background:#fafafa;} .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:none;} table {max-width:100%;width:100%;margin:1.5em
auto;} table.section-columns td.first.columns-cell{border-left:none} table.section-
columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-
2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-
cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%} .widget ul {padding:0;}
.quickedit{display:none;visibility:hidden}
body {background: #f0f1f3;color: #656e7f;font-family:Roboto;font-size: 18px;font-

weight: 300;line-height: 27px;margin:0}
body#layout #mainbwrap{width:100%;float:left}
body#layout #sidebar-wrapper{width:33%;left:0;padding:0;float:right}
body#layout .sidebar-area {width:80%;margin:0;padding:0}
body#layout #bwrapcontent, body#layout #sidebar-wrapper {padding:0 0 0 0;}
body#layout #recent3, body#layout #banner160 {width: 50%;float:left;}
body#layout #header-wrapper {padding:0}
body#layout #footer-widgetfix .footer-widget {margin-left:0;margin-right:20px;}
hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0}
blockquote{color:#9ba2af;font-family:"PT Serif",Georgia,Times,serif;border-left:5px
solid rgba(155,162,175,0.25);margin-left:0;margin-right:0;margin-
bottom:27px;padding-left:27px}
blockquote blockquote{font-size:inherit}
img{height:auto;max-width:100%}
a{color:$(main.color);text-decoration:none;-webkit-transition:all .2s ease-in-out;-
moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all
.2s ease-in-out}
a:visited{color:$(main.color)}
a:hover,a:focus,a:active{color:#f77e75;-webkit-transition:all .2s ease-in-out;-moz-
transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s
ease-in-out}
.site-header{background:#242d36;border-bottom:5px solid
#1e252d;margin:0;position:relative;width:100%;z-index:100}
.site-header img{display:block;margin:0 auto;max-height:200px}
.bwrapsite-content{margin:0 auto;max-width:1100px}
.content-area{float:left;margin:0 -25% 0 0;width:68%}
.widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-
size:16px;font-weight:400;text-transform:uppercase;margin:0 0
5px;position:relative;transition:all .5s ease-out 0}
#header-wrapper{overflow: hidden; padding:20px 0; position: relative; max-width:

1100px; margin: 0 auto;}
#header{float:left;width:100%;max-width:250px;color:#46515e;}
#header h1,#header p{font-size:40px;font-weight:900;margin: 0;}
.header h1{margin:0}
#header a{color:#46515e;text-decoration:none;transition:all .3s ease-in-out}
#header a:hover{color:$(main.color)}
#header .description{font-size:15px;font-weight:600;color:#777;text-transform:none}
.header img{display:block}
.header-right{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-
width:728px;}
.header-right img{display:block;float:right}
.top-header { background: #fff;}
.sidebar-area{margin:0 auto;float:right;overflow:hidden;width:31%;}
#sidebar .widget h2 { font-weight: 700; transition: all 0.5s ease-out; text-
transform: uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0,
0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-
height: 28px; padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-
bottom: 1px solid #ddd;}
#sidebar .widget {margin-bottom: 12px; background: #fff;border: 1px solid #ddd;}
#sidebar .widget-content {padding:19px;}
#footer-wrapper{text-align:left;overflow:hidden}
.footer{padding-bottom:.2em}
.footer-bottom{min-height:40px}
#footx1,#footx2,#footx3{margin:0 .2%}
#footer-widgetfix .footer-widget{width:30%;float:left;margin-left:30px}
#footer-widgetfix{max-width:1100px;overflow:hidden;margin:0 auto}
#footer-wrapper .widget-content{text-align:left}
#footer-wrapper .widget-content li{margin-left:-14px}
#footer-wrapper .widget li{margin:5px 0 0;}
#layout #footer-wrapper .add_widget{background-color:#f56954;border:none}
#layout #footer-wrapper .add_widget a{color:#fff}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
#footer-wrapper h2:before { content: " "; display: block; height: 3px; width: 60%;
margin: 0 auto; background: $(main.color); position: absolute; bottom: -1px; left:
50%; margin-left: -50%; }
#footer-wrapper .widget-content a {color:#fff}
.smoothscroll-top {position:fixed; opacity:0; visibility:hidden; overflow:hidden;

text-align:center; z-index:99; background-color:$(main.color); color:#fff;
width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-
top:2px;transition:all 0.5s ease-in-out; transition-delay:0.2s; }
.smoothscroll-top:hover {background-color:#3eb2ea; color:#fff; transition:all 0.2s
ease-in-out; transition-delay:0s; }
.smoothscroll-top.show {visibility:visible; cursor:pointer; opacity:1; bottom:25px;
}
.smoothscroll-top i.fa {line-height:inherit;}
.cd-top{display:inline-
block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0
10px rgba(0,0,0,0.05);overflow:hidden;white-space:nowrap;background:$
(main.color);visibility:hidden;opacity:0;-webkit-transition:opacity .3s
0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .
3s;transition:opacity .3s 0s,visibility 0 .3s;color:#fff!important;text-
align:center;font-size:18px;line-height:60px}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-
transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility
0 0;transition:opacity .3s 0s,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}
@media only screen and (min-width: 768px) {
.cd-top{right:20px;bottom:20px}
}
@media only screen and (min-width: 1024px) {
.cd-top{height:60px;width:60px;right:30px;bottom:80px}
}
.imageContainer{width:120px;height:80px;overflow:hidden;float:left;margin-
right:8px}
.recent .title a{color:#fff;background-color:$(main.color);display:inline-
block;padding:3px 15px;}
.recent a{color:#111}
.recent .title a:hover{text-decoration:underline}
.recent ul{padding-top:15px;padding-bottom:15px}
#label_with_thumbs li{width:100%;display:inline-block;padding:0;border-bottom:1px
solid rgba(192,192,192,0.38);margin-bottom:20px}
.label_thumb{position:relative;max-width:none!important;margin-
left:0;transform:scale(1.0);transition:.9s}
.label_title{display:block;font-size: 12px; font-weight: 600; line-height:
1.4;color:#2D2D2D!important}
.label_title:hover{color:#32aae1!important}
.post-date{font-size:11px;font-weight:400;color:#555!important;margin-right:8px}
.post-date:before{content:"\f017";font-family:FontAwesome;display:inline-
block;margin-right:3px}
.recent-com{color:#555!important;font-size:11px}
.recent-com:before{content:"\f075";font-family:FontAwesome;display:inline-
block;margin-right:3px}
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:80px;margin-
right:8px;width:100px;}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid
#f0f0f0;list-style:none;}
#recent-posts ul li:last-child{border-bottom:0;margin: 0; padding: 0;}
#recent-posts ul li a{display: block; color: #222; font-weight: 600; text-
decoration: none; font-size: 12px; margin: 0 0 10px 0; line-height: 1.5;overflow:
hidden;}
.toe{overflow:hidden;display:block; margin-top: 5px;margin-bottom:5px;}
#recent-posts ul li a:hover {color: #32aae1}
#recent-posts span {font-size: 11px; font-weight: 400; color: #555!important;
margin-right: 8px;}
li.recent-box:last-child{border-bottom:0!important;padding-bottom: 0!important;
margin-bottom: 0!important;}
.post-summary{line-height:18px;padding:0;margin: 0; font-weight: 400;}
.ro{margin-bottom:15px;overflow:hidden}
.recent{background-color:#FFF;overflow:hidden}
.viewall {font-size: 11px; font-weight: 600; transition: all 0.5s ease-out; float:
right; margin-top: 3px;}
.viewall a {color:#777;}
#mainblogsec .title {background:#fff;position: relative; overflow: hidden;font-
size: 15px; font-weight: 600; padding: 4px 8px; transition: all 0.5s ease-out;
text-transform: uppercase; border-left-color: #f3794b; border-left: 3px solid
#F3794B;}
#mainblogsec .title span {position: absolute; left: 0; top: 11px; display: block;
width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid
transparent; border-left: 4px solid #F3794B; }
.post-share-url {width:100%; box-sizing: border-box; padding: 11px; border: 1px
solid #ccc; font-size: 14px; outline: 0; font-weight: 600; color: #525252; float:
left;margin-top: 10px;}
#copyButton {background:$(main.color); border: 0; padding: 12px 20px; color: #fff;
font-size: 14px; font-weight: 600; overflow: hidden; position: relative; left:
-10px;margin-top: 10px;}
#copyButton:hover {cursor: pointer;background:#666}
#magstyle{margin:0 auto;overflow:hidden;position:relative}
.magstylo{float:left;width:50%;}
.magstylo2{float:left;width:37.6%;margin-right:8px}
.magstylo:last-child{margin-right:0}
.magstylo2:last-child{margin-right:0}
ul#label_with_thumbs {padding:15px;}
.label-info a {color: #fff!important; padding: 8px 10px; transition: all .3s ease-
out; font-weight: 500; background:$(main.color); letter-spacing: 0.5px;}
#magstyle1 .title, #magstyle2 .title, #slider2 .title, #magstyle4 .title,

#magstyle44 .title, #recent1 .title, #recent2 .title, #recent3 .title {font-size:
14px; font-weight: 600; padding: 15px; transition: all 0.5s ease-out; text-
transform: uppercase; border-bottom: 1px solid #ddd;border-top:4px solid $
(main.color);background: rgba(238, 238, 238, 0.33);-moz-box-shadow: 0px 2px 4px
rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);}
.avatar-image-container
img{height:70px;width:70px;overflow:hidden;float:left;margin-right:20px;max-
width:100%!important}
#magstyle44 .recent-box:first-child {background:$(main.color)}
.comments .comments-content .comment{padding:20px;font-family: Roboto;}

#comments{padding:0!important;margin-top:20px;}
#comments h4 {display:none;}
.comments .avatar-image-container{max-height:100%!important;width:70px!
important;margin-right:10px;border-radius:100%;border:4px solid $(main.color);}
.comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-
bottom:20px;overflow:hidden;position:relative}
.comment-header a{font-size:14px;font-style:normal;display:inline-block;margin-
bottom:5px;color:#34495E;}
.comments .comments-content .datetime a{font-size:11px;font-weight:600}
.comments .comments-content .datetime,.comments .comment .comment-actions
a{float:right}
.comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none}
.comment-actions a{color:$(main.color);background:#fff;border: 2px solid $
(main.color); font-size: 13px; padding: 5px 20px!important; margin-left: 10px;
font-weight: 600;}
.comments .comments-content .comment-header{background:#fff;padding:5px;margin-
bottom:0;border:1px solid #ddd}
.comments .comment .comment-actions a{padding:0}
.comments .comment .comment-actions a:hover{text-decoration:none}
.comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px}
.comments .continue a{display:block;color:#333;font-size:11px;font-
weight:400;padding:0}
.comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0
0 -4px 12px;font-weight:400;color:#FFF;font-size:11px;background:$
(main.color);padding:3px;border-radius:3px}
.comments .comments-content .icon.blog-author:after{content:"Admin"}
.comments .comments-content .comment-content{text-
align:left;padding:20px;background:#ebebeb;font-size:14px;font-
weight:400;color:#232323;border:1px solid #DEDEDE;border-top:0}
.comments .thread-toggle { display: inline-block; font-size: 12px; font-weight:
600; }
.comments-horizontal{list-style: none; display: inline-block; width: 100%; padding:
0!important; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0,
0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; background:
rgba(238, 238, 238, 0.33); border-bottom: 1px solid #ddd; text-transform:
uppercase;ercase;}
.comments-horizontal li{display:inline-block;width:50%}
.comments-horizontal li a{padding:15px 0;width:100%;display:block;text-
align:center;color:#222;letter-spacing: 0.6px;font-weight:700;font-size:13px;}
.comments-horizontal li.active a{color:$(main.color)}
.comments-tabs{background-color:#fff;border:1px solid #ddd;margin-bottom: 15px;}
#facebook-comments{padding-top:0;padding:20px}
.comments-horizontal li{float:left}
.active{border-bottom:2px solid $(main.color)}
.home-link{display:none}
#blog-pager-newer-link{float:left;background:$(main.color);padding:10px;border:2px
solid $(main.color);transition:all 1s ease-out;animation:BounceRate 3s;}
#blog-pager-older-link{float:right;background:$(main.color);padding:10px;border:2px
solid $(main.color);transition:all 1s ease-out;animation:BounceRate 3s;}
#blog-pager-newer-link:hover, #blog-pager-older-link:hover
{background:#fff;border:2px solid $(main.color);transition:all 1s ease-
out;animation:BounceRate 3s;}
#blog-pager a{color:#fff;text-transform:uppercase;font-size:13px;font-
weight:700;letter-spacing:1px;transition:all 1s ease-out;animation:BounceRate 3s;}
#blog-pager a:hover {color:$(main.color);transition:all 1s ease-
out;animation:BounceRate 3s;}
#blog-pager{text-align:center;}
h2.date-header{margin:10px 0;display:none}
.feed-links{clear:both}
.status-msg-wrap{font-size:110%;width:90%;position:relative}
.cloud-label-widget-content{display:inline-block;text-align:left;margin-top:10px}
.cloud-label-widget-content .label-size{display:inline-block;float:left;font-
size:10px;line-height:normal;margin:0 5px 5px 0;opacity:1}
.cloud-label-widget-content .label-size a{background:$(main.color); color: #fff;
float: left; font-weight: 600; line-height: 100%; margin: 0; padding: 10px 8px;
transition: all .6s; font-size: 12px;}
.cloud-label-widget-content .label-size a:hover {background:#fff;color:$
(main.color);}
.cloud-label-widget-content .label-size .label-count{background:$
(main.color);color:#fff;white-space:nowrap;display:inline-block;padding:6px
8px;margin-left:-3px;line-height:normal;border-radius:0 2px 2px 0;font-
size:11px;font-weight:600}
.Label li{position:relative;padding:6px 20px 12px 10px !important;list-
style:disc;display:block;font-size:13px;font-weight:500}
.Label li:before{content:"\f105";font-family: fontAwesome; font-size: 14px;
position: absolute; font-weight: 600; left: 0; padding: 0; text-decoration: none;}
.Label li a{color:#666}
.Label li span{padding:0 10px;display:block;line-
height:20px;position:absolute;right:15px;top:10px;font-size:11px;background:$
(main.color);color:#fff}
.Label li:hover span{background:#FC3931;transition:all .6s}
.sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-
size:15px;transition:all .3s;font-family:&#39}
#top-nav{height:35px;background-color:#e7eacd;font-size:11px;font-weight:500;}
#top-nav ul{float:right;line-height:35px;margin:0}
#top-nav li{position:relative;float:left;display:block;margin:0}
#top-nav a{display:block;height:35px;padding:0 10px;border-right:1px solid
#ECECEC;color:#666;font-size: 11px; font-weight: 600;}
#top-nav a:hover{color:#555}
#top-nav ul li ul{display:none;position:absolute;left:-1px;top:30px;z-
index:100;background-color:#fff;border:1px solid #F2F2F2}
#top-nav .sub-menu li{border-left:none}
#top-nav .sub-menu li:last-child{border-right:none}
#top-nav ul li:hover > ul,#top-nav ul li ul:hover{display:block}
#top-nav ul li ul a{min-width:180px;height:36px;padding:0 12px;transition:all .3s}
#top-nav ul li ul a,#top-nav ul ul .current-menu-item
a{border:none;color:#C5C5C5;margin-top:0}
#top-nav ul li ul li{float:none;height:auto;clear:both;margin-left:0;line-
height:36px;border-bottom:1px solid #F2F2F2}
#top-nav ul li ul li:last-child{border-bottom:none}
.blog-date {float: left; line-height: 35px; margin: 0; font-size:11px;font-
weight:600;color: #7d7d78;}
.wrapper{width:1100px;margin:0 auto}
#menu{margin-bottom:10px; background: #fff; -webkit-box-shadow: 1px 0px 12px -5px

rgba(0,0,0,0.75); -moz-box-shadow: 1px 0px 12px -5px rgba(0,0,0,0.75); box-shadow:
1px 0px 9px -5px rgba(0,0,0,0.75);}
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:50px;width: 1100px; background:$(main.color);}
#menu li{float:left;display:inline;position:relative;font-size: 12px; font-weight:
700; text-transform: uppercase; letter-spacing: 0.6px;}
#menu a{display: block; line-height:50px; padding: 0 14px; text-decoration: none;
color:#fff;}
#menu .homers a{background:rgba(0, 0, 0, 0.24);}
#menu li a:hover{ color: #fff ; background:$(main.color); -webkit-transition: all .
1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-
in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; . }
#menu input{display:none;margin:0 0;padding:0
0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-
height:36px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:35px}
#menu ul.menus{ height: auto; overflow: hidden; width: 170px; background:#3e454c;
position: absolute; z-index: 99; display: none; }
#menu ul.menus li{ display: block; width: 100%; text-transform: none; text-shadow:
none; }
#menu ul.menus a{ color: #fff; line-height: 50px; }
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{ background:$(main.color); color: #fff; -webkit-transition:
all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s
ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
@media screen and (max-width: 800px){
#menu{position:relative;height: 40px; width: 100%;margin-bottom: 10px;}
#menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-
index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;padding-left:20px}
#menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}
#breakingnews {margin-right:15px;height:30px;line-
height:30px;overflow:hidden;width:35%;float:left;}
#adbreakingnews li a {font-weight:600;color:#666;transition:all 0.5s ease-in-
out;font-size:12px;}
#adbreakingnews {float:left;margin-left:130px;font-weight:600;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0;line-
height:35px;}
#breakingnews .breakhead {position: absolute; display: block; float: left; font-
size: 12px; font-weight:600; background:$(main.color); color: white; padding: 2.5px
10px;}
#breakingnews .breakhead:after { content: close-quote; position: absolute; width:

0px; top: 11px; right: -12px; border-bottom: 6px solid rgba(0, 0, 0, 0); border-
left: 6px solid $(main.color); border-top: 6px solid rgba(0, 0, 0, 0); border-
right: 6px solid rgba(0, 0, 0, 0); }
#related_posts h4 { font-weight: 700; transition: all 0.5s ease-out; text-

transform: uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0,
0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-
height: 28px; padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-
bottom: 1px solid #ddd;argin:0}
.relhead2 {padding:15px}
.fbcmnt h4 { font-weight: 700; transition: all 0.5s ease-out; text-transform:
uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-height: 28px;
padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-bottom: 1px
solid #ddd;}
#related_posts {margin:0;padding:0;margin-bottom:20px; border: 1px solid #ddd;}
.relhead {background:#fff;color:#888;font-size:100%;font-weight:normal;line-
height:150%;overflow:hidden;padding-bottom:20px;}
#relpost_img_sum .news-text {font-size:13px;}
ul#relpost_img_sum {margin:0;padding:0;}
ul#relpost_img_sum li {float:left;list-style: none outside none;margin:0 14px 0
0;padding:10px 5px 5px 0;overflow:hidden;width:47.33%;height:120px;}
ul#relpost_img_sum li a {display:block;}
ul#relpost_img_sum li a.relink:hover {color:$(main.color)}
ul#relpost_img_sum li img {background-color:#fff;float:left;margin-
right:10px;background: none repeat scroll 0 0 #fafafa;padding:3px;border:1px solid
#ddd;transition:all 1s ease-out;animation:BounceRate 3s;width: 120px; height:
110px;}
ul#relpost_img_sum li img:hover {border:1px solid $(main.color);opacity:0.9;}
ul#relpost_img_sum li a.relink {background-image:none;color:#525252;
display:block;font-size:15px;font-weight:700;line-height:1.6;overflow:hidden;text-
transform:none;}
#search-bar{display:block;position:relative;width:100%;}
input#sq{background: #fff; color: #717171; font-size:18px;; margin: 0; padding: 0
20px; width: 86%; height: 65px; outline: 0; border:1px solid #ddd; box-shadow:
initial; line-height: normal; transition: all .1s;}
input#sq:focus{color:#333;border-radius:4px;}
#search-form{position:relative;margin:auto;text-align:center}
#searchsubmit{background-color:#fff;border: 0; color: #fff; display: inline-block;
position: absolute; right: 0; top: 0; transition: all .2s;display:none;}
#searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{background-
color:#fff;color:#fff;cursor:pointer;outline:0;}
.search-form-icon{color:#717171;top:21px;right:30px;position:absolute}
input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;}
input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;}
[type="search"] {-moz-appearance:textfield;-webkit-
appearance:textfield;appearance:textfield;}
#carousel{width:100%;max-width:1060px;position:relative;margin:10px
0;height:auto;overflow:hidden}
#carousel .content{position:relative;left:0;width:1060px!important;overflow:hidden}
#carousel ul{width:10000px;position:relative;overflow:hidden;margin-top:0}
#carousel ul
li{position:relative;display:block;float:left;margin:0;padding:0;width:230px;overfl
ow:hidden;height:190px}#carousel .thumbE{height:80px;width:236px}
#carousel
#previous_button{display:block;position:absolute;top:3px;right:25px;width:25px;heig
ht:30px;cursor:pointer;background:$(main.color);color:#fff;z-
index:99;transition:all .3s;}
#carousel
#next_button{position:absolute;top:3px;right:0;width:25px;height:30px;cursor:pointe
r;background:$(main.color);color:#fff;background-position:100% 0;z-
index:99;transition:all .3s;}
#carousel #next_button:hover,#carousel #previous_button:hover {background:rgba(0,
0, 0, 0.11);}
#carousel ul li
a.slider_title{overflow:hidden;position:absolute;bottom:0;left:0;right:0;display:in
line-block;color:#fff;line-height:1.3;padding:10px;font-
size:14px;margin:auto;transition:all .2s;font-weight:600; transition: all .3s;}
#carousel ul li a.slider_title:hover{background-color:$(main.color);color:#fff;
transition: all .3s;}
.fa.fa-angle-right{margin-left: 5px; margin-right: 5px;}
#carousel ul li img {min-height:200px;object-fit:cover;}
#slider2-wrapper { background: white; }
.featuredposts li {background:$(main.color);}
.mag-wrapper {background: #fff; margin-bottom: 10px; border: 1px solid #ddd;

border-top:0}
#recent1, #recent2 {width: 100%;}
.readmore2 {float: left; font-size: 12px; padding: 8px 0; color:$(main.color)!

important; font-weight: 600;}
.readmore2:hover {color:#333!important;transition: 0.9s;}
.share2 {font-size: 13px; color:$(main.color); border: 1px solid; padding:6px;
float: left; margin-right: 5px; padding-right: 7px; padding-left: 7px;font-weight:
800; letter-spacing: 0.6px;}
.addthis_sharing_toolbox {clear:initial!important;}
]]></b:skin>
<b:template-skin>
body#layout div.section {background-color:transparent;border:0;font-family:sans-
serif;margin:0;overflow:visible;padding:0;position:relative}
body#layout .top-tab-widget-menu ul,body#layout ul,#layout ul,body#layout
div.section h4,#layout div.section h4 {display:none;}
body#layout .draggable-widget .widget-wrap2 {background: #27ae60
url(https://www.blogger.com/img/widgets/draggable.png) no-repeat 4px 50%;}
body#layout .add_widget {background-color:#27ae60;border: 1px dashed #3a3a3a!
important;}
body#layout .add_widget a {color: white}
body#layout .editlink {color: #fff !important; background-color: #27ae60; padding:
0px 20px; border-radius: 50px;}
body#layout #header {width:30%;margin:4px;float:left;background-color: #fff;

padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #header:before {content: "Header"; font-size: 14px; color:
#484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-
bottom: 10px;}
body#layout #header-right {width:62%;margin:4px;background-color: #fff;
padding:10px!important; border: 1px solid #27ae60; margin-bottom:
10px;float:right;}
body#layout #header-right:before {content: "Header ad slot (728x90 px )
";font-size: 14px; color: #484848; display: inline-block; font-family: sans-
serif; font-weight: 600;margin-bottom: 10px;}
body#layout #adpost {width: 95%;margin:4px;float:left;background-color: #fff;

body#layout #adpost:before {content: "Homepage only ad slot (728x90 px )
"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-
body#layout #adpost2 {width: 95%;margin:4px;float:left;background-color: #fff;
body#layout #adpost2:before {content: "Top Header Ad (728x90 px )"; font-
size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-
weight: 600;margin-bottom: 10px;}
body#layout #adpost3 {width: 98%;margin:4px;float:left;background-color: #fff;
body#layout #adpost3:before {content: "Homepage only ad slot (728x90 px )
"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-
body#layout #featuredposts {width: 96.2%;margin:4px;background-color: #fff;

body#layout #featuredposts:before {content: "Featured Posts"; font-size:
14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;}
body#layout .mag-wrapper {width: 95%;margin:4px;background-color: #fff;

body#layout .mag-wrapper:before {content: "Mag Wrapper"; font-size: 14px;
color: #484848; display: inline-block; font-family: sans-serif; font-weight:
body#layout #recent3 {width: 43.94%;margin:4px;float:left;background-color: #fff;

body#layout #recent3:before {content: "Mag Wrapper"; font-size: 14px;
color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;t: 700;}
body#layout #banner160 {width: 45%;margin:4px;float:left;background-color: #fff;

body#layout #banner160:before {content: "Ad slot 160x600px"; font-size:
14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight:
body#layout #sidebar {margin:4px;float:right;background-color: #fff; padding:10px!
important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #sidebar:before {content: "Sidebar";font-size: 14px; color:
bottom: 10px;}
body#layout #Blog1 {margin:4px;background-color: #fff; padding:10px!important;
border: 1px solid #27ae60; margin-bottom: 10px;width:95%;}
body#layout #Blog1:before {content: "Main Blog";font-size: 14px; color:
bottom: 1}
body#layout #footer-wrapper {width:96.2%;margin:4px;background-color: #fff;

body#layout #footer-wrapper:before {content: "Footer Wrapper"; font-
size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-
weight: 600;margin-bottom: 10px;}
</b:template-skin>
<style type='text/css'>
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;color:#333;}
.PopularPosts ul li img {display:block;margin-
right:8px;width:90px;height:80px;float:left;transition:all 0.3s ease-out;}
.PopularPosts ul li img:hover {background:#fff;opacity:0.9;}
.PopularPosts ul li {margin:2px;padding:0;position:relative;transition:all 0.3s
ease-out;padding: 0; padding-bottom: 10px;border-bottom: 1px solid #eee;}
.PopularPosts ul li:first-child {border-top:none;padding-top:0}
.PopularPosts ul li:last-child {border-bottom:none;padding-bottom:0}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color: #333; text-
decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease-
out;line-height: 1.4; text-align: justify;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:11px;color:#333;font-
weight:400;display:none;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {padding-bottom:.2em;padding:0 5px; line-height: 0.9;}
.pt-followers-icons.share-buttons { position: relative; width: 100%; overflow:

hidden;padding:0; box-shadow: none; top: 0;}
ul.pt-followers-icons.share-buttons li { color: #fff; width: 31%; text-align:
center; padding: 15px 0; display: inline-block; float: left; margin: 0 5px 5px 0;
position: relative; z-index: 97; overflow: hidden; -webkit-transition: all 0.2s
ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-
in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.share-buttons li {height:auto}
@media only screen and (max-width: 1389px) {
ul.pt-followers-icons.share-buttons li {width: 48.33%;}}
.sidebar .widget ul li.pt-followers-icons.share-buttons a,
.widget ul li.pt-followers-icons.share-buttons a,
ul.pt-followers-icons.share-buttons li a { color: #fff !important; }
ul.pt-followers-icons.share-buttons li:before { font-family:
"FontAwesome"; font-size: 28px; display: block; height: 30px; padding:
10px 0 0 0; }
ul.pt-followers-icons.share-buttons li span { display: block; }
.pt-followers-icons .counter { font-weight: 700; font-size: 16px; }
.pt-followers-icons .counted { font-size: 13px; }
ul.pt-followers-icons.share-buttons li a:before { position: absolute; width: 100%;
height: 100%; top: 0; left:0; display: block; z-index: 99; content:""; }
ul.pt-followers-icons.share-buttons li span.action-button { opacity: 0; visibility:
hidden; position: absolute; bottom:10px; left:50%; -webkit-transform: translateX(-
50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight:
700; font-size: 13px; background-color: rgba(255,255,255,0.2); padding: 5px 10px;
display: inline-block; width: auto; -webkit-transition: all 0.2s ease-in-out; -moz-
transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
ul.pt-followers-icons.share-buttons li span.counter, ul.pt-followers-icons.share-
buttons li span.counted { visibility: visible; opacity: 1; -webkit-transition: all
0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s
ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-
out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform:
translateY(0); }
ul.pt-followers-icons.share-buttons li:hover span.action-button { visibility:

visible; opacity: 1; bottom: 15px; }
ul.pt-followers-icons.share-buttons li:hover span.counter, ul.pt-followers-
icons.share-buttons li:hover span.counted { opacity:0; visibility: hidden; -webkit-
transform: translateY(-25%); -ms-transform: translateY(-25%); transform:
translateY(-25%); }
.pt-followers-icons .facebook-share { background-color: #3b5998; }

.pt-followers-icons .facebook-share:before { content: "\f09a"; }
.pt-followers-icons .twitter-share { background-color: #33bcf3; }
.pt-followers-icons .twitter-share:before { content: "\f099"; }
.pt-followers-icons .google-plus-share { background-color: #dd4b39; }
.pt-followers-icons .google-plus-share:before { content: "\f0d5"; }
.pt-followers-icons .pinterest-share { background-color: #cc2127; }
.pt-followers-icons .pinterest-share:before { content: "\f231"; }
.pt-followers-icons .behance-share { background-color: #1769ff; }
.pt-followers-icons .behance-share:before { content: "/f1b4"; }
.pt-followers-icons .dribbble-share { background-color: #ea4c89; }
.pt-followers-icons .dribbble-share:before { content: "\f17d"; }
.pt-followers-icons .instagram-share { background-color: #3f729b; }
.pt-followers-icons .instagram-share:before { content: "\f16d"; }
.pt-followers-icons .linkedin-share { background-color: #0976b4; }
.pt-followers-icons .linkedin-share:before { content: "\f0e1"; }
.pt-followers-icons .github-share { background-color: #4183c4; }
.pt-followers-icons .github-share:before { content: "\f09b"; }
.pt-followers-icons .youtube-share { background-color: #e52d27; }
.pt-followers-icons .youtube-share:before { content: "\f16a"; }
#recent3 .mag-wrapper {width:73%;height:633px; overflow: hidden; float: left;}

#recent3 .recent-box {display: inline-table; margin-bottom: 10px; padding-bottom:
11px;}
#recent3 .label_title { margin-left: 15px; font-size:15px; }
#recent3 .imageContainer {width: 140px; height: 120px;margin-right:15px;}
#recent3 .post-summary { font-size: 13px; line-height: 21px; color: #111;}
.post-summary {color:#555;}
#magstyle1, #magstyle2, {background-color: #FFF;-webkit-box-sizing: border-box;-

moz-box-sizing: border-box;box-sizing: border-box;}
#magstyle1 .recent-box, #magstyle2 .recent-box {margin-bottom: 10px;border-bottom:
1px solid #F1F1F1;padding-bottom: 15px;}
#magstyle1 .recent-box:first-child .label_title, #magstyle2 .recent-box:first-child
.label_title, #magstyle44 .recent-box:first-child .label_title {font-size: 17px;
font-weight:600; text-transform: capitalize;}
#magstyle1 .label_title, #magstyle2 .label_title {display: -webkit-box; margin: 0
auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-
overflow: ellipsis;font-size: 13px; font-weight: 500; line-height: 1.4;}
#magstyle1 .recent-box:first-child .imageContainer, #magstyle2 .recent-box:first-
child .imageContainer {float: none;width: 100%;height: 200px;margin-bottom:10px;}
.imageContainer {transform: scale(1.0); transition: 0.9s;}
.imageContainer img:hover {transform:scale(1.05); opacity: 0.5;transition:0.6s;}
#magstyle1 .recent-box .post-summary, #magstyle2 .recent-box .post-summary
{display: none;}
#magstyle1 .recent-box:first-child .post-summary, #magstyle2 .recent-box:first-
child .post-summary {display: block;font-size: 14px; line-height: 21px; color:
#111;}
#magstyle4 .recent-box:first-child {margin-top:0}

#magstyle4 .recent-box:nth-child(2) {margin-top:0}
#magstyle4 .imageContainer {width:130px;height:100px;}
#magstyle4 {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;box-sizing: border-box;}
#magstyle4 .recent-box {float:left; display: block; width:48%;margin-
right:10px;margin-top: 20px;padding-bottom:0; margin-bottom:0; padding-top: 0;
border-bottom:none;}
#magstyle4 ul {padding: 15px; overflow: hidden;}
#magstyle4 .recent-box .post-summary {display: none;}
#magstyle4 .label_title { font-size: 14px; font-weight: 600; line-height: 1.4;
color: #2D2D2D; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#magstyle44 {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing:

border-box;box-sizing: border-box;}
#magstyle44 .recent-box {float: right; display: block; width: 48%; padding-
bottom:5px; margin-bottom:5px; padding-top: 0; border-bottom: 1px solid #f0f0f0;}
#magstyle44 .recent-box:first-child {width: 50%; float: left; margin-right: 2%;
border-bottom: none;}
#magstyle44 .recent-box:first-child .imageContainer {float: none;width:
100%;height: 200px;margin-bottom: 5px;transform: scale(1.0); transition: 0.9s;}
#magstyle44 ul {padding-top: 10px;}
#magstyle44 .recent-box:first-child .imageContainer img:hover
{transform:scale(1.05); opacity: 0.5;transition:0.6s;}
#magstyle44 .recent-box .post-summary {display: none;}
#magstyle44 .recent-box:first-child .post-summary {display: block; font-size: 14px;
line-height: 21px; color: #111;}
#magstyle44 .recent-box:first-child .label_title, #magstyle44 .recent-box:first-
child .post-summary {padding: 0 10px; color: #fff!important;}
#magstyle44 .recent-box:first-child .toe a {padding: 0 10px; color: #fff!
important;}
#magstyle44 li.recent-box:last-child {margin-bottom: 15px!important;}
#magstyle44 .recent-box:first-child .label_title {-webkit-line-clamp: 2; -webkit-
box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-
box;}
#recent1 { width: 100%; }

#recent1 ul {padding-top:10px;}
#recent1 .label_title {margin: 0 auto; font-size: 15px; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display:
-webkit-box;}
#recent1 .recent-box {float: left; display: block; width: 31.9%; margin-right:
15px; border-bottom: 0;}
#recent1 .recent-box .imageContainer { width:227px; float: none; height: 170px;
margin-bottom: 8px; }
#recent1 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform:
scale(1.1); -o-transform: scale(1.1); }
#recent1 .recent-box .imageContainer { margin-left: 0; }
#recent1 li.recent-box:last-child {border-bottom:0!important;}
#recent1 li.recent-box:nth-child(3), #recent1 li.recent-box:nth-child(6) {margin-
right:0!important;}
#recent2 { width: 100%; }

#recent2 ul {padding-top:10px;}
#recent2 .label_title {margin: 0 auto; font-size: 15px; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display:
-webkit-box;}
#recent2 .recent-box {float: left; display: block; width:48.9%; margin-right: 15px;
border-bottom: 0;}
#recent2 .recent-box .imageContainer { width:350px; float: none; height:200px;
margin-bottom: 8px; }
#recent2 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform:
scale(1.1); -o-transform: scale(1.1); }
#recent2 .recent-box .imageContainer { margin-left: 0; }
#recent2 li.recent-box:last-child {border-bottom:0!important;margin-bottom: 20px!
important;}
right:0!important;}
#recent2 .post-summary {font-size:14px;}
.banner160 {width: 160px; height: 600px; float: right; background: #fff; padding:
15.5px; border: 1px solid #ddd;;}
.post-ad {background:#fff;text-align: center; padding:10px;margin-bottom:10px;}
.car-overlay { position: absolute; left: 0; bottom: 0; display: block; width:236px;
height: 120px; background: url(http://2.bp.blogspot.com/-
BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x; }
.featuredposts .widget-content {display:none}

.recent-date:before{content:'\f073';font-family:fontawesome;color:#bbb}
.recent-date{color:#999;font-weight:700;font-size:12px;margin-right:10px;font-
family:'Roboto', sans-serif;}
.recent-author:before{content:'\f007';font-family:fontawesome;color:#bbb}
.recent-author{color:#999;font-weight:400;font-size:12px}
.first-ld{position:absolute;height:100%;top:50%;left:50%;font-
size:20px;color:#aaa;}
.featuredposts{position:relative;}
.featuredposts .widget{overflow:hidden;height:310px;}
.featuredposts h2{display:none;}
.featuredposts .arl-tmb{width:100%;height:300px;display:block}
.featuredposts li .arl-tmb{-webkit-filter:grayscale(0);transition:all .3s ease-
out;opacity: 0.7;}
.featuredposts li:hover .arl-tmb{}
.featuredposts .rcp-title{font-size:25px;}
.featuredposts .arl-tmb:after{content:no-close-
quote;position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(http
://2.bp.blogspot.com/-Xo6-
nOCnE8g/VJNUuGAftUI/AAAAAAAAH5E/yZQijylgOsE/s1600/gradients.png) repeat-
x;opacity:.5;transition:all .3s ease-out;}
.featuredposts .arl-tmb:hover:after{opacity:.7;}
.featuredposts
li{float:left;width:33.3333%;height:300px;position:relative;padding:0;overflow:hidd
en;display: block;}
#footer-wrapper {text-align:left;overflow:hidden;padding:15px 0 0 0;background-

color:#242d3c}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2 {color: #fff;line-height: 28px; padding: 8px 0; margin: 0; font-
size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;}
#footer-wrapper .widget-content {text-align:left;color: #fff; font-size: 15px;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#333}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 2px 0 0;border:0;}
.footer li a {padding-top:0;padding-right:0;font-size:13px;font-
weight:700;color:#f9f9f9;margin:0}
#footerfix {overflow:hidden;margin:15px 0 0 0;background-color:#fff}
.copyleft {text-align: center; font-weight:400;margin:10px;color:#999;font-
size:13px;}
#copyright {float:right;color:#999;font-size:13px;margin-right:30px}
.copyleft a,#copyright a {color:#333;text-decoration:none;}
.copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;}
.featuredposts .post-panel{position: absolute; bottom: 50px; text-align: center;

margin: 0 auto; padding: 20px;}
.featuredposts .rcp-title a{color:#fff;font-weight:600; Font-
family:Roboto;position:relative;line-height:14px;text-shadow: 1px 1px 0 rgba(0, 0,
0, 0.89); font-family: 'Roboto;, Roboto;}
.featuredposts .recent-date,.featuredposts .recent-date:before,.featuredposts
.recent-author,.featuredposts .recent-author:before{color:#bbb;display:none;}
.featuredposts .post-tag{position: absolute; top: 0; right: 0; color: #fff;
padding: 5px; text-transform: uppercase; font-weight:500; z-index: 2; font-size:
11px;font-family:'Roboto', sans-serif;display:none;}
.featuredposts .post-tag:hover{color:#fff;}
.widget_social_apps{margin-left:-.5%;margin-
right:-.5%}.widget_social_apps:before,.widget_social_apps:after{content:"
";display:table}.widget_social_apps:after{clear:both}.widget_social_apps
.app_social{margin:0 .5% .5%;width:24%;float:left;text-align:center;background-
color:#111;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .
2s;transition:all .2s}.widget_social_apps .app_social.facebook{background-
color:#3e64ad}.widget_social_apps .app_social.twitter{background-
color:#58ccff}.widget_social_apps .app_social.pinterest{background-
color:#de010d}.widget_social_apps .app_social.instagram{background-
color:#125688}.widget_social_apps .app_social.google{background-
color:#dd4b39}.widget_social_apps .app_social.linkedin{background-
color:#007bb6}.widget_social_apps .app_social.flickr{background-
color:#ff0084}.widget_social_apps .app_social.vine{background-
color:#00bf8f}.widget_social_apps .app_social:hover{background-
color:#111}.widget_social_apps .app_social a{display:block;color:#fff;padding:15px
5px}.widget_social_apps .app_social span{display:block}.widget_social_apps
.app_social span.app_icon i{font-size:24px;margin-bottom:5px}.widget_social_apps
.app_social span.app_count{font-weight:700;line-height:16px;font-
size:13px;}.widget_social_apps .app_social span.app_type{font-size:14px;line-
height:16px}
.post {background:#fff;color:#333;margin-left:0;padding:20px;transition:all 0.3s

linear;margin-bottom:10px;border:1px solid #ddd;}
.post-body {line-height: 1.8; color: #111; font-size: 13px; margin-top: 5px; font-
weight: 400;}
h2.post-title, h1.post-title {font-size: 24px; font-weight:500; text-transform:
none; padding-bottom: 0; text-align: -webkit-left; border-bottom: none; border-top:
none; clear: initial; line-height: 1.3;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#595757;z-
index:0;margin-top:0;margin-bottom:12px;}
.post-info {margin-top: 0; margin-bottom: 10px; margin-right: 15px; margin-left:
15px; color: #444; font-size: 12px; font-weight: 400;}
.post-info a {display:inline;display: inline; color: #555; font-weight: 500;}
.label-info a:nth-child(n+5){display:none;}
.author-info, .comment-info, .time-info {display:inline;}
.post-image {margin:0;z-index:1;padding:0;float:left;margin-right:
20px;background:#333;overflow:hidden;}
.post-image img {width:100%;height:200px;transition: 0.9s;-webkit-transition:
opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.post-image img:hover {opacity: 0.7;-webkit-transform:
scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);;}

.post, #blog-pager {display:none;}
</b:if>
@media screen and (max-width:1066px) {

.wrapper{width:100%}
#large-wrap{width:100%}
.header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!
important;}
.header-right img {display:block; margin-bottom: 10px;}
.cd-main-header {height:100px}
#header {max-width: 300px;}
.magstylo {width:47.5%}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top:0;}
.footer-logo {width:100%;}
.banner160 {display:none;}
#recent3 .mag-wrapper {width:initial;height:auto;}
ul.pt-followers-icons.share-buttons li {width:48.11%}
#recent1 .recent-box .imageContainer, #recent2 .recent-box .imageContainer { width:
100%;}
#recent2 .recent-box {width:48.8%}
ul#relpost_img_sum li {width: 47%;}
}
@media screen and (max-width:960px) {

.bwrapsite-content{width:100%}
.content-area {float:none;width:100%;}
.sidebar-area {width: 100%!important; float: none;}
#header-ad {height:auto;}
.post-body {width:auto!important}
ul#relpost_img_sum li {width:100%!important;}
#header h1,#header p,#header,.header-right,#header
.description{width:100%;float:left;text-align:center;}
#header {float: none; width: initial; max-width: initial;}
.header-right img, .header-right iframe{max-width:100%;}
.header-right {margin-top: 20px;text-align:center;}
#header-wrapper{padding:0 10px;}
.header-wrapper2 {padding:0}
.featuredposts li:first-child{width:33.33%;}
.featuredposts li{width:33.33%;margin-bottom:20px!important}
.featuredposts .widget{height:auto;margin-bottom:0!important}
.first-ld{display: none}
.featuredposts li:first-child .arl-tmb{}
.featuredposts li:first-child{float:left}
.featuredposts li{float:left}
#footer-widgetfix .footer-widget { width: 28%;}
}
@media only screen and (max-width:768px){

.magstylo {width:50%}
#recent3 .mag-wrapper {width:inherit;height:auto;}
#recent2 .recent-box .imageContainer {width:100%}
.banner160 {display:none;}
#top-nav .wrapper{position:relative}
#top-menu-icon{width:40px;height:30px;float:right;border-right:1px solid
#ECECEC;border-left:1px solid #ECECEC;background:url(http://4.bp.blogspot.com/-
UDUfajF5uV0/VlBNqL5O4DI/AAAAAAAAGuk/unRI8jhDNJ4/s1600/top-menu-icon.png) no-
repeat;cursor:pointer;background:all .3s}
#top-menu-icon:hover{background-color:#fff}
#top-nav
ul{position:absolute;right:0;top:30px;display:none;height:auto;padding:10px
0;background-color:#FCFCFC;border:1px solid #f2f2f2;z-index:1000}
#top-nav li{float:none;clear:both;line-height:26px}
#top-nav li a{height:auto;padding:0 12px;border-right:none}
#top-nav .menu li ul{position:static;float:none;display:block!important;background-
color:transparent;border:none;padding:0 0 0 10px}
#top-nav .menu li ul li{border:none;line-height:26px}
#top-nav ul li ul a{height:auto}
right:15px!important;}
#magstyle4 .label_title {-webkit-line-clamp: 2;}
}

#header h1,#header p,#header,.header-right,#header
.description{width:100%;float:left;text-align:center;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-
align:center;}
#header-wrapper{padding:0;min-height:150px;width: 95%;}
#header {width: 100%; padding: 0; margin: 0;}
#header-inner {top:25%;padding: 10px;}
#header .description {font-size:100%;line-height:1.5;margin-left:0;margin-bottom:
10px;}
#breakingnews, .header17, .viewall, .banner160 {display:none;}
.blog-date {margin-left:10px;}
#magstyle4 .recent-box:first-child .post-summary {margin-bottom:10px;}
#recent3 .label_title {font-size:13px;}
#magstyle4 .recent-box {padding-bottom:0}
#magstyle44 .recent-box:first-child .post-summary {margin-bottom:10px;}
#magstyle44 .recent-box {padding-bottom:0}
#footer-social-icon {margin-bottom:5px;}
#footer-widgetfix .footer-widget {width: initial;}
.featuredposts li:first-child,.featuredposts li{width:100%;float:none;height:300px}
.featuredposts li:first-child .arl-tmb,.featuredposts li .arl-tmb{height:300px}
.post-info {border:none;margin-left: 0;}
</b:if>
}

align:center;}
#slider-box, .comments .avatar-image-container, .comments .comments-content
.datetime a {display:none;}
.magstylo {width:100%}
#magstyle44 .recent-box:first-child {width:100%;float:none;}
#magstyle44 .recent-box {width:100%}
#magstyle4 .recent-box:first-child {width:100%;float:none;}
#magstyle4 .recent-box {width:100%}
.post-image {float:none;margin-right:0;margin-bottom:8px}
.post-image img {width:100%!important;}
.comments-horizontal li a {font-size:10px;}
.comment-block, .comments .comments-content .comment-replies { margin-left: 0!
important;}
#footer-social-icon li {margin-bottom:10px;}
#recent1 .recent-box, #recent2 .recent-box {width:100%}
#recent3 .post-summary {display:none;}
#magstyle4 .recent-box:nth-child(2) { margin-top: 20px; }
.label-info a {display:inline-flex;margin-bottom: 5px;}
}
@media screen and (max-width:320px){
align:center;}
ul.pt-followers-icons.share-buttons li { width: 48%; }
</style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.label-info {margin-right:40px!important;display:inline;margin-top:25px}
.label-info a:nth-child(n+3){display:none;}
</style>
</b:if>
</b:if>

.post {padding:0;}
.post-body {color: #444; margin-right: 0; font-size: 15px; padding: 15px; width:
95%;}
.post img{background:#fafafa;height:auto;max-width:95%;border:0;margin-
bottom:1.5px;transition:all 0.6s ease-out;}
.post img:hover {opacity:0.95;}
h1.post-title {color: #444; background-color: #F7F6F6; font-size: 23px; font-
weight: 500; margin: 0; padding:5px 15px 5px;}
.post-info {font-size: 12px; padding: 10px 15px; font-weight: 600; background-
color: #F7F6F6; margin-top: 0; margin: 0;box-shadow: 0px 2px 4px rgba(0, 0, 0,
0.08);background: rgba(238, 238, 238, 0.33); border-bottom: 1px solid #ddd;}
.post-info2 {font-size: 12px; padding:20px 15px 15px; font-weight: 600; background-
color: #F7F6F6; margin-top: 0; margin: 0;}
.share-posts {margin-bottom:10px}
#blog-pager {display:none;}
img.author-photo{height:22px;width:22px;border-radius:100%;margin:0 3px 0 0}
.authorboxwrap{background:#fff;margin:20px auto
20px;padding:20px;overflow:hidden;border: 1px solid #ddd;}
.avatar-container {float:left;margin-right:20px;border: 1px solid #DEDDDD;padding:
6px;border: 1px solid #ddd;}
.avatar-container img{width:110px;height:auto;max-width:100%!important}
.author_description_container h4{font-weight:700;font-
size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container p{margin:0;color:#212020;font-size:13px;margin-
bottom:8px;line-height:25px}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-
height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .
3s;}
.authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;}
.authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;}
.authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;}
.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2)
i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}
</style>
</b:if>
<b:include data='blog' name='google-analytics'/>

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 200; /* Summary length if no image*/
summary_img = 100; /* Summary length with image*/
</script>
</b:if>
</b:if>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 50;
function removeHtmlTag(a, b) {
if (a.indexOf("<") != -1) {
var c = a.split("<");
for (var d = 0; d < c.length; d++) if (c[d].indexOf(">") != -1) c[d] =
c[d].substring(c[d].indexOf(">") + 1, c[d].length);
a = c.join("")
}
b = b < a.length - 1 ? b : a.length - 2;
while (" " != a.charAt(b - 1) && a.indexOf(" ", b) != -1) b++;
a = a.substring(0, b - 1);
return a + "..."
}
function createSummaryAndThumb(a) {
var b = document.getElementById(a);
var c = "";
var d = b.getElementsByTagName("img");
var e = summary_noimg;
if (d.length >= 1);
var f = c + "<div>" + removeHtmlTag(b.innerHTML, e) + "</div>";
b.innerHTML = f
};
function labelthumbs(e) {
document.write('<ul id="label_with_thumbs">');
for (var t = 0; t < numposts; 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 = "http://3.bp.blogspot.com/-
zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png"
}
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] = "June";
y[7] = "July";
y[8] = "Aug";
y[9] = "Sept";
y[10] = "Oct";
y[11] = "Nov";
y[12] = "Dec";
document.write('<li class="recent-box">');
if (showpostthumbnails == true) document.write('<div
class="imageContainer"><a href="' + i + '" target ="_top"><img class="label_thumb"
src="' + l + '" title="' + r + '" alt="' + r + '"/></a></div>');
document.write('<a class="label_title" href="' + i + '" target ="_top">' +
r + "</a>");
var w = "";
var E = 0;
document.write("");
p = n.published.$t;
var S = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var x = ["Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept",
"Oct", "Nov", "Dec"];
var T = p.split("-")[2].substring(0, 2);
var N = p.split("-")[1];
var C = p.split("-")[0];
for (var k = 0; k < S.length; k++) {
if (parseInt(N) == S[k]) {
N = x[k];
break
}
}
var L = T + " " + N + " " + C;
if (showpostdate == true) {
document.write('<div class="toe"><a href="' + i + '" class="post-
date">' + L + "</a>")
}
if (showcommentnum == true) {
if (E == 1) {
w = w + " | "
}
if (u == "1 Comments") u = "1 Comment";
if (u == "0 Comments") u = "No Comments";
w = w + u;
E = 1;
document.write('<a class="recent-com" href="' + f + '" target ="_top">'
+ u + "</a></div>")
}
if ("content" in n) {
var A = n.content.$t
} else if ("summary" in n) {
var A = n.summary.$t
} else var A = "";
var O = /<\S[^>]*>/g;
A = A.replace(O, "");
if (showpostsummary == true) {
if (A.length < numchars) {
document.write("");
document.write(A);
document.write("")
} else {
document.write("");
A = A.substring(0, numchars);
var M = A.lastIndexOf(" ");
A = A.substring(0, M);
document.write('<p class="post-summary">' + A + "...</p>")
}
}
document.write("</li>");
if (t != numposts - 1) document.write("")
}
document.write("</ul>")
};
$(document).ready(function() {
$('.label_thumb').attr('src', function(i, src) {
return src.replace('s72-c', 's1600')
})
});
$(document).ready(function() {
$('.label_thumb').attr('src', function(i, src) {
return src.replace('default.jpg', 'mqdefault.jpg')
})
});
var reljudul = new Array();

var relurls = new Array();
var relcuplikan = new Array();
var relgambar = new Array();
function saringtags(g, h) {
var e = g.split("<");
for (var f = 0; f < e.length; f++) {
if (e[f].indexOf(">") != -1) {
e[f] = e[f].substring(e[f].indexOf(">") + 1, e[f].length)
}
}
e = e.join("");
e = e.substring(0, h - 1);
return e
}
function relpostimgcuplik(h) {
for (var e = 0; e < h.feed.entry.length; e++) {
var g = h.feed.entry[e];
reljudul[relnojudul] = g.title.$t;
postcontent = "";
if ("content" in g) {
postcontent = g.content.$t
} else {
if ("summary" in g) {
postcontent = g.summary.$t
}
}
relcuplikan[relnojudul] = saringtags(postcontent, numchars);
if ("media$thumbnail" in g) {
postimg = g.media$thumbnail.url
} else {
postimg = "http://1.bp.blogspot.com/-
htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"
}
relgambar[relnojudul] = postimg;
for (var f = 0; f < g.link.length; f++) {
if (g.link[f].rel == "alternate") {
relurls[relnojudul] = g.link[f].href;
break
}
}
relnojudul++
}
}
function contains(a, e) {
for (var f = 0; f < a.length; f++) {
if (a[f] == e) {
return true
}
}
return false
}
function relatedposts() {
var v = new Array(0);
var w = new Array(0);
var x = new Array(0);
var A = new Array(0);
for (var u = 0; u < relurls.length; u++) {
if (!contains(v, relurls[u])) {
v.length += 1;
v[v.length - 1] = relurls[u];
w.length += 1;
w[w.length - 1] = reljudul[u];
x.length += 1;
x[x.length - 1] = relcuplikan[u];
A.length += 1;
A[A.length - 1] = relgambar[u]
}
}
reljudul = w;
relurls = v;
relcuplikan = x;
relgambar = A;
for (var u = 0; u < reljudul.length; u++) {
var B = Math.floor((reljudul.length - 1) * Math.random());
var i = reljudul[u];
var s = relurls[u];
var y = relcuplikan[u];
var C = relgambar[u];
reljudul[u] = reljudul[B];
relurls[u] = relurls[B];
relcuplikan[u] = relcuplikan[B];
relgambar[u] = relgambar[B];
reljudul[B] = i;
relurls[B] = s;
relcuplikan[B] = y;
relgambar[B] = C
}
var r = 0;
var D = Math.floor((reljudul.length - 1) * Math.random());
var z = D;
var q;
var t = document.URL;
while (r < relmaxtampil) {
if (relurls[D] != t) {
q = "<li class='news-title clearfix'>";
q += "<a href='" + relurls[D] + "' rel='nofollow' target='_top'
title='" + reljudul[D] + "'><div class='overlayb'></div><img src='" + relgambar[D]
+ "' /></a>";
q += "<a class='relink' href='" + relurls[D] + "' target='_top'>" +
reljudul[D] + "</a>";
q += "<span class='news-text'>" + relcuplikan[D] + "</span>";
q += "</li>";
document.write(q);
r++;
if (r == relmaxtampil) {
break
}
}
if (D < reljudul.length - 1) {
D++
} else {
D = 0
}
if (D == z) {
break
}
}
};
//]]>
</script>
</head>
<body>
<script async='async' src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-
52dfeec03e773ce5' type='text/javascript'/>
</b:if>
<nav id='top-nav'>
<div class='wrapper'>
<div class='animated bounceInLeft' id='breakingnews'><span
class='breakhead'><i class='fa fa-refresh fa-spin'/> Breaking News</span>
<div id='adbreakingnews'>Loading...</div></div>
<div class='blog-date'>
<script language='Javascript'>
var dayName = new Array("Sunday", "Monday",
"Tuesday", "Wednesday", "Thursday",
"Friday", "Saturday");
var monName = new Array("January", "February",

"March", "April", "May", "June",
"July", "August", "September", "October",
"November", "December");
var now = new Date();
document.write("Today is " + dayName[now.getDay()] + ", " +

monName[now.getMonth()] + " " + now.getDate() + ".");
</script> | <script>
atoj = new Date();
atoj1 = atoj.getHours();
atoj2 = atoj.getMinutes();
atoj3 = atoj.getSeconds();
if (0 == atoj1) {
atoj4 = " AM";
atoj1 = 12;
} else if (atoj1 <= 11) atoj4 = " AM"; else if (12 == atoj1) {
atoj4 = " PM";
atoj1 = 12;
} else if (atoj1 >= 13) {
atoj4 = " PM";
atoj1 -= 12;
}
if (atoj2 <= 9) atoj2 = "0" + atoj2;
document.write("" + atoj1 + ":" + atoj2 + ":" + atoj3

+ atoj4);
</script>
</div>
<div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-facebook'/>
Like</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-google'/>
Follow</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-twitter'/>
Follow</a></li>
<li class='menu-item'><a href='#'>About</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>
<li class='menu-item'><a href='#'>Privacy</a></li>
<li class='menu-item'><a href='#'>Sitemap</a></li>
</ul></div>
</div>
</nav>
<div class='top-header'>
<div id='header-wrapper' itemscope='itemscope'
itemtype='http://schema.org/WPHeader'>
<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Buatfox48 (Header)' type='Header'
version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); " + "background-
position: " + data:backgroundPositionStyleStr + ";
" + data:widthStyleStr +
"min-height: " + data:height + "_height:
" + data:height + "background-repeat: no-repeat;
"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
</h1>
</div>
</div>
</b:if>
<b:else/>

<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
</b:if>
</div>
</b:if>
<b:else/>

<div class='titlewrapper'>
<h1 class='title'>
</h1>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-right section' id='header-right' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML112' locked='false' title='Put your ad code here' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>

<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<nav id='menu'>
<input type='checkbox'/>
<label>≡</label>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a>
<ul class='menus'>
<li><a href='#'>Tab 1</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a>
<ul class='menus'>
</ul>
</li>
<li><a href='#'>Advertise</a></li>
</ul>
</nav>
</div>
<div class='clear'/>
<div class='bwrapsite-content' id='bwrapcontent'>
<div class='featuredposts' id='featuredposts'>
<b:section class='first-tmb' id='first-tmb' maxwidgets='1'
<b:widget id='HTML102' locked='false' title='Recent' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'>recent</b:widget-setting>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='first-ld'><i aria-hidden='true' class='fa fa-spinner'/>
</div>
</div>
</b:if>
<div class='content-area' id='primarybwrap'>
<div class='bwrapsite-main' id='mainbwrap' role='main'>
<div class='mag-wrapper'>
<b:section class='mag section' id='magstyle4' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML920' locked='true' title='Trending News' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'>labeltest</b:widget-setting>
<div class='title'><a expr:href='"/search/label/" +
data:content'><data:title/></a><div class='viewall'><a
expr:href='"/search/label/" + data:content'><i aria-hidden='true'
class='fa fa-list-ul'/> All News</a></div></div>
<script type='text/javascript'>var numposts = 6;var showpostthumbnails = true;var
showcommentnum = true;var showpostdate = true;var showpostsummary = true;var
numchars = 160;</script>
<script expr:src='"/feeds/posts/default/-/" + data:content + "?
published&alt=json-in-script&callback=labelthumbs"'
type='text/javascript'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='magstyle'>
<div class='magstylo'>
<b:section class='mag section ' id='magstyle1' maxwidgets='1'
<b:widget id='HTML800' locked='true' title='Content Marketing' type='HTML'
version='1'>
<b:widget-settings>
<div class='title'><span/><a expr:href='"/search/label/" +
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='magstylo'>
<b:section class='mag section' id='magstyle2' maxwidgets='1'
<b:widget id='HTML801' locked='true' title='Technology' type='HTML'
version='1'>
<b:widget-settings>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</b:if>
<b:section class='animated fadeInUp' id='adpost' maxwidgets='1'
<b:widget id='HTML6' locked='true' title='Put your ad code here' type='HTML'
version='1'>
<b:widget-settings>
<div class='post-ad'>
<data:content/>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</b:if>

<b:section class='mag section' id='magstyle44' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML921' locked='true' title='Worlds News' type='HTML' version='1'>
<b:widget-settings>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='mag section' id='recent1' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML923' locked='true' title='Gadgets' type='HTML' version='1'>
<b:widget-settings>
showcommentnum = true;var showpostdate = true;var showpostsummary = false;var
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='banner section' id='recent3' maxwidgets='1' showaddelement='yes'>

<b:widget id='HTML106' locked='true' title='Tips and Tricks' type='HTML'
version='1'>
<b:widget-settings>

</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='banner160'>
<b:section class='banner section' id='banner160' maxwidgets='1'
<b:widget id='HTML101' locked='true' title='160x600 Ad Banner' type='HTML'
version='1'>
<b:widget-settings>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='mag section' id='recent2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML924' locked='true' title='Videos' type='HTML' version='1'>
<b:widget-settings>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='commentLabel'>Please Share a Your Opinion.</b:widget-
setting>
<b:widget-setting name='style.textcolor'>#f2132d</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#1e87f0</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#1e87f0</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>3</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>


<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<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:else/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div style='clear: both;'/>


<b:include name='nextprev'/>
</b:if>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-
link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<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/>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments-tabs' data-animation='true' data-toggle='tabslet'>
<ul class='comments-horizontal'>
<li><a href='#comments'><i class='fa fa-comments'/> Blog Comments <b:if
cond='data:post.numComments != 0'>
<b:if cond='data:post.numComments == 1'>1
<b:else/>
<data:post.numComments/>
</b:if>
</b:if></a>
</li>
<li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook
Comments <span class='comment-link'
expr:href='data:post.addCommentUrl'><fb:comments-count
expr:href='data:post.url'/></span></a></li>
</ul>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<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>

expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

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

expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-
bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
<div id='facebook-comments'>
<div class='facebook-comments comments'>
<b:if cond='false'>
<div class='fb-comments' data-mobile='true' data-numposts='5' data-width='100%'/>
<b:else/>
<div class='fb-comments fb_iframe_widget' data-colorscheme='light' data-
numposts='5' data-width='0' expr:data-href='data:blog.canonicalUrl' fb-xfbml-
state='rendered' id='jsid-comment-facebook-plugin'/>
</b:if>
<style type='text/css'>.fb-comments, .fb-comments iframe[style], .fb-comments span
{width: 100% !important;}</style>
</div></div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 

<div class='post-feeds'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>

expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<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:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

</a>
<div class='mobile-index-comment'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>

<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link'
expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope'

itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +

data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope'
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'
itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in
{"item","static_page"} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-
button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>← <data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/> →</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry'>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
</b:if>

<div class='format-image hentry post-image post-format-image'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'
expr:title='data:post.title' itemprop='image' style='width:250px; height:200px'/>
</a>
</div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='post-image'><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='post-image'><img
expr:alt='data:post.title' expr:title='data:post.title'
src='http://4.bp.blogspot.com/-73e3hFZ3R1w/U8aAAbc4PsI/AAAAAAAAEYo/WmYe7bx-
uo0/s1600/no-image.png'/></div>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
<div class='post-info2'>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=5"'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'/>
</b:loop>
</span>
</b:if>
</div>
</b:if>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='vcard' itemprop='author' itemscope='itemscope'
<span class='fn'>
<img class='author-photo' expr:alt='data:post.author'
expr:src='data:post.authorPhoto.url' expr:title='data:post.author' height='32'
itemprop='image' width='32'/></b:if> by <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'>
<i class='fa fa-user'/> <span
itemprop='name'><data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
<span><i aria-hidden='true' class='fa fa-angle-right'/></span>
<b:if cond='data:top.showTimestamp'>
<span class='time-info'> on <a class='timestamp-link'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published updated timeago'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<span><i aria-hidden='true' class='fa fa-angle-right'/></span>
<span class='comment-info'>
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments ==
0'> 0 Comment </b:if> <b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if
cond='data:post.numComments > 1'><data:post.numComments/> Comments</b:if>
</a>
</span>
</b:if>
</div>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>

data:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
data:post.id'>

<data:post.body/>
<b:else/>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div class='share-post'>
<a class='readmore2' expr:href='data:post.url + "#more"'
expr:title='data:post.title'>Continue Reading <i aria-hidden='true' class='fa fa-
long-arrow-right'/></a>
</div>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>

data:post.id'>
<data:post.body/>

<br/>
<div class='share2'>
SHARE THIS <i class='fa fa-share-alt'/> </div>
<div class='addthis_sharing_toolbox'/>
<input class='post-share-url' expr:value='data:post.url' type='text'/>
</b:if>
</div>
</b:if>
</article>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img alt='Muhammad Subel' class='author_avatar' height='110'
src='http://chittagongit.com//images/avatar-png-icon/avatar-png-icon-23.jpg'
width='110'> </img>
</a>
</div>
<div class='author_description_container'>
<h4>Author: <a href='' rel='author'><data:post.author/></a> <i class='fa fa-check-
circle' style='color:rgb(17, 143, 249)' title='Verified Author'/> </h4>
<p>
Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet
sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget,
condimentum sem.
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-
facebook'/></a>
twitter'/></a>
google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
<div id='related_posts'>
<div class='relhead'>
<h4>RELATED STORIES </h4>
<div class='relhead2'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" +
data:label.name + "?alt=json-in-
script&callback=relpostimgcuplik&max-results=50"'
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatedposts();</script>
</ul>
</div>
</div>
</div>
</b:if>


<b:include name='nextprev'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:blog.pageType == "item"'> <div class='share-box'>
<span style='float:left;margin-left:10px;margin-right:10px;font-size:18px;font-
family:Oswald;color:#a5b2bd;text-transform:uppercase'>»Share : </span>
<div style='margin-right:30px;float:left;'>
<span class='fb-like' data-layout='button_count' data-send='false' data-show-
faces='false' data-width='90' expr:data-href='data:post.url'/>
</div>
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via=''
expr:data-text='data:post.title' expr:data-url='data:post.url'
href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js'
</div>
<div style='float:left;'>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-
href='data:post.url'/>
</div>
<a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More
Share'>✚</a>
<script async='async' src='http://static.addtoany.com/menu/page.js'
<a class='printfriendly' href='http://www.printfriendly.com'
onclick='window.print();return false;' title='Printer Friendly and PDF'><span
class='print'/> <span class='pdf'/></a>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
editor' src='' style='display: none' width='100%'/>
<b:else/>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
(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;
}
}
}
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, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:

var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {

if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments-tabs' data-animation='true' data-toggle='tabslet'>
<ul class='comments-horizontal'>
<li><a href='#comments'><i class='fa fa-comments'/> Blog Comments <b:if
cond='data:post.numComments != 0'>
<b:if cond='data:post.numComments == 1'>1
<b:else/>
<data:post.numComments/>
</b:if>
</b:if></a>
</li>
<li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook
Comments <span class='comment-link'
expr:href='data:post.addCommentUrl'><fb:comments-count
expr:href='data:post.url'/></span></a></li>
</ul>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><i class='fa fa-comments-o'/> <data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
<div id='facebook-comments'>
<div class='facebook-comments comments'>
<b:if cond='false'>
<div class='fb-comments' data-mobile='true' data-numposts='5' data-width='100%'/>
<b:else/>
<div class='fb-comments fb_iframe_widget' data-colorscheme='light' data-
numposts='5' data-width='0' expr:data-href='data:blog.canonicalUrl' fb-xfbml-
state='rendered' id='jsid-comment-facebook-plugin'/>
</b:if>
<style type='text/css'>.fb-comments, .fb-comments iframe[style], .fb-comments span
{width: 100% !important;}</style>
</div></div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar-area' id='sidebar' role='complementary'>
<b:section class='sidebarbtop' id='sidebarbtop' preferred='yes'>
<b:widget id='HTML3' locked='true' title='Search Blog' type='HTML' version='1'>
<b:widget-settings>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div id='search-bar'>
<form action='/search' id='search-form' method='get'>
<input id='sq' name='q' placeholder='Search Here...' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
<span class='search-form-icon'><span class='fa fa-search'/></span>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='true' title='Social Media' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><ul class="pt-followers-icons
ptfollowers7 share-buttons">
<li class="twitter-share">
<a target="_self" href="#"> <span
class="counter"> 158</span> <span
class="counted"> Followers</span> <span class="action-
button"> Follow</span> </a>
</li>
<li class="facebook-share">
class="counted"> Fans</span> <span class="action-
button"> Like</span> </a>
</li>
<li class="google-plus-share">
button"> +1</span> </a>
</li>
<li class="instagram-share">
button"> Follow </span> </a>
</li>
</ul></b:widget-setting>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

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

<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
</div>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='All Categories' type='Label'
version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'><data:label.count/></span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:else/>
</b:if>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Postingan Baru' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><script
type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul
class="recent-posts-container">');for(var e=0;e<posts_no;e++)
{var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var
o=0;o<n.link.length;o++)
{if("replies"==n.link[o].rel&&"text/html"==n.link[o].ty
pe)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel)
{r=n.link[o].href;break}}var u;try{u=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),u=-1!=a&&-1!=b&&-1!
=c&&""!=d?d:"https://2.bp.blogspot.com/-
C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var
p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new
Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="
Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]=&quot
;Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]=&
quot;Dec",document.write('<li class="recent-posts-
list">'),1==showpoststhumbs&&document.write('<a
href="'+r+'"><img class="recent-post-thumb"
src="'+u+'"/></a>'),document.write('<div
class="recent-post-title"><a href="'+r+'" target
="_top">'+i+"</a></div>"),"content&quot
;in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else
var A="";var
k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length&
lt;summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var
y=A.lastIndexOf("
");A=A.substring(0,y),document.write(A+"...")}var _="",
$=0;document.write('<br><div class="recent-posts-
details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "
+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" |
"),_=_+'<a href="'+r+'" class="url" target
="_top">Read more</a>',$=1),1==showcommentslink&&
(1==$&&(_+=" <br> "),"1 Comments"==l&&
(l="1 Comment"),"0 Comments"==l&&(l="No
Comments"),l='<a href="'+m+'" target
="_top">'+l+"</a>",_+=l,
$=1),document.write(_),document.write("</div>"),document.write(&quo
t;</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-
script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #000000; margin-top: 10px;"
href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-
blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Roboto'
rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px
10px;}
.recent-posts-container {font-family:'Roboto', Roboto;font-size:14px; font-
weight: 600;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-
size:12px;float:left;width:100%}
ul.recent-posts-container {counter-reset: countposts;list-style-
type:none;padding:0;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-
increment: countposts;z-index: 1;position:absolute; left: 0px; font-size:
13px;font-weight: bold;color: #fff;background: #69B7E2;line-
height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-
moz-border-radius: 50%;border-radius: 50%;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #777;}
</style></b:widget-setting>
</b:if>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] =
val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?
targetBlogID\x3d3371914168368581492\x26blogName\x3dBuatfox48\x26publishMode\x3dPUBL
ISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\
x3dhttps://buatfox48.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageU
rl\x3dhttps://buatfox48.blogspot.com/\x26vt\x3d1034875583952984249',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Advertisement' type='HTML'
version='1'>
<b:widget-settings>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div>
</div>
<footer class='animated fadeInUpBig navplace' id='footer-wrapper'

itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='footer-bottom'>
<div id='footer-widgetfix'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'>
<b:widget id='HTML555' locked='false' title='About Sure Mag' type='HTML'
version='1'>
<b:widget-settings>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='Logo' type='Image' version='1'>
<b:if cond='data:link'>
<a expr:href='data:link'>
expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl'
expr:width='data:width'/>
</a>
<b:else/>
expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl'
expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='Label2' locked='false' title='Popular Tags' type='Label'
version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<li>
<span
expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:else/>
</b:if>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='PopularPosts2' locked='false' title='Most Popular'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

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

</b:if>
<b:else/>

<div expr:class='data:showSnippets ? "item-content" :
"item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or
data:post.thumbnail'>
<b:with value='data:post.featuredImage.isResizable
? resizeImage(data:post.featuredImage, 72, "1:1")
: data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<b:if cond='data:showSnippets'>
</b:if>
</div>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div id='footerfix'>
<div class='copyleft'>
Copyright © <script type='text/javascript'>var creditsyear = new
Date();document.write(creditsyear.getFullYear());</script> <a
expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Rights Reserved -
Created & Designed by <span id='mycontent'><a
href='https://gourabdesigned.blogspot.com/' target='_blank' title='Gourab
Das'>Gourab Design</a> </span> | Published By <a
href='https://pyarmeindia.blogspot.com' rel='dofollow' target='_blank'>Gourab
Das</a>
</div>
</div>
</footer>
<div class='smoothscroll-top'>
<span class='scroll-top-inner'>
<i class='fa fa-2x fa-arrow-circle-up'/>
</span>
</div>
//<![CDATA[
$(function(){
$(document).on( 'scroll', function(){
if ($(window).scrollTop() > 100) {

$('.smoothscroll-top').addClass('show');
} else {
$('.smoothscroll-top').removeClass('show');
}
});
$('.smoothscroll-top').on('click', scrollToTop);
});
function scrollToTop() {
verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $('body');
offset = element.offset();
offsetTop = offset.top;
$('html, body').animate({scrollTop: offsetTop}, 600,
'linear').animate({scrollTop:25},200).animate({scrollTop:0},150)
.animate({scrollTop:0},50);
}
//]]>
</script>
<div id='fb-root'/>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : '878599892159456',
status : true, // check login status
cookie : true, // enable cookies
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>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
//<![CDATA[
// Popular Post Snippet

$(".popular-posts ul li .item-snippet").each(function(){var t=$
(this).text().substr(0,60),s=t.lastIndexOf(" ");s>52&&$
(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});
$(".item-thumbnail img").each(function(){$(this).attr("src",$
(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w100-h80-c/"))});
$("#recent-posts img").each(function(){$(this).attr("src",$
$(".avatar-image-container img").each(function(){$(this).attr("src",$
$("ul#relpost_img_sum li img").each(function(){$(this).attr("src",$
jQuery(document).ready(function($){
"use strict";
// Attach + To Top Menu

$('#top-nav .menu-item-has-children > a, #main-nav ul li ul .menu-item-has-
children > a').append(' +');
// Attach Arrow To Main Menu

$('#main-nav .menu-item-has-children > a').append('<span class="menu-
arrow"></span>');
// Prepend Menu Icons

$('#logo').after('<div id="menu-icon"></div>');
$('#top-nav .wrapper').append('<div id="top-menu-icon"></div>');
// Toggle Nav
$('#menu-icon').on('click', function(){
$('#main-nav').slideToggle(250);
$(this).toggleClass('active');
});
$(window).resize(function(){
var w = $(window).width();
var navDisplay = $('#main-nav');
if(w > 1000 && navDisplay.is(':hidden')) {
navDisplay.removeAttr('style');
}
});
$('#top-menu-icon').on('click', function(){
$('#top-nav ul').slideToggle(250);
$(this).toggleClass('active');
});
$(window).resize(function(){
var w = $(window).width();
var navDisplay = $('#top-nav ul');
if(w > 1000 && navDisplay.is(':hidden')) {
navDisplay.removeAttr('style');
}
});
});
(function(e) {
e.fn.resizeToParent = function(t) {
function r(e) {
e.css({
width: "",
height: "",
"margin-left": "",
"margin-top": ""
});
var n = e.parents(t.parent).width();
var r = e.parents(t.parent).height();
var i = e.width();
var s = e.height();
var o = i / n;
if (s / o < r) {
e.css({
width: "auto",
height: r
});
i = i / (s / r);
s = r
} else {
e.css({
height: "auto",
width: n
});
i = n;
s = s / o
}
var u = (i - n) / -2;
var a = (s - r) / -2;
e.css({
"margin-left": u,
"margin-top": a
})
}
var n = {
parent: "div",
delay: 100
};
var t = e.extend(n, t);
var i;
var s = this;
e(window).on("resize", function() {
clearTimeout(i);
i = setTimeout(function() {
s.each(function() {
r(e(this))
})
}, t.delay)
});
return this.each(function() {
var t = e(this);
t.attr("src", t.attr("src"));
t.load(function() {
r(t)
});
if (this.complete) {
r(t)
}
})
}
})(jQuery);
$(".imageContainer img").resizeToParent();
//]]>
</script>

//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c
%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String))
{while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function()
{return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)
+'\\b','g'),k[c])}}return p}('$(".1c .D-d").x(8(){2 e=$(7).F();k(e.18("1b"))
{$.W({b:"/U/S/B?V=J-L-K",I:"13",12:"11",16:8(e){2 t=e.4.5.E;2 n=0;2 r=t-3;2
i=1d.1P(1d.1b()*(r-n+1))+n;$.W({b:"/U/S/B?V=J-L-K&1R-1Q="+i+"&1i-
1j=3",I:"13",12:"11",16:8(e){2 t="";2 n="<X>";1a(2 r=0;r<e.4.5.E;r++){1a(2
i=0;i<e.4.5[r].C.E;i++){k(e.4.5[r].C[i].1h=="1g"){t=e.4.5[r].C[i].9;1l}}2
s=e.4.5[r].T.$t;2 o=e.4.5[r].G[0].1m.$t;2 u=e.4.5[r].1q.$t.1p(0,10);2
a=e.4.5[r].1o[0].1n;2 f=e.4.5[r].d.$t;2 l=$("<m>").19(f);2 c=l.15("1r:Y").w("1e");2
h=e.4.5[r].1f$1k.b;k(c===1x){2 p=\'<a 6="y-z" 9="\'+t+\'" g="v:b(\'+h+\') H-O q
q;v-P: R"/>\'}1M{2 p=\'<a 6="y-z" 9="\'+t+\'" g="v:b(\'+c+\') H-O q q;v-P:
R"/>\'}n+=\'<M><a 9="/1J/1L/\'+a+\'" 6="Q-1K">\'+a+"</a>"+p+\'<m 6="Q-1s"><N 6="1N-
T"><a 9="\'+t+\'">\'+s+\'</a></N><j 6="A-1O">\'+u+\'</j><j 6="A-
G">\'+o+"</j></m></M>"}n+=\'<m 6="1H"/></X>\';$(".1c .D-d").x(8()
{k($(7).F().18("1b")){$(7).19(n);$(7).1I("D-d").1y("1w-d");$(".Y-1v").1t();
$(7).15(".y-z").x(8(){$(7).w("g",8(e,t){Z t.17("/B.14","/1u.14")}).w("g",8(e,t){Z
t.17("1z-c","1A")})});$("p.1F").x(8(){2 e=$(7).F();2 t=$(7).w("1G-1E");$("#1D-1B
*").1C(e,t)})}})}})}})}k(e.18("A")){$.W({b:"/U/S/B?V=J-L-K",I:"13",12:"11",16:8(e)
{$.W({b:"/U/S/B?V=J-L-K&1i-1j=3",I:"13",12:"11",16:8(e){2 t="";2 n="<X>";1a(2
r=0;r<e.4.5.E;r++){1a(2 i=0;i<e.4.5[r].C.E;i++){k(e.4.5[r].C[i].1h=="1g")
{t=e.4.5[r].C[i].9;1l}}2 s=e.4.5[r].T.$t;2 o=e.4.5[r].G[0].1m.$t;2 u=e.4.5[r].1q.
$t.1p(0,10);2 a=e.4.5[r].1o[0].1n;2 f=e.4.5[r].d.$t;2 l=$("<m>").19(f);2
c=l.15("1r:Y").w("1e");2 h=e.4.5[r].1f$1k.b;k(c===1x){2 p=\'<a 6="y-z" 9="\'+t+\'"
g="v:b(\'+h+\') H-O q q;v-P: R"/>\'}1M{2 p=\'<a 6="y-z" 9="\'+t+\'" g="v:b(\'+c+\')
H-O q q;v-P: R"/>\'}n+=\'<M><a 9="/1J/1L/\'+a+\'" 6="Q-1K">\'+a+"</a>"+p+\'<m 6="Q-
1s"><N 6="1N-T"><a 9="\'+t+\'">\'+s+\'</a></N><j 6="A-1O">\'+u+\'</j><j 6="A-
G">\'+o+"</j></m></M>"}n+=\'<m 6="1H"/></X>\';$(".1c .D-d").x(8()
{k($(7).F().18("A")){$(7).19(n);$(7).1I("D-d").1y("1w-d");$(".Y-1v").1t();
$(7).15(".y-z").x(8(){$(7).w("g",8(e,t){Z t.17("/B.14","/1u.14")}).w("g",8(e,t){Z
t.17("1z-c","1A")})});$("p.1F").x(8(){2 e=$(7).F();2 t=$(7).w("1G-1E");$("#1D-1B
*").1C(e,t)})}})}})}})}});',62,116,'||var||feed|entry|class|this|function|href||
url||content|||style|||span|if||div||||center|||||background|attr|each|arl|tmb|
recent|default|link|widget|length|text|author|no|type|json|script|in|li|h3|repeat|
size|post|cover|posts|title|feeds|alt|ajax|ul|first|return||jsonp|dataType|get|jpg|
find|success|replace|match|html|for|random|featuredposts|Math|src|media|alternate|
rel|max|results|thumbnail|break|name|term|category|substring|published|img|panel|
remove|mqdefault|ld|layout|undefined|addClass|s72|s1600|wrapper|replaceText|pages|
tran|trans|data|clear|removeClass|search|tag|label|else|rcp|date|floor|index|
start'.split('|'),0,{}))
//]]>
</script>
</b:if>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="",t=20;$.ajax({url:""+e+"/feeds/posts/default?
alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e)
{function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($
("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a)
{s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o+
+)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.
$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$
("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $
("#adbreakingnews").html("<span>No result!</span>")},error:function(){$
("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
/**
* Tabslet | tabs jQuery plugin
*
* @copyright Copyright 2015, Dimitris Krestos
* @license Apache License, Version 2.0
(http://www.opensource.org/licenses/apache2.0.php)
* @link http://vdw.staytuned.gr
* @version v1.4.9
*/
!function($,window,undefined){"use strict";$.fn.tabslet=function(options){var
defaults={mouseevent:"click",attribute:"href",animation:!1,autorotate:!
1,pauseonhover:!0,delay:2e3,active:1,controls:
{prev:".prev",next:".next"}},options=$.extend(defaults,options);return
this.each(function(){var $this=$(this),_cache_li=[],_cache_div=[];$this.find(">
div").each(function(){_cache_div.push($(this).css("display"))});var
elements=$this.find("> ul li"),i=options.active-1;if(!$this.data("tabslet-init"))
{$this.data("tabslet-init",!0),options.mouseevent=$this.data("mouseevent")||
options.mouseevent,options.attribute=$this.data("attribute")||
options.attribute,options.animation=$this.data("animation")||
options.animation,options.autorotate=$this.data("autorotate")||
options.autorotate,options.pauseonhover=$this.data("pauseonhover")||
options.pauseonhover,options.delay=$this.data("delay")||
options.delay,options.active=$this.data("active")||options.active,$this.find(">
div").hide(),options.active&&($this.find("> div").eq(options.active-1).show(),
$this.find("> ul li").eq(options.active-1).addClass("active"));var
fn=eval(function(){$(this).trigger("_before"),$this.find("> ul
li").removeClass("active"),$(this).addClass("active"),$this.find(">
div").hide(),i=elements.index($(this));var t=$
(this).find("a").attr(options.attribute);return options.animation?
$this.find(t).animate({opacity:"show"},"slow",function(){$
(this).trigger("_after")}):($this.find(t).show(),$(this).trigger("_after")),!
1}),init=eval("$this.find('> ul
li')."+options.mouseevent+"(fn)"),t,forward=function(){i=++i
%elements.length,"hover"==options.mouseevent?
elements.eq(i).trigger("mouseover"):elements.eq(i).click(),options.autorotate&&(cle
arTimeout(t),t=setTimeout(forward,options.delay),$this.mouseover(function()
{options.pauseonhover&&clearTimeout(t)}))};options.autorotate&&(t=setTimeout(forwar
d,options.delay),$this.hover(function()
{options.pauseonhover&&clearTimeout(t)},function()
{t=setTimeout(forward,options.delay)}),options.pauseonhover&&$this.on("mouseleave",
function(){clearTimeout(t),t=setTimeout(forward,options.delay)}));var
move=function(t){"forward"==t&&(i=++i%elements.length),"backward"==t&&(i=--i
%elements.length),elements.eq(i).click()};
$this.find(options.controls.next).click(function(){move("forward")}),
$this.find(options.controls.prev).click(function(){move("backward")}),
$this.on("destroy",function(){$(this).removeData().find("> ul li").each(function()
{$(this).removeClass("active")}),$(this).find("> div").each(function(t){$
(this).removeAttr("style").css("display",_cache_div[t])})})}})},$
(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})}(jQuery);
//]]>
</script>
</body>
</html>

Sasasa

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sasasa

Diunggah oleh

Hak Cipta:

Format Tersedia

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

body {background: #f0f1f3;color: #656e7f;font-family:Roboto;font-size: 18px;font-

#header-wrapper{overflow: hidden; padding:20px 0; position: relative; max-width:

.smoothscroll-top {position:fixed; opacity:0; visibility:hidden; overflow:hidden;

#magstyle1 .title, #magstyle2 .title, #slider2 .title, #magstyle4 .title,

.comments .comments-content .comment{padding:20px;font-family: Roboto;}

#menu{margin-bottom:10px; background: #fff; -webkit-box-shadow: 1px 0px 12px -5px

#breakingnews .breakhead:after { content: close-quote; position: absolute; width:

#related_posts h4 { font-weight: 700; transition: all 0.5s ease-out; text-

.mag-wrapper {background: #fff; margin-bottom: 10px; border: 1px solid #ddd;

.readmore2 {float: left; font-size: 12px; padding: 8px 0; color:$(main.color)!

body#layout #header {width:30%;margin:4px;float:left;background-color: #fff;

body#layout #adpost {width: 95%;margin:4px;float:left;background-color: #fff;

body#layout #featuredposts {width: 96.2%;margin:4px;background-color: #fff;

body#layout .mag-wrapper {width: 95%;margin:4px;background-color: #fff;

body#layout #recent3 {width: 43.94%;margin:4px;float:left;background-color: #fff;

body#layout #banner160 {width: 45%;margin:4px;float:left;background-color: #fff;

body#layout #footer-wrapper {width:96.2%;margin:4px;background-color: #fff;

.pt-followers-icons.share-buttons { position: relative; width: 100%; overflow:

ul.pt-followers-icons.share-buttons li:hover span.action-button { visibility:

.pt-followers-icons .facebook-share { background-color: #3b5998; }

#recent3 .mag-wrapper {width:73%;height:633px; overflow: hidden; float: left;}

#magstyle1, #magstyle2, {background-color: #FFF;-webkit-box-sizing: border-box;-

#magstyle4 .recent-box:first-child {margin-top:0}

#magstyle44 {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing:

#recent1 { width: 100%; }

#recent2 { width: 100%; }

.featuredposts .widget-content {display:none}

#footer-wrapper {text-align:left;overflow:hidden;padding:15px 0 0 0;background-

.featuredposts .post-panel{position: absolute; bottom: 50px; text-align: center;

.post {background:#fff;color:#333;margin-left:0;padding:20px;transition:all 0.3s

<b:if cond='data:blog.url == data:blog.homepageUrl'>

@media screen and (max-width:1066px) {

@media screen and (max-width:960px) {

@media only screen and (max-width:768px){

@media only screen and (max-width:640px){

@media only screen and (max-width:480px){

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

<b:include data='blog' name='google-analytics'/>

<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

var reljudul = new Array();

var monName = new Array(&quot;January&quot;, &quot;February&quot;,

var now = new Date();

document.write(&quot;Today is &quot; + dayName[now.getDay()] + &quot;, &quot; +

if (atoj2 &lt;= 9) atoj2 = &quot;0&quot; + atoj2;

document.write(&quot;&quot; + atoj1 + &quot;:&quot; + atoj2 + &quot;:&quot; + atoj3

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='banner section' id='recent3' maxwidgets='1' showaddelement='yes'>

<div class='title'><span/><a expr:href='&quot;/search/label/&quot; +

<b:include data='top' name='status-message'/>

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

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>

<b:else/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

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

<b:include data='top' name='status-message'/>

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

<div class='mobile-link-button' id='blog-pager-home-link'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope'

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

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

var monName = new Array("January", "February",

document.write("Today is " + dayName[now.getDay()] + ", " +

if (atoj2 <= 9) atoj2 = "0" + atoj2;

document.write("" + atoj1 + ":" + atoj2 + ":" + atoj3

<div class='title'><span/><a expr:href='"/search/label/" +

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<b:if cond='data:post.embedCommentForm == "false"'>

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

<div class='post-body entry-content' expr:id='"post-body-" +

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

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

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

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

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