-->

[ HTML ] Share Template Syahira Blogger

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• FaceBook: Nguyễn Thành Hiền ( Kul Tân Bình )
• WWW.FACEBOOK.COM/HTB17A



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
 <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <meta expr:content='data:blog.metaDescription' name='description'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<!--[if lt IE 9]>
<script src="http://mkr.googlecode.com/svn/JS/css3-mediaqueries.js"></script>
<![endif]-->
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Syahira
Version: 1.1
- Support Image from third party
- Support Youtube Video Thumbnail
Design by: satankMKR
URL:http://mkr-site.blogspot.com
----------------------------------------------- */

/* Variable definitions
   ====================  
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333"/>
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#09ABF7" value="#09ABF7"/>
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999"/>
   <Variable name="hoverlinkcolor" description="Hover Link Color"
             type="color" default="#141414" value="#141414"/>    
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666"/>
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
   <Variable name="headerfont" description="Heading Font"
             type="font"
             default="normal normal 12px Georgia, Times, 'Times New Roman', serif" value="normal normal 12px Georgia, Times, 'Times New Roman', serif"/>
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right"/>
<Group description="Main Color" selector="#outer-wrapper">
<Variable name="main.content.color" description="Content Area Color"
type="color" default="#FAFAFA" value="#FAFAFA"/>
<Variable name="main.head.color" description="Header Color"
type="color" default="#202020" value="#202020"/>
<Variable name="main.foot.color" description="Footer Color"
type="color" default="#202020" value="#202020"/>
<Variable name="main.headco.color" description="Head Foot Border Color"
type="color" default="#09ABF7" value="#09ABF7"/>
</Group>

<Group description="Header Area" selector="#header">
<Variable name="head.title.font" description="Title Font" type="font" default="normal normal 35px Georgia, Times, 'Times New Roman', serif" value="normal normal 35px Georgia, Times, 'Times New Roman', serif"/>
<Variable name="head.desc.font" description="Description Font" type="font" default="normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"/>
<Variable name="head.title.color" description="Title Color"
type="color" default="#09ABF7" value="#09ABF7"/>
<Variable name="head.desc.color" description="Description Color"
type="color" default="#F8F8F8" value="#F8F8F8"/>
</Group>
<Group description="Menu Color" selector="#nav">
<Variable name="menu.text.color" description="Text Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="menu.bor.color" description="Top Border Color"
type="color" default="#000" value="#000000"/>
<Variable name="menu.sub.color" description="Sub Menu Color"
type="color" default="#202020" value="#202020"/>
<Variable name="menu.subsub.color" description="Sub Sub Menu Color"
type="color" default="#3C3C3C" value="#3C3C3C"/>
</Group>
<Group description="Post and Sidebar Area" selector="#content-wrapper .widget">
<Variable name="poside.back.color" description="Background Color"
type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="poside.border.color" description="Border Color"
type="color" default="#D5D5D5" value="#D5D5D5"/>
<Variable name="poside.head.color" description="Date FeatDesc and Button"
type="color" default="#09ABF7" value="#09ABF7"/>
<Variable name="poside.texthe.color" description="Text Header Color"
type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Footer Area" selector="#footer-wrapper">
<Variable name="foot.border.color" description="Border Color"
type="color" default="#000000" value="#000000"/>
<Variable name="foot.text.color" description="Text Color"
type="color" default="#BBBBBB" value="#BBBBBB"/>
<Variable name="foot.head.color" description="Header Text Color"
type="color" default="#09ABF7" value="#09ABF7"/>
</Group>
<Group description="Button and Featured" selector="#outer-wrapper">
<Variable name="oth.butacv.color" description="Button and Feat Color"
type="color" default="#FFF" value="#FFFFFF"/>
</Group>
*/

#navbar-iframe, #navbar1 {display:none !important;}

header, nav, section, aside, article, footer {display:block;}

/* Use this with templates/template-twocol.html */

body {
  background:$(main.content.color);
  margin:0;
  padding:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size
/* */:/**/

small;
  font-size:/**/

small;
  text-align:center;
}

a:link {
  color:$linkcolor;
  text-decoration:none;
}

a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
}

a:hover {
  color:$hoverlinkcolor;
  text-decoration:underline;
}

a img {
  border-width:0;
}

/* Header
-----------------------------------------------
 */

#header-wrapper {
  margin:0 auto 0;
  color:$(menu.text.color);
  width:300px;
  height:100%;
  overflow:hidden;
}

#header {
  color:$(head.title.color);
  margin:0;
}

#header h1,
#header p {
  margin:5px 5px 0;
  padding:0;
  text-transform:uppercase;
  font:$(head.title.font);
}

#header a {
  color:$(head.title.color);
  text-decoration:none;
}

#header a:hover {
  color:$(head.title.color);
}

#header .description {
  margin:0 5px 5px;
  padding:0;
  text-transform:capitalize;
  line-height:1.4em;
  font:$(head.desc.font);
  color:$(head.desc.color);
}

#header img {
  margin-$startSide:0;
  margin-$endSide:auto;
  max-width:100%;
  max-height:100%;
}

.scdown #header h1,
.scdown #header p {
  margin-top:2px;
}

/* Headings
----------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.post-summary strong,
ul.rcentpost .inner > strong,
.PopularPosts .item-title,
#search-result strong,
#related_posts .jdlunya strong,
.featpost .titlex,
.xitem1 {
  font:$headerfont;
  text-transform:none;
  margin:0;
}

h1 {
  font-size:200%;
}

h2 {
  font-size:170%;
}

h3 {
  font-size:150%;
}

h4 {
  font-size:130%;
}

h5 {
  font-size:120%;
}

h6 {
  font-size:110%;
}

/* Navigation
----------------------------------------------- */

#mobilenav,
.index #blog-pager,
.archive #blog-pager,
.scdown .descriptionwrapper,
.index .post-footer,
.archive .post-footer,
.post-more-link,
.post-summary p,
.rcentpost p,
.rcbytag.s .comnum,
.rcbytag.h .a0 .comnum,
.rcbytag.v .a0 .comnum,
#sidebar-tengah .widget-content:before,
#topfeaturedmanual .widget > h2,
#topfeaturedmanual .widget .caption,
#topfeaturedmanual .Image,
#Blog1 > .status-msg-wrap {
  display:none;
}

#nav,
#header-wrapper {
  float:$startSide;
}

.sf-menu,
.sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}

#nav,
#topsomenu .isi,
.sf-menu li,
a.thumbimgx,
.index #main,
.archive #main,
.index .post,
.archive .post,
#main-wrapper,
#main-atas .sidebar .widget,
#main-atas .widget-content,
.rcentpost li,
#view a,
.sf-menu a.home,
#searchnya button,
.rcentpost .comnum,
.rcentpost .date,
#sidebar-tengah .list-tabwrap,
#sidebar-tengah,
#sidebar-wrapper .widget-content,
#sidebar-wrapper .widget,
.footer .widget > h2,
.featuredpost,
.post-body blockquote,
.item .post,
.static_page .post,
#related_posts,
#comments,
#related_posts li,
.error-custom,
.error_page .blog-posts.hfeed {
  position:relative;
}

.sf-menu ul {
  position:absolute;
  display:none;
  top:100%;
  left:0;
  z-index:99;
}

.sf-menu > li {
  float:$startSide;
  margin:0 1px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display:block;
}

.sf-menu a {
  display:block;
  position:relative;
}

.sf-menu ul ul {
  top:0;
  left:100%;
}

.sf-menu {
  float:$startSide;
}

.sf-menu ul {
  min-width:12em;
  *width:12em;
}

.sf-menu a {
  padding:0 10px;
  height:78px;
  line-height:78px;
  text-decoration:none;
  zoom:1;
}

.scdown .sf-menu > li > a {
  height:48px;
  line-height:48px;
}

.sf-menu a.home {
  padding:0 10px 0 30px;
  border-top:2px solid $(main.headco.color);
}

.sf-menu a {
  color:$(menu.text.color);
  font-size:11px;
}

.sf-menu li {
  white-space:nowrap;
  *white-space:normal;
  -moz-transition:background-color .2s;
  -webkit-transition:background-color .2s;
  transition:background-color .2s;
  position:relative;
}

.sf-menu ul li {
  background-color:$(menu.sub.color);
  margin:1px 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.sf-menu ul a {
  font-weight:normal;
  height:30px;
  line-height:30px;
}

.sf-menu ul a:hover {
  padding-left:12px;
}

.sf-menu ul ul li {
  background:$(menu.subsub.color);
  margin:0 0 1px 2px;
}

.sf-menu > li > a {
  border-top:2px solid $(main.head.color);
}

.sf-menu li:hover > a,
.sf-menu li.sfHover,
.sf-menu > li > a.current {
  -moz-transition:none;
  -webkit-transition:none;
  transition:none;
}

.sf-menu > li:hover > a,
.sf-menu > li > a.current {
  border-top:2px solid $(main.headco.color);
}

.sf-arrows .sf-with-ul {
  padding-right:2em;
  *padding-right:1em;
}

.sf-arrows .sf-with-ul:after,
.jcarousel-prev:before,
.jcarousel-next:before,
.nav-arrows a:before {
  content:'';
  position:absolute;
  top:50%;
  right:0.75em;
  margin-top:-1px;
  height:0;
  width:0;
  border:4px solid transparent;
  border-top-color:$(menu.text.color);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color:$(menu.text.color);
}

.sf-arrows ul .sf-with-ul:after {
  margin-top:-4px;
  margin-right:-3px;
  border-color:transparent;
  border-left-color:$(menu.text.color);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color:$(menu.text.color);
}

.sf-menu li > i {
  position:absolute;
  top:5px;
  right:3px;
  width:27px;
  height:22px;
  cursor:pointer;
  display:none;
  background-color:$(main.headco.color);
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  outline:0;
}

.sf-menu li > i:after {
  content:'+';
  color:$(menu.text.color);
  font-size:19px;
  position:absolute;
  left:5px;
  top:-2px;
}

.sf-menu li > i.active:after {
  content:'-';
  font-size:36px;
  top:-14px;
}

/* Social Icon */

#socialicon {
  float:$startSide;
  width:230px;
  padding:5px 0;
}

#socialicon ul,
#socialicon li {
  padding:0;
  margin:0;
  list-style:none;
}

#socialicon li {
  float:$startSide;
  margin:0 2px;
}

#socialicon a {
  display:block;
  text-indent:-9999px;
  width:24px;
  height:24px;
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaF0JFE1HBAu3ofSq5Sk2qLABxalkXhE1k6IJ72pnz9ouizzJaWp8jDfpSjyI6eJ0xVKIw2zkQ5Gy2lBFwCQucN11jgZpnR2Q54j4cNvV4gajvT0QeK8h-uY0Z5kCX59Dt1YKqJkufgrM/s1600/soicon.png);
  background-position:-1px 0;
  background-repeat:no-repeat;
  position:relative;
}

#socialicon a:active {
  top:1px;
}

#socialicon .fbx {
  background-position:-1px 0;
}

#socialicon .twix {
  background-position:-27px 0;
}

#socialicon .goex {
  background-position:-53px 0;
}

#socialicon .linx {
  background-position:-131px;
}

#socialicon .pinx {
  background-position:-79px 0;
}

#socialicon .drix {
  background-position:-157px;
}

#socialicon .vmex {
  background-position:-183px 0;
}

#socialicon .rssx {
  background-position:-105px;
}

#topmenu {
  overflow:hidden;
  padding:0 5px;
  color:$(menu.text.color);
  font-size:90%;
}

#topmenu .tgltop {
  float:$startSide;
  height:26px;
  line-height:26px;
  padding:4px 6px;
}

#topbutton {
  position:absolute;
  right:15px;
  top:35px;
  outline:0;
  margin-top:-70px;
  width:26px;
  height:23px;
  background-color:$(main.headco.color);
  cursor:pointer;
}

#topbutton:before {
  border-width:6px 13px;
  border-style:solid;
  top:100%;
  border-color:$(main.headco.color) $(main.headco.color) transparent $(main.headco.color);
}

#topbutton:after {
  content:'';
  position:absolute;
  top:50%;
  height:0;
  left:6px;
  width:0;
  border:7px solid transparent;
  border-top-color:$(menu.text.color);
}

#topbutton.active:after {
  border-color:transparent;
  border-bottom-color:$(menu.text.color);
  margin-top:-7px;
}

#areahead.scdown {
  -moz-box-shadow:0 2px 8px rgba(0,0,0,0.53);
  -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.53);
  box-shadow:0 2px 8px rgba(0,0,0,0.53);
}

/* Search Box and Result */

#searchnya {
  float:$endSide;
}

#searchnya input {
  width:120px;
  margin:6px 0 0;
  background-color:$(menu.text.color);
  color:$(main.head.color);
}

#searchnya input,
#searchnya button {
  border:0;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  display:inline-block;
  outline:0;
  font-size:10px;
  padding:5px 10px;
}

#searchnya button {
  background-color:transparent;
  margin-right:5px;
  cursor:pointer;
  color:$(menu.text.color);
  text-indent:-9999px;
}

#search-result {
  padding:8px 10px;
  margin:10px 0;
  width:280px;
  height:auto;
  position:absolute;
  top:27px;
  right:10px;
  z-index:99;
  display:none;
  color:$(menu.text.color);
}

#search-result * {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#search-result h4,
#search-result strong {
  display:block;
  margin:0 30px 10px 0;
  font-size:12px;
}

#search-result ol {
  list-style:none;
  overflow:hidden;
  max-height:450px;
}

#search-result ol:hover {
  overflow:auto;
}

#search-result ol a:hover {
  text-decoration:underline;
}

#search-result .close {
  text-decoration:none;
  display:block;
  position:absolute;
  top:4px;
  font-size:18px;
  right:10px;
  line-height:normal;
  color:$(menu.text.color);
}

#search-result li {
  padding:5px 0;
}

#search-result strong {
  margin:0 0 3px 0;
  display:block;
}

#search-result img {
  float:$startSide;
  display:block;
  margin:0 5px 0 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#search-result p {
  font-size:90%;
}

#search-result {
  background-color:$(main.head.color);
  border:1px solid $(menu.bor.color);
}

.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
#mobilenav:before,
.post-body blockquote:before,
.comments .comments-content .icon.blog-author:before,
#mobilenav:before {
  position:absolute;
  font-family:FontAwesome;
  font-weight:normal;
  font-style:normal;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
}

.sf-menu a.home:before,
#searchnya button:before,
#view a:before {
  text-indent:0;
}

.sf-menu a.home:before {
  width:30px;
  height:30px;
}

.sf-menu a.home:before {
  content:"\f015";
  top:0;
  font-size:18px;
  left:6px;
}

#searchnya button:before {
  content:"\f002";
  top:2px;
  left:1px;
  color:$(menu.text.color);
  font-size:19px;
  display:block;
}

/* Layout Setting
----------------------------------------------- */

body#layout .list-tabwrap,
body#layout #topfeatured,
body#layout #mainmidtengah,
body#layout #mainmidtengah2,
body#layout #footer-wrapper {
  overflow:hidden;
}

body#layout .sidebarmd-widget {
  float:$startSide;
  width:33.3%;
}

body#layout ul.navtab {
  display:none;
}

body#layout #topfeatured .add_widget,
body#layout #topfeatured .widget,
body#layout #topfeatured .dropregion {
  width:18%;
  float:$startSide;
}

body#layout #main-atas .half {
  width:50%;
  float:$startSide;
}

body#layout #topfeatured .widget.Image .widget-content {
  height:3em;
}

body#layout #topfeatured .widget.Image {
  padding:0;
}

body#layout #footer-wrapper .grid {
  float:$startSide;
  width:25%;
}

body#layout #topfeatured .Image {
  display:block;
}

body#layout #header-wrapper {
  width:50%;
}

/* Main Color
----------------------------------------------- */

#areahead {
  border-top:1px solid $(menu.bor.color);
  height:80px;
  margin-top:35px;
  background-color:$(main.head.color);
  z-index:8;
}

#topsomenu {
  background-color:$(main.head.color);
  height:35px;
  z-index:9;
}

#areacontent {
  background-color:$(main.content.color);
  padding-top:140px;
}

#areahead,
#topsomenu {
  width:100%;
  position:fixed;
}

#areahead .isi {
  height:100%;
}

#areafooter,
#credit {
  background-color:$(main.foot.color);
}

#areafooter {
  border-top:3px solid $(main.headco.color);
}

/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
  background-color:$(main.content.color);
  margin:0 auto;
  padding:0;
  text-align:$startSide;
  font:$bodyfont;
}

#outer-wrapper .isi {
  width:100%;
  max-width:1100px;
  margin:0 auto;
}

#main-atas {
  width:68%;
  float:$startSide;
  word-wrap:break-word;
  /* fix for long text breaking sidebar float in IE */

  overflow:hidden;
  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper {
  width:32%;
  float:$endSide;
  word-wrap:break-word;
  /* fix for long text breaking sidebar float in IE */

  overflow:hidden;
  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper .innerwrap,
#main-atas .innerwrap {
  padding:10px;
}

/* Content Area
-----------------------------------------------
 */

.index #main,
.archive #main {
  padding:12px 8px;
}

.index #main,
.archive #main,
.index #main:before,
.archive #main:before,
.menu-xitem,
#main-atas .widget-content,
#main-atas .widget-content:before,
#main-atas .sidebar .widget > h2,
a.thumbxtag,
#sidebar-wrapper .widget-content,
#sidebar-tengah .list-tabwrap,
#sidebar-wrapper .sidebar .widget > h2,
#sidebar-wrapper .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
.navtab,
.item .post,
.static_page .post,
.breadcrumbs,
.item .post:before,
.static_page .post:before,
#related_posts,
#related_posts:before,
#comments,
#comments:before,
.blog-posts.hfeed .inline-ad,
.error-custom,
.error-custom:before {
  background-color:$(poside.back.color);
  border:1px solid $(poside.border.color);
}

.loadpager,
.datex,
.morepostag,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
  position:absolute;
}

.loadpager,
.morepostag {
  bottom:0;
  right:0;
}

.loadpager a,
.morepostag a {
  text-indent:-9999px;
  display:block;
  width:0;
  height:0;
  border-width:22px 22px;
  border-style:solid;
  border-color:transparent $(poside.head.color) $(poside.head.color) transparent;
}

.loadpager a:before,
.morepostag a:before {
  content:"+";
  position:absolute;
  text-indent:0;
  color:$(oth.butacv.color);
  right:3px;
  bottom:2px;
  font-size:23px;
}

.index #main-wrapper,
.archive #main-wrapper,
#main-atas .sidebar .widget,
#sidebar-wrapper .widget,
#sidebar-tengah {
  z-index:0;
  margin-bottom:25px;
}

.index #main:before,
.archive #main:before,
#main-atas .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
#sidebar-wrapper .widget-content:before,
.item .post:before,
.static_page .post:before,
#related_posts:before,
#comments:before,
.error-custom:before {
  content:"";
  position:absolute;
  left:5px;
  height:30px;
  right:5px;
  bottom:-9px;
  z-index:-1;
}

.menu-xitem,
#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
  border-bottom:0;
  position:relative;
  height:35px;
}

.xitem1 {
  line-height:34px;
  font-size:160%;
}

#view {
  float:$startSide;
  height:35px;
  text-align:center;
  padding:0 8px 0 5px;
}

#view a {
  display:block;
  height:17px;
  text-indent:-9999px;
  width:20px;
  color:$(poside.border.color);
  outline:0;
  text-decoration:none;
}

#view a.active {
  color:$(poside.head.color);
}

#view a:before {
  top:2px;
  left:3px;
  font-size:14px;
}

#view a.list:before {
  content:"\f00b";
}

#view a.grid:before {
  content:"\f00a";
}

.menu-xitem:after,
#main-atas .sidebar .widget > h2:after,
#sidebar-wrapper .sidebar .widget > h2:after,
#related_posts h4:after,
#comments > h4:after {
  content:"";
  position:absolute;
  height:1px;
  width:87px;
  bottom:-1px;
  right:0;
  z-index:1;
  background-color:$(poside.head.color);
}

#main-atas .widget-content,
#sidebar-wrapper .widget-content {
  padding:10px 12px;
}

#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
  padding:0 12px;
  line-height:35px;
  font-size:160%;
  color:$(poside.texthe.color);
}

#main-atas .sidebar .widget > h2 a,
#sidebar-wrapper .sidebar .widget > h2 a {
  text-decoration:none;
}

#main-atas .half {
  width:50%;
  float:$startSide;
}

.half:first-child .widget {
  margin-right:8px;
}

.half:last-child .widget {
  margin-left:8px;
}

#mainmidtengah,
#mainmidtengah2,
.rcentpost li,
.rcbytag.h,
.jcarousel-clip-horizontal {
  overflow:hidden;
}

/* Posts
-----------------------------------------------
 */

.index .post-outer,
.archive .post-outer {
  width:33.3%;
  float:$startSide;
}

.index .post,
.archive .post {
  padding:0 5px;
}

.index .post h2.post-title,
.archive .post h2.post-title {
  position:absolute;
  left:-9999px;
}

a.thumbimgx {
  display:block;
  height:160px;
  overflow:hidden;
  padding:5px;
  border:1px solid $(poside.border.color);
}

a.thumbimgx img {
  width:100%;
  height:100%;
}

.post-body {
  line-height:1.6em;
}

.datex,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
  top:0;
  left:20px;
  background-color:$(poside.head.color);
  color:$(oth.butacv.color);
  padding:5px 3px;
  text-align:center;
  font-size:9px;
}

.datex span,
.datex strong,
.rcbytag.s .date strong,
.rcbytag.s .date span,
.rcbytag.v .a0 .date strong,
.rcbytag.v .a0 .date span,
.rcbytag.h .a0 .date strong,
.rcbytag.h .a0 .date span,
#related_posts .date strong,
#related_posts .date span {
  display:block;
}

.datex strong,
.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
  font-size:18px;
}

.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#topbutton:before,
#related_posts .date:before,
#related_posts .date:after {
  position:absolute;
  content:"";
  width:0;
  height:0;
}

.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:before,
#related_posts .date:after {
  border-width:5px 10px;
  border-style:solid;
  top:100%;
}

.datex:before,
.rcbytag.s .date:before,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
#related_posts .date:before {
  border-color:$(poside.head.color) transparent transparent $(poside.head.color);
  left:0;
}

.datex:after,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:after {
  border-color:$(poside.head.color) $(poside.head.color) transparent transparent;
  right:0;
}

.post:hover .datex,
.rcbytag.s li:hover .date,
.rcbytag.v .a0:hover .date,
.rcbytag.h .a0:hover .date {
  padding-top:8px;
}

.post-summary strong {
  display:block;
  margin:5px 0 15px;
  line-height:1.4em;
  font-size:120%;
  overflow:hidden;
  height:40px;
}

.post-summary strong a {
  text-decoration:none;
}

.index .post-outer.list,
.archive .post-outer.list {
  width:auto;
  float:none;
}

.list .post {
  padding:0 0 15px;
}

.list a.thumbimgx {
  width:200px;
  float:$startSide;
  margin:0 10px 0 0;
}

.list .post-summary strong {
  height:auto;
  overflow:visible;
  font-size:170%;
}

.list .post-summary p,
.list .post-more-link,
.list .post-footer {
  display:block;
}

.post-more-link {
  text-align:$endSide;
  margin:0 5px 10px 0;
}

ul.rcentpost .inner > strong a,
.post-summary strong a {
  text-decoration:none;
  color:$hoverlinkcolor;
}

.post-footer-line.post-footer-line-1 > div {
  display:inline-block;
  font-size:10px;
}

.post-more-link a {
  display:inline-block;
  padding:4px 7px;
  text-decoration:none;
  color:$(oth.butacv.color);
  background-color:$(poside.head.color);
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.post-footer-line.post-footer-line-1 > div.post-share-buttons {
  margin:10px 0 0;
  padding:0 6px;
  display:block;
}

.post-footer .goog-inline-block.dummy-container {
  overflow:hidden;
  width:36px;
}

.post-footer {
  padding:5px;
  border:1px solid $(poside.border.color);
}

.post-footer a {
  color:$linkcolor;
  text-decoration:none;
}

.post-footer a.timestamp-link,
.post-footer .post-author.vcard .fn,
.post-footer .comment-link,
.post-footer .post-labels > span {
  position:relative;
  padding:0 8px 0 20px;
  line-height:20px;
  height:20px;
  display:inline-block;
  color:$linkcolor;
  margin-right:5px;
}

.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before {
  font-size:14px;
  left:4px;
}

.post-footer a.timestamp-link:before {
  content:"\f017";
}

.post-footer .post-author.vcard .fn:before {
  content:"\f007";
}

.post-footer .comment-link:before {
  content:"\f0e6";
  font-size:15px;
  left:3px;
}

.post-footer .post-labels > span:before {
  content:"\f02c";
  left:2px;
}

.item .post,
.static_page .post,
.error-custom {
  padding:5px 10px;
  margin-bottom:25px;
}

.item #main-wrapper,
.static_page #main-wrapper {
  z-index:0;
}

.breadcrumbs {
  padding:5px;
  margin-bottom:8px;
  font-size:90%;
}

.item .post h1.post-title,
.static_page .post h2.post-title,
.error-custom h2 {
  font-size:200%;
  margin-bottom:10px;
  padding:0 0 5px;
  border-bottom:1px solid $(poside.border.color);
}

.item .post h1.post-title a,
.static_page .post h2.post-title a {
  text-decoration:none;
}

.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  margin-bottom:10px;
}

.post-body h1 {
  font-size:180%;
}

.post-body h2 {
  font-size:160%;
}

.post-body h3 {
  font-size:140%;
}

.post-body h4 {
  font-size:130%;
}

.post-body h5 {
  font-size:120%;
}

.post-body h6 {
  font-size:110%;
}

.post-body .left {
  float:$startSide;
  margin:0 10px 5px 0;
}

.post-body .right {
  float:$endSide;
  margin:0 0 5px 10px;
}

.post-body .center {
  margin:10px 0 15px 0;
  display:block;
  text-align:center;
}

.post-body blockquote {
  padding-left:40px;
  margin:20px;
  font-size:110%;
  line-height:1.6em;
}

.post-body blockquote:before {
  content:"\f10d";
  left:0;
  top:5px;
  font-size:30px;
}

.item .post-body,
.static_page .post-body,
.error-custom {
  line-height:1.6em;
}

.item .post-body img,
.static_page .post-body img {
  padding:3px;
  border:1px solid $(poside.border.color);
}

.post-body iframe {
  max-width:100%;
}

.error-custom {
  padding-bottom:150px;
}
.index .blog-posts.hfeed, .archive .blog-posts.hfeed {
overflow: hidden;
}
.error_page .blog-posts.hfeed {
  z-index:0;
}
.post-footer span.blog-admin, .post-footer span.pid-1748668997 {
display: block;
text-align: right;
}
.index #blog-pager, .archive #blog-pager {
padding: 5px 0;
text-align: left;
}
.showpagePoint, .showpageNum a {
display: inline-block;
padding: 8px 10px;
text-decoration: none;
background-color: $(poside.head.color);
margin-right: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: $(poside.back.color);
position:relative;
}
.showpagePoint, .showpageNum a:hover {
text-decoration: none;
background-color: $(main.foot.color);
}
.showpageNum a:active {
top:1px;
}

/* Comments
----------------------------------------------- */

#comments .comments-content,
.comment-form {
  padding:0 15px;
}

.comment-form {
  max-width:100%;
}

.comments.threaded_commentsnya .comment-form {
  border:0;
  background-color:transparent;
  padding:0;
}

.comments p.comment-footer {
  margin:0;
  padding:10px;
}

.comments p.comment-footer a,
.comments .comment-form {
  display:block;
  margin-top:-18px;
}

.comments.threaded_commentsnya p.comment-footer {
  display:none;
}

.boxcommentnya {
  margin-bottom:17px;
  padding:0 15px;
}

.comments .avatar-image-container {
  max-height:42px;
  width:42px;
  padding:3px;
  border:1px solid $(poside.border.color);
}

.comments .inline-thread .avatar-image-container {
  width:36px;
  height:36px;
}

.comments .avatar-image-container img {
  max-width:100%;
  width:100%;
  height:100%;
}

.comments .comment-block {
  margin-left:59px;
}

.comments .inline-thread .comment-block {
  margin-left:53px;
}

.comments .comments-content .comment-replies {
  margin-left:53px;
}

.comments .comments-content .inline-thread {
  border:1px solid $(poside.border.color);
  border-left:2px solid $(poside.head.color);
}

.comments .continue a,
.comments .inline-thread #form-wrapper {
  border:1px solid $(poside.border.color);
  -moz-box-shadow:inset 0 3px 13px $(poside.border.color);
  -webkit-box-shadow:inset 0 3px 13px $(poside.border.color);
  box-shadow:inset 0 3px 13px $(poside.border.color);
}

.comments .inline-thread #form-wrapper {
  padding:10px 15px;
  margin-bottom:15px;
}

.comments .comments-content .datetime {
  margin-left:6px;
  font-size:80%;
  float:$endSide;
}

.comments .comments-content .comment-content {
  line-height:1.5em;
}

.comments .comments-content .icon.blog-author:before {
  content:"\f007";
  top:0;
  left:1px;
  font-size:17px;
  color:$linkcolor;
}

#comments-block.avatar-comment-indent {
  margin-left:55px;
}

#comments-block .avatar-image-container {
  left:-55px;
  width:40px;
  height:40px;
  top:0;
}

#comments-block .avatar-image-container img {
  border:0;
}

.commentarea {
  border:1px solid $(poside.border.color);
  border-left:2px solid $(poside.head.color);
  margin-bottom:15px;
  padding:5px 10px;
  position:relative;
}

.commentarea .datecm {
  float:$endSide;
  font-size:90%;
}

#comments-block.avatar-comment-indent dd.comment-footer {
  text-align:$endSide;
}

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
}

#googlePlusComment,
.cmt_iframe_holder {
  width:100% !important;
}

#comments-block .comment-author {
  margin:.5em 0;
}

#comments-block .comment-body {
  margin:.25em 0 0;
}

#comments-block .comment-footer {
  margin:0;
  line-height:1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
}

#comments-block .comment-body p {
  margin:0 0 .75em;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

#blog-pager-newer-link {
  float:$startSide;
}

#blog-pager-older-link {
  float:$endSide;
}

.pager-isi {
  overflow:hidden;
}

.pager-isi a,
.pager-isi .linkgrey {
  width:50%;
  display:block;
  float:$startSide;
  padding:10px 0;
  font-size:120%;
  text-decoration:none;
}

.pager-isi h5,
.pager-isi h6 {
  margin:0;
  font-weight:normal;
}

.pager-isi h6 {
  font-size:130%;
}

.pager-isi h5 {
  font-size:100%;
}

a.blog-pager-newer-link {
  text-align:$startSide;
  position:relative;
}

a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
  padding-left:20px;
}

a.blog-pager-older-link {
  text-align:$endSide;
  position:relative;
}

a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
  padding-right:20px;
}

.pager-isi .linkgrey.left {
  text-align:$startSide;
}

.pager-isi .linkgrey.right {
  text-align:$endSide;
}

a.blog-pager-newer-link:after,
a.blog-pager-older-link:after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  position:absolute;
  top:50%;
  margin-top:-8px;
}

a.blog-pager-newer-link:after {
  border-color:transparent $linkcolor transparent transparent;
  left:0;
}

a.blog-pager-older-link:after {
  border-color:transparent transparent transparent $linkcolor;
  right:0;
}

.feed-links {
  display:none;
}

.blog-posts.hfeed .inline-ad {
  margin-top:15px;
  text-align:center;
  padding:10px 2px;
  overflow:hidden;
}

/* Sidebar Content
----------------------------------------------- */

.sidebar {
  color:$sidebartextcolor;
  line-height:1.5em;
}

.sidebar ul,
.footer ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.sidebar li,
.footer li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:10px;
  line-height:1.5em;
}

#sidebar-tengah .widget > h2 {
  display:none;
}

#sidebar-tengah .widget-content {
  border:0;
  background-color:transparent;
}

#sidebar-tengah .widget {
  margin-bottom:0;
}

.navtab,
.navtab li {
  padding:0;
  margin:0;
  list-style:none;
}

.navtab li {
  float:$startSide;
  width:33.3%;
  text-align:center;
  line-height:35px;
}

.navtab {
  overflow:hidden;
  border-bottom:0;
}

.navtab a {
  display:block;
  text-decoration:none;
  color:$sidebartextcolor;
  height:35px;
  border-bottom:1px solid $(poside.border.color);
}

.navtab a.current {
  color:$(poside.head.color);
  border-bottom:1px solid $(poside.head.color);
}

#sidebar-tengah .list-tabwrap {
  border-top:0;
}

/* Profile
----------------------------------------------- */

.profile-img {
  width:70px;
  height:70px;
  padding:3px;
  border:1px solid $(poside.border.color);
  margin:0 5px 5px 0;
}

.profile-link {
  float:$endSide;
  font-style:italic;
}

dd.profile-data {
  font-style:italic;
}

/* Footer
----------------------------------------------- */

#footer-wrapper .row {
  overflow:hidden;
}

.row .grid {
  float:$startSide;
  width:25%;
}

.footer {
  padding:0 10px;
}

.footer .widget {
  margin:15px 0;
}

#credit {
  text-align:center;
  padding:10px 0;
  border-top:1px solid $(menu.bor.color);
  font-size:90%;
}

.footer .widget > h2 {
  margin:0 0 10px;
  padding:8px 0;
  font-size:130%;
  font-weight:normal;
  color:$(foot.head.color);
}

#footer-wrapper,
#credit {
  color:$(foot.text.color);
}

.footer li {
  padding-left:8px;
}

.footer .widget > h2:after,
.footer .widget > h2:before {
  content:"";
  position:absolute;
  top:100%;
  height:1px;
}

.footer .widget > h2:after {
  background-color:$(foot.border.color);
  left:0;
  width:100%;
}

.footer .widget > h2:before {
  right:0;
  width:50px;
  background-color:$(foot.head.color);
  z-index:1;
}

/* Effect
----------------------------------------------- */

a.thumbimgx img,
a.thumbxtag img,
a.kmtimg img,
.PopularPosts .item-thumbnail img {
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
}

a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

#areahead.scdown {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity:0.9;
  opacity:0.9;
}

#Header1 img:hover,
.featpost li > a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"] {
  border:1px solid $(poside.border.color);
  padding:5px 8px;
  outline:0;
  display:inline-block;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

input[type="submit"],
input[type="button"],
button {
  border:0;
  padding:6px 8px;
  outline:0;
  color:$(oth.butacv.color);
  background-color:$(poside.head.color);
  display:inline-block;
  cursor:pointer;
  position:relative;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

input[type="submit"]:active,
input[type="button"]:active,
button:active {
  top:1px;
}

img {
  max-width:100%;
  height:auto;
  width:auto\9;
}

.FollowByEmail .follow-by-email-inner {
  padding:15px 0;
}

.FollowByEmail .follow-by-email-inner .follow-by-email-address {
  padding:1px 0;
  text-indent:8px;
  border:1px solid $(poside.border.color);
}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  background-color:$(poside.head.color);
}

.PopularPosts .item-thumbnail {
  width:55px;
  height:55px;
}

.PopularPosts .item-thumbnail,
a.kmtimg img {
  padding:3px;
  border:1px solid $(poside.border.color);
}

.footer  .PopularPosts .item-thumbnail,
.footer a.kmtimg img,
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address,
.footer .profile-img {
  border:1px solid $(foot.border.color);
}

.PopularPosts .item-thumbnail img {
  width:100%;
  height:100%;
}

.PopularPosts .item-title {
  font-size:120%;
}

.rcomnetxx,
.rcomnetxx li {
  padding:0;
  list-style:none;
  margin:0;
}

.rcomnetxx li {
  overflow:hidden;
  padding-bottom:8px;
}

a.kmtimg img {
  float:$startSide;
  margin:0 5px 5px 0;
}

.rcomnetxx .date {
  font-size:80%;
}

.rcomnetxx p {
  margin:5px 0 0;
}

/* Widget
----------------------------------------------- */

.rcentpost,
.rcentpost li {
  list-style:none;
  padding:0;
  margin:0;
}

a.thumbxtag {
  padding:3px;
  float:$startSide;
  width:65px;
  height:65px;
  margin:0 5px 5px 0;
}

a.thumbxtag img {
  width:100%;
  height:100%;
}

.rcbytag.s a.thumbxtag,
.rcbytag.v .a0 a.thumbxtag,
.rcbytag.h .a0 a.thumbxtag {
  display:block;
  padding:5px;
  float:none;
  width:auto;
  height:160px;
  margin:0 0 10px;
}

.rcbytag.s a.thumbxtag {
  height:140px;
}

.rcbytag.v .a0 p,
.rcbytag.h .a0 p {
  display:block;
}

.rcbytag.h li {
  width:50%;
  float:$endSide;
}

.rcbytag.h li.a0 {
  float:$startSide;
}

.rcbytag.h .inner {
  padding:0 5px;
}

.rcbytag.h li.a0 .inner {
  padding-left:0;
}

.rcbytag.s ul {
  width:1100px;
}

.rcbytag.s li {
  width:200px;
  float:$startSide;
}

.rcbytag.s .inner {
  padding:0 5px;
}

.morepostag a:before {
  bottom:6px;
}

.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
  line-height:22px;
  font-weight:bold;
  padding:0;
}

.rcbytag.s .date span,
.rcbytag.h .a0 .date span,
.rcbytag.v .a0 .date span,
#related_posts .date span {
  line-height:12px;
  padding:0;
}

ul.rcentpost .inner > strong {
  font-size:120%;
}

.rcbytag.h .a0 .inner > strong,
.rcbytag.v .a0 .inner > strong {
  font-size:140%;
}

.rcentpost .date,
.rcentpost .comnum {
  padding-left:16px;
  margin-right:5px;
}

.rcentpost .date:before,
.rcentpost .comnum:before {
  left:3px;
  top:-3px;
  font-size:11px;
}

.rcentpost .date:before {
  content:"\f133";
}

.rcentpost .comnum:before {
  content:"\f075";
}

.info {
  font-size:10px;
}

.info strong,
.info span {
  padding:0 3px 0 1px;
  font-weight:normal;
}

.jcarousel-prev,
.jcarousel-next {
  width:30px;
  height:30px;
  position:absolute;
  top:-43px;
  cursor:pointer;
  background-color:$(poside.head.color);
}

.jcarousel-prev-disabled,
.jcarousel-next-disabled {
  background-color:$(poside.border.color);
  cursor:initial;
}

.jcarousel-prev {
  right:30px;
}

.jcarousel-next {
  right:-5px;
}

.jcarousel-prev:before,
.jcarousel-next:before {
  border:5px solid transparent;
  margin-top:-4px;
}

.jcarousel-prev:before {
  border-color:transparent;
  border-right-color:$(oth.butacv.color);
  right:13px;
}

.jcarousel-next:before {
  border-color:transparent;
  border-left-color:$(oth.butacv.color);
  right:7px;
}

.rcentpost .comnum a {
  text-decoration:none;
  color:$sidebartextcolor;
}

.Label li {
  float:$startSide;
  background-color:$(poside.head.color);
  color:$(oth.butacv.color);
  padding:5px 8px;
  margin:0 2px 2px 0;
}

.Label li a {
  color:$(oth.butacv.color);
}

.footer .Label li {
  padding:4px 4px;
  font-size:90%;
}

/* Featured Post
----------------------------------------------- */

#botfeaturedauto h2 {
  display:none;
}

.featuredpost {
  width:98%;
  max-width:650px;
  margin:0 auto;
  height:400px;
  z-index:0;
}

.featpost {
  margin:10px auto;
  position:relative;
  overflow:hidden;
  width:100%;
  height:320px;
  list-style-type:none;
  padding:0;
}

.featpost li {
  margin:0;
  padding:0;
  display:none;
  width:100%;
}

.featpost li > a {
  outline:none;
}

.featpost li > a img {
  border:none;
}

.featpost li > a.feathumb {
  display:block;
  height:100%;
}

.featpost img {
  max-width:100%;
  width:100%;
  display:block;
  height:100%;
}

.sb-description {
  padding:10px;
  bottom:10px;
  left:10px;
  right:10px;
  z-index:5;
  position:absolute;
  background:$(poside.head.color);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  color:$(oth.butacv.color);
  -webkit-transition:all 200ms;
  -moz-transition:all 200ms;
  -o-transition:all 200ms;
  -ms-transition:all 200ms;
  transition:all 200ms;
}

.featpost li.sb-current .sb-description {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80);
  opacity:0.8;
}

.featpost li.sb-current .sb-description:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  opacity:0.9;
}

.sb-perspective {
  position:relative;
}

.sb-perspective > div {
  position:absolute;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
}

.sb-side {
  margin:0;
  display:block;
  position:absolute;
  -moz-backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

.shadow {
  width:100%;
  height:168px;
  position:relative;
  margin-top:-110px;
  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2q5lMlL5Lijjquqm5dyPEqDfxJKl4G2nk9gSGVi6A3t9A98TdcgyMNed0bRv3b2BRkrvil8KdGWC-1f_-BhhxouBluG3Q8p2_SWj48p1fW-WGzLY9W5sH1GtZ-HhkzbzmMi0AJR_EOLj/s736/shadow.png) no-repeat bottom center;
  background-size:100% 100%;
  z-index:-1;
  display:none;
}

.nav-dots {
  text-align:center;
  position:absolute;
  bottom:-5px;
  height:30px;
  width:100%;
  left:0;
  display:none;
}

.nav-dots span {
  display:inline-block;
  width:16px;
  height:16px;
  border-radius:50%;
  margin:3px;
  background:$(poside.head.color);
  cursor:pointer;
  box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
  box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 0 3px $(poside.head.color),inset 0 0 0 8px $(oth.butacv.color);
}

.nav-arrows {
  display:none;
}

.nav-arrows a {
  width:42px;
  height:42px;
  background:$(poside.head.color);
  position:absolute;
  top:50%;
  left:-52px;
  text-indent:-9000px;
  cursor:pointer;
  margin-top:-62px;
  opacity:0.9;
  border-radius:50%;
  box-shadow:0 1px 1px rgba(255,255,255,0.8);
}

.nav-arrows a:first-child {
  left:auto;
  right:-52px;
  background-position:top right;
}

.featpost .titlex {
  font-size:170%;
}

.featpost .titlex a {
  color:$(oth.butacv.color);
  text-decoration:none;
}

.sb-description p {
  margin:10px 0 0;
}

.nav-arrows a:before {
  border:8px solid transparent;
  margin-top:-7px;
}

.nav-arrows a:before {
  border-color:transparent;
  border-right-color:$(oth.butacv.color);
  right:18px;
}

.nav-arrows a:first-child:before {
  border-color:transparent;
  border-left-color:$(oth.butacv.color);
  right:8px;
}

#topfeaturedmanual .widget {
  width:650px;
  margin:0 auto;
}

#topfeaturedmanual .Image:first-child {
  display:block;
}

/* Related Post
----------------------------------------------- */

#related_posts {
  line-height:1.4em;
  margin-bottom:25px;
}

#related_posts ul,
#related_posts li {
  list-style:none;
  padding:0;
  margin:0;
}

#related_posts ul {
  width:1200px;
  overflow:hidden;
  padding:10px 0;
}

#related_posts li {
  width:175px;
  float:$startSide;
  height:150px;
  overflow:hidden;
}

#related_posts .inner {
  padding:0 5px;
}

#related_posts h4,
#comments > h4 {
  border-bottom:1px solid $(poside.border.color);
}

#related_posts .gmbrrltd {
  display:block;
  overflow:hidden;
  height:140px;
  padding:4px;
  border:1px solid $(poside.border.color);
}

#related_posts .gmbrrltd,
#related_posts .date {
  -webkit-transition:margin-top 0.7s ease;
  -moz-transition:margin-top 0.7s ease;
  -ms-transition:margin-top 0.7s ease;
  -o-transition:margin-top 0.7s ease;
  transition:margin-top 0.7s ease;
}

#related_posts .gmbrrltd img {
  width:100%;
  height:100%;
}

#related_posts .inner strong {
  font-size:120%;
  line-height:1.3em;
  display:block;
  overflow:hidden;
  max-height:54px;
  padding:0 4px;
}

#related_posts p {
  margin:10px 0 0;
  padding:0 4px;
}

#related_posts a {
  text-decoration:none;
}

#related_posts li:hover .gmbrrltd,
#related_posts li:hover .date {
  margin-top:-150px;
}

#related_posts .jcarousel-container {
  padding:10px 0;
}

#related_posts .jcarousel-prev,
#related_posts .jcarousel-next {
  top:-34px;
}

#related_posts .jcarousel-prev {
  right:40px;
}

#related_posts .jcarousel-next {
  right:5px;
}

#related_posts .loadingxx {
  width:100%;
}

/* Other
----------------------------------------------- */

.loadingxx {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgamISMy8rB2S9yNo4l6L7uQ7nlBRXvxy7v_Hgt20JTmN119iIMqa4pnru58CJDgjmlD83ZokXLbsOUEEHrsIkDpRCmIEssE4TYP4cjEbbQO8N-Xq1cZERf3sNBC7HdKPI9UfmO7qrymIU/s1600/progress_ani.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  height:150px;
}

#top {
  position:fixed;
  right:10px;
  bottom:10px;
  cursor:pointer;
  width:40px;
  height:40px;
  background-color:$(poside.head.color);
  text-indent:-9999px;
  display:none;
}

#top span {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top:-12px;
  height:0;
  width:0;
  border:8px solid transparent;
  border-bottom-color:$(oth.butacv.color);
}

/* Responsive
----------------------------------------------- */

@media only screen and (max-width:1024px) {
  .rcbytag.s a.thumbxtag,
  #related_posts .gmbrrltd {
    height:160px;
  }
  #related_posts li {
    height:170px;
    width:221px;
  }
  #related_posts li:hover .gmbrrltd {
    margin-top:-170px;
  }
  #related_posts .inner strong {
    max-height:60px;
    font-size:130%;
  }
}

@media only screen and (max-width:979px) {
  #outer-wrapper .isi {
    width:768px;
  }
  #main-atas {
    width:60%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  .index .post-outer,
  .archive .post-outer,
  .row .grid {
    width:50%;
  }
  #main-atas .half,
  .rcbytag.h li,
  .rcbytag.h li.a0 {
    float:none;
    width:auto;
  }
  .half:first-child .widget {
    margin-right:0;
  }
  .half:last-child .widget {
    margin-left:0;
  }
  #mobilenav {
    display:block;
    position:absolute;
    right:10px;
    top:-61px;
    text-indent:-9999px;
    width:40px;
    height:40px;
    background-color:$(main.headco.color);
    color:$(menu.text.color);
    text-decoration:none;
  }
  #mobilenav.active {
    color:$(main.head.color);
  }
  .scdown #mobilenav {
    top:-46px;
    right:50px;
  }
  #nav {
    width:100%;
    height:100%;
  }
  #menunav,
  .sf-menu a.home:before,
  .sf-menu ul,
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display:none;
  }
  #menunav {
    position:absolute;
    top:0;
    padding:0 8px;
    left:10px;
    right:10px;
    background-color:$(main.head.color);
    border-bottom:2px solid $(main.headco.color);
  }
  .sf-menu > li,
  #menunav {
    float:none;
  }
  .sf-menu a,
  .scdown .sf-menu > li > a {
    height:30px;
    line-height:30px;
  }
  .sf-menu > li:hover > a,
  .sf-menu > li > a.current,
  .sf-menu > li > a {
    border-top:0;
  }
  .sf-menu ul,
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    position:static;
  }
  .sf-menu a.home {
    padding:0 10px;
  }
  #mobilenav:before {
    content:"\f0c9";
    top:5px;
    text-indent:0;
    left:7px;
    font-size:30px;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper .isi {
    width:480px;
  }
  #main-atas,
  #sidebar-wrapper,
  .row .grid {
    width:100%;
    float:none;
  }
  .post-body iframe {
    max-height:450px;
  }
  #header img {
    margin-left:auto;
  }
  .nav-arrows a {
    top:auto;
    left:15px;
    margin-top:0;
    bottom:5px;
  }
  .nav-arrows a:first-child {
    right:15px;
  }
  .featuredpost {
    height:380px;
  }
  .featpost {
    height:300px;
  }
}

@media only screen and (max-width:479px) {
  #outer-wrapper .isi {
    width:320px;
  }
  .index .post-outer,
  .archive .post-outer {
    width:100%;
    float:none;
  }
  .separator a {
    float:none !important;
    margin:0 auto 15px !important;
  }
  table.tr-caption-container {
    float:none !important;
    margin:0 auto 10px !important;
    padding:0;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    text-align:center;
    margin:10px 0 15px;
  }
  .post-body iframe {
    max-height:300px;
  }
  .featuredpost {
    height:360px;
  }
  .featpost {
    height:280px;
  }
  #header-wrapper {
    width:220px;
  }
  .sb-description p {
    display:none;
  }
  #topsomenu {
    height:70px;
  }
  #areahead {
    margin-top:70px;
  }
  #areacontent {
    padding-top:175px;
  }
  #searchnya,
  #socialicon li,
  #socialicon {
    float:none;
  }
  #socialicon {
    width:auto;
    text-align:center;
  }
  #socialicon li {
    display:inline-block;
  }
  #topbutton {
    top:70px;
    margin-top:-105px;
  }
  #searchnya input {
    margin-top:5px;
    width:220px;
  }
  #searchnya {
    text-align:center;
  }
  #search-result {
    top:100%;
    text-align:$startSide;
  }
  #topbutton {
    margin-top:-105px;
  }
  #header h1,
  #header p {
    margin-top:0;
  }
}

@media only screen and (max-width:319px) {
  #outer-wrapper .isi {
    width:100%;
  }
}
#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:16px}
.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
background: #E6E6E6;
background: -moz-linear-gradient(top, #FFF, #f5f5f5 5%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.03, #f5f5f5), to(#e2e2e2));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #d0d0d0;
border-bottom:1px solid #b5b5b5;
color:#5e5e5e;
text-shadow: 1px 1px 1px #FFF}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script class='jshilang' type='text/javascript'>
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
//<![CDATA[
var configSummary = {
    thumbnailSize: "s200-p", // Define the post thumbnail size
    summaryLength: 300, // Define the summary length
BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image  
};
//]]>
</script>
</b:if></b:if>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR
// URL: https://plus.google.com/108949996304093815163/about
function createPostSummary(s,r,k){var u,h,j,q,m,p,t=document,n=configSummary,g=t.getElementById(s).value,e=t.getElementById(r),o=k,c=jQuery("#"+s),i=c.parents(".post"),l=i.find(".post-title.entry-title a").text();e.innerHTML=g;j=e.getElementsByTagName("img");h=e.getElementsByTagName("iframe");if(j.length===0&&h.length===0){q=n.BackupImage}else{if(j.length===0&&h.length>0){m=h[0].src;if(m.indexOf("youtube.com")!=-1||m.indexOf("youtu.be")!=-1){p=m.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);q="http://img.youtube.com/vi/"+p[2]+"/0.jpg"}else{q=n.BackupImage}}else{var q=j[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+n.thumbnailSize+"/")}}u=g.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");e.innerHTML='<a class="thumbimgx" title="'+l+'" href="'+o+'"><img class="post-thumbnail" src="'+q+'" alt="'+l+'"></a><strong><a class="titlex" href="'+o+'">'+l+"</a></strong><p>"+u.substring(0,n.summaryLength)+"&hellip;</p>"};

/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
 * Build: http://modernizr.com/download/#-csstransforms-csstransforms3d-csstransitions-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load
 */
;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.csstransforms=function(){return!!F("transform")},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&w("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};

// JQuery easing 1.3
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

// hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+
// @author Brian Cherne <brian(at)cherne(dot)net>
(function(a){a.fn.hoverIntent=function(m,d,h){var j={interval:100,sensitivity:7,timeout:0};if(typeof m==="object"){j=a.extend(j,m)}else{if(a.isFunction(d)){j=a.extend(j,{over:m,out:d,selector:h})}else{j=a.extend(j,{over:m,out:m,selector:d})}}var l,k,g,f;var e=function(n){l=n.pageX;k=n.pageY};var c=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);if((Math.abs(g-l)+Math.abs(f-k))<j.sensitivity){a(n).off("mousemove.hoverIntent",e);n.hoverIntent_s=1;return j.over.apply(n,[o])}else{g=l;f=k;n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}};var i=function(o,n){n.hoverIntent_t=clearTimeout(n.hoverIntent_t);n.hoverIntent_s=0;return j.out.apply(n,[o])};var b=function(p){var o=jQuery.extend({},p);var n=this;if(n.hoverIntent_t){n.hoverIntent_t=clearTimeout(n.hoverIntent_t)}if(p.type=="mouseenter"){g=o.pageX;f=o.pageY;a(n).on("mousemove.hoverIntent",e);if(n.hoverIntent_s!=1){n.hoverIntent_t=setTimeout(function(){c(o,n)},j.interval)}}else{a(n).off("mousemove.hoverIntent",e);if(n.hoverIntent_s==1){n.hoverIntent_t=setTimeout(function(){i(o,n)},j.timeout)}}};return this.on({"mouseenter.hoverIntent":b,"mouseleave.hoverIntent":b},j.selector)}})(jQuery);

// Superfish v1.7.2 - jQuery menu widget
// Copyright (c) 2013 Joel Birch
(function(b){var a=(function(){var p={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},f=/iPhone|iPad|iPod/i.test(navigator.userAgent),k=(function(){var c=document.documentElement.style;return("behavior" in c&&"fill" in c&&/iemobile/i.test(navigator.userAgent))})(),d=(function(){if(f){b(window).load(function(){b("body").children().on("click",b.noop)})}})(),m=function(s,t){var c=p.menuClass;if(t.cssArrows){c+=" "+p.menuArrowClass}s.toggleClass(c)},r=function(c,s){return c.find("li."+s.pathClass).slice(0,s.pathLevels).addClass(s.hoverClass+" "+p.bcClass).filter(function(){return(b(this).children("ul").hide().show().length)}).removeClass(s.pathClass)},n=function(c){c.children("a").toggleClass(p.anchorClass)},g=function(c){var s=c.css("ms-touch-action");s=(s==="pan-y")?"auto":"pan-y";c.css("ms-touch-action",s)},j=function(t,u){var c="li:has(ul)";if(b.fn.hoverIntent&&!u.disableHI){t.hoverIntent(l,h,c)}else{t.on("mouseenter.superfish",c,l).on("mouseleave.superfish",c,h)}var s="MSPointerDown.superfish";if(!f){s+=" touchend.superfish"}if(k){s+=" mousedown.superfish"}t.on("focusin.superfish","li",l).on("focusout.superfish","li",h).on(s,"a",i)},i=function(t){var s=b(this),c=s.siblings("ul");if(c.length>0&&c.is(":hidden")){s.one("click.superfish",false);if(t.type==="MSPointerDown"){s.trigger("focus")}else{b.proxy(l,s.parent("li"))()}}},l=function(){var c=b(this),s=o(c);clearTimeout(s.sfTimer);c.siblings().superfish("hide").end().superfish("show")},h=function(){var c=b(this),s=o(c);if(f){b.proxy(q,c,s)()}else{clearTimeout(s.sfTimer);s.sfTimer=setTimeout(b.proxy(q,c,s),s.delay)}},q=function(c){c.retainPath=(b.inArray(this[0],c.$path)>-1);this.superfish("hide");if(!this.parents("."+c.hoverClass).length){c.onIdle.call(e(this));if(c.$path.length){b.proxy(l,c.$path)()}}},e=function(c){return c.closest("."+p.menuClass)},o=function(c){return e(c).data("sf-options")};return{hide:function(s){if(this.length){var v=this,w=o(v);if(!w){return this}var t=(w.retainPath===true)?w.$path:"",c=v.find("li."+w.hoverClass).add(this).not(t).removeClass(w.hoverClass).children("ul"),u=w.speedOut;if(s){c.show();u=0}w.retainPath=false;w.onBeforeHide.call(c);c.stop(true,true).animate(w.animationOut,u,function(){var x=b(this);w.onHide.call(x)})}return this},show:function(){var t=o(this);if(!t){return this}var s=this.addClass(t.hoverClass),c=s.children("ul");t.onBeforeShow.call(c);c.stop(true,true).animate(t.animation,t.speed,function(){t.onShow.call(c)});return this},destroy:function(){return this.each(function(){var s=b(this),t=s.data("sf-options"),c=s.find("li:has(ul)");if(!t){return false}clearTimeout(t.sfTimer);m(s,t);n(c);g(s);s.off(".superfish").off(".hoverIntent");c.children("ul").attr("style",function(u,v){return v.replace(/display[^;]+;?/g,"")});t.$path.removeClass(t.hoverClass+" "+p.bcClass).addClass(t.pathClass);s.find("."+t.hoverClass).removeClass(t.hoverClass);t.onDestroy.call(s);s.removeData("sf-options")})},init:function(c){return this.each(function(){var t=b(this);if(t.data("sf-options")){return false}var u=b.extend({},b.fn.superfish.defaults,c),s=t.find("li:has(ul)");u.$path=r(t,u);t.data("sf-options",u);m(t,u);n(s);g(t);j(t,u);s.not("."+p.bcClass).superfish("hide",true);u.onInit.call(this)})}}})();b.fn.superfish=function(d,c){if(a[d]){return a[d].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof d==="object"||!d){return a.init.apply(this,arguments)}else{return b.error("Method "+d+" does not exist on jQuery.fn.superfish")}}};b.fn.superfish.defaults={hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:true,disableHI:false,onInit:b.noop,onBeforeShow:b.noop,onShow:b.noop,onBeforeHide:b.noop,onHide:b.noop,onIdle:b.noop,onDestroy:b.noop};b.fn.extend({hideSuperfishUl:a.hide,showSuperfishUl:a.show})})(jQuery);

// Mousewheel v3.0.6 - jQuery Scroll Mouse Wheel
// Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
(function(d){var b=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks){for(var a=b.length;a;){d.event.fixHooks[b[--a]]=d.event.mouseHooks}}d.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var e=b.length;e;){this.addEventListener(b[--e],c,false)}}else{this.onmousewheel=c}},teardown:function(){if(this.removeEventListener){for(var e=b.length;e;){this.removeEventListener(b[--e],c,false)}}else{this.onmousewheel=null}}};d.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}});function c(j){var h=j||window.event,g=[].slice.call(arguments,1),k=0,i=true,f=0,e=0;j=d.event.fix(h);j.type="mousewheel";if(h.wheelDelta){k=h.wheelDelta/120}if(h.detail){k=-h.detail/3}e=k;if(h.axis!==undefined&&h.axis===h.HORIZONTAL_AXIS){e=0;f=-1*k}if(h.wheelDeltaY!==undefined){e=h.wheelDeltaY/120}if(h.wheelDeltaX!==undefined){f=-1*h.wheelDeltaX/120}g.unshift(j,k,f,e);return(d.event.dispatch||d.event.handle).apply(this,g)}})(jQuery);

//JS Cookie  
function createCookie(c,d,e){if(e){var b=new Date();b.setTime(b.getTime()+(e*24*60*60*1000));var a="; expires="+b.toGMTString()}else{var a=""}document.cookie=c+"="+d+a+"; path=/"}function readCookie(b){var e=b+"=";var a=document.cookie.split(";");for(var d=0;d<a.length;d++){var f=a[d];while(f.charAt(0)==" "){f=f.substring(1,f.length)}if(f.indexOf(e)==0){return f.substring(e.length,f.length)}}return null}function eraseCookie(a){createCookie(a,"",-1)};

//Organic tab by CSStrick modif by MKR
(function(a){a.organicTabs=function(c,b){var d=this;d.$el=a(c);d.$nav=d.$el.find(".navtab");d.init=function(){d.options=a.extend({},a.organicTabs.defaultOptions,b);a(".hide").css({position:"relative",top:0,left:0,display:"none"});d.$nav.delegate("li > a","click",function(){var g=d.$el.find("a.current").attr("href").substring(1),f=a(this),e=f.attr("href").substring(1),h=d.$el.find(".list-tabwrap"),i=h.height();h.height(i);if((e!=g)&&(d.$el.find(":animated").length==0)){d.$el.find("#"+g).fadeOut(d.options.speed,function(){d.$el.find("#"+e).fadeIn(d.options.speed);var j=d.$el.find("#"+e).height();h.animate({height:j});d.$el.find(".navtab li a").removeClass("current");f.addClass("current")})}return false});if(a(".sidebarmd-widget .BlogArchive .toggle").length){a(".sidebarmd-widget .BlogArchive .toggle").click(function(){var h=a(this).parents(".BlogArchive");var g=a(this).parent("li");var e=g.children("ul");var f=function(){var i=h.height();a(".list-tabwrap").animate({height:i})};if(a(this).children().is(".toggle-open")){setTimeout(f,500)}else{if(e.length>0){setTimeout(f,500)}else{setTimeout(f,3000)}}})}};d.init()};a.organicTabs.defaultOptions={speed:300};a.fn.organicTabs=function(b){return this.each(function(){(new a.organicTabs(this,b))})}})(jQuery);

//jCarousel - Riding carousels with jQuery by Jan Sorgalla http://sorgalla.com/jcarousel/
(function(g){var q={vertical:!1,rtl:!1,start:1,offset:1,size:null,scroll:3,visible:null,animation:"normal",easing:"swing",auto:0,wrap:null,initCallback:null,setupCallback:null,reloadCallback:null,itemLoadCallback:null,itemFirstInCallback:null,itemFirstOutCallback:null,itemLastInCallback:null,itemLastOutCallback:null,itemVisibleInCallback:null,itemVisibleOutCallback:null,animationStepCallback:null,buttonNextHTML:"<div></div>",buttonPrevHTML:"<div></div>",buttonNextEvent:"click",buttonPrevEvent:"click", buttonNextCallback:null,buttonPrevCallback:null,itemFallbackDimension:null},m=!1;g(window).bind("load.jcarousel",function(){m=!0});g.jcarousel=function(a,c){this.options=g.extend({},q,c||{});this.autoStopped=this.locked=!1;this.buttonPrevState=this.buttonNextState=this.buttonPrev=this.buttonNext=this.list=this.clip=this.container=null;if(!c||c.rtl===void 0)this.options.rtl=(g(a).attr("dir")||g("html").attr("dir")||"").toLowerCase()=="rtl";this.wh=!this.options.vertical?"width":"height";this.lt=!this.options.vertical? this.options.rtl?"right":"left":"top";for(var b="",d=a.className.split(" "),f=0;f<d.length;f++)if(d[f].indexOf("jcarousel-skin")!=-1){g(a).removeClass(d[f]);b=d[f];break}a.nodeName.toUpperCase()=="UL"||a.nodeName.toUpperCase()=="OL"?(this.list=g(a),this.clip=this.list.parents(".jcarousel-clip"),this.container=this.list.parents(".jcarousel-container")):(this.container=g(a),this.list=this.container.find("ul,ol").eq(0),this.clip=this.container.find(".jcarousel-clip"));if(this.clip.size()===0)this.clip= this.list.wrap("<div></div>").parent();if(this.container.size()===0)this.container=this.clip.wrap("<div></div>").parent();b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('<div class=" '+b+'"></div>');this.buttonPrev=g(".jcarousel-prev",this.container);if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev=g(this.options.buttonPrevHTML).appendTo(this.container);this.buttonPrev.addClass(this.className("jcarousel-prev"));this.buttonNext= g(".jcarousel-next",this.container);if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext=g(this.options.buttonNextHTML).appendTo(this.container);this.buttonNext.addClass(this.className("jcarousel-next"));this.clip.addClass(this.className("jcarousel-clip")).css({position:"relative"});this.list.addClass(this.className("jcarousel-list")).css({overflow:"hidden",position:"relative",top:0,margin:0,padding:0}).css(this.options.rtl?"right":"left",0);this.container.addClass(this.className("jcarousel-container")).css({position:"relative"}); !this.options.vertical&&this.options.rtl&&this.container.addClass("jcarousel-direction-rtl").attr("dir","rtl");var j=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible):null,b=this.list.children("li"),e=this;if(b.size()>0){var h=0,i=this.options.offset;b.each(function(){e.format(this,i++);h+=e.dimension(this,j)});this.list.css(this.wh,h+100+"px");if(!c||c.size===void 0)this.options.size=b.size()}this.container.css("display","block");this.buttonNext.css("display","block");this.buttonPrev.css("display", "block");this.funcNext=function(){e.next()};this.funcPrev=function(){e.prev()};this.funcResize=function(){e.resizeTimer&&clearTimeout(e.resizeTimer);e.resizeTimer=setTimeout(function(){e.reload()},100)};this.options.initCallback!==null&&this.options.initCallback(this,"init");!m&&g.browser.safari?(this.buttons(!1,!1),g(window).bind("load.jcarousel",function(){e.setup()})):this.setup()};var f=g.jcarousel;f.fn=f.prototype={jcarousel:"0.2.8"};f.fn.extend=f.extend=g.extend;f.fn.extend({setup:function(){this.prevLast= this.prevFirst=this.last=this.first=null;this.animating=!1;this.tail=this.resizeTimer=this.timer=null;this.inTail=!1;if(!this.locked){this.list.css(this.lt,this.pos(this.options.offset)+"px");var a=this.pos(this.options.start,!0);this.prevFirst=this.prevLast=null;this.animate(a,!1);g(window).unbind("resize.jcarousel",this.funcResize).bind("resize.jcarousel",this.funcResize);this.options.setupCallback!==null&&this.options.setupCallback(this)}},reset:function(){this.list.empty();this.list.css(this.lt, "0px");this.list.css(this.wh,"10px");this.options.initCallback!==null&&this.options.initCallback(this,"reset");this.setup()},reload:function(){this.tail!==null&&this.inTail&&this.list.css(this.lt,f.intval(this.list.css(this.lt))+this.tail);this.tail=null;this.inTail=!1;this.options.reloadCallback!==null&&this.options.reloadCallback(this);if(this.options.visible!==null){var a=this,c=Math.ceil(this.clipping()/this.options.visible),b=0,d=0;this.list.children("li").each(function(f){b+=a.dimension(this, c);f+1<a.first&&(d=b)});this.list.css(this.wh,b+"px");this.list.css(this.lt,-d+"px")}this.scroll(this.first,!1)},lock:function(){this.locked=!0;this.buttons()},unlock:function(){this.locked=!1;this.buttons()},size:function(a){if(a!==void 0)this.options.size=a,this.locked||this.buttons();return this.options.size},has:function(a,c){if(c===void 0||!c)c=a;if(this.options.size!==null&&c>this.options.size)c=this.options.size;for(var b=a;b<=c;b++){var d=this.get(b);if(!d.length||d.hasClass("jcarousel-item-placeholder"))return!1}return!0}, get:function(a){return g(">.jcarousel-item-"+a,this.list)},add:function(a,c){var b=this.get(a),d=0,p=g(c);if(b.length===0)for(var j,e=f.intval(a),b=this.create(a);;){if(j=this.get(--e),e<=0||j.length){e<=0?this.list.prepend(b):j.after(b);break}}else d=this.dimension(b);p.get(0).nodeName.toUpperCase()=="LI"?(b.replaceWith(p),b=p):b.empty().append(c);this.format(b.removeClass(this.className("jcarousel-item-placeholder")),a);p=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible): null;d=this.dimension(b,p)-d;a>0&&a<this.first&&this.list.css(this.lt,f.intval(this.list.css(this.lt))-d+"px");this.list.css(this.wh,f.intval(this.list.css(this.wh))+d+"px");return b},remove:function(a){var c=this.get(a);if(c.length&&!(a>=this.first&&a<=this.last)){var b=this.dimension(c);a<this.first&&this.list.css(this.lt,f.intval(this.list.css(this.lt))+b+"px");c.remove();this.list.css(this.wh,f.intval(this.list.css(this.wh))-b+"px")}},next:function(){this.tail!==null&&!this.inTail?this.scrollTail(!1): this.scroll((this.options.wrap=="both"||this.options.wrap=="last")&&this.options.size!==null&&this.last==this.options.size?1:this.first+this.options.scroll)},prev:function(){this.tail!==null&&this.inTail?this.scrollTail(!0):this.scroll((this.options.wrap=="both"||this.options.wrap=="first")&&this.options.size!==null&&this.first==1?this.options.size:this.first-this.options.scroll)},scrollTail:function(a){if(!this.locked&&!this.animating&&this.tail){this.pauseAuto();var c=f.intval(this.list.css(this.lt)), c=!a?c-this.tail:c+this.tail;this.inTail=!a;this.prevFirst=this.first;this.prevLast=this.last;this.animate(c)}},scroll:function(a,c){!this.locked&&!this.animating&&(this.pauseAuto(),this.animate(this.pos(a),c))},pos:function(a,c){var b=f.intval(this.list.css(this.lt));if(this.locked||this.animating)return b;this.options.wrap!="circular"&&(a=a<1?1:this.options.size&&a>this.options.size?this.options.size:a);for(var d=this.first>a,g=this.options.wrap!="circular"&&this.first<=1?1:this.first,j=d?this.get(g): this.get(this.last),e=d?g:g-1,h=null,i=0,k=!1,l=0;d?--e>=a:++e<a;){h=this.get(e);k=!h.length;if(h.length===0&&(h=this.create(e).addClass(this.className("jcarousel-item-placeholder")),j[d?"before":"after"](h),this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size)))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)));j=h;l=this.dimension(h);k&&(i+=l);if(this.first!==null&&(this.options.wrap=="circular"||e>=1&&(this.options.size===null||e<= this.options.size)))b=d?b+l:b-l}for(var g=this.clipping(),m=[],o=0,n=0,j=this.get(a-1),e=a;++o;){h=this.get(e);k=!h.length;if(h.length===0){h=this.create(e).addClass(this.className("jcarousel-item-placeholder"));if(j.length===0)this.list.prepend(h);else j[d?"before":"after"](h);if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)))}j=h;l=this.dimension(h);if(l===0)throw Error("jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..."); this.options.wrap!="circular"&&this.options.size!==null&&e>this.options.size?m.push(h):k&&(i+=l);n+=l;if(n>=g)break;e++}for(h=0;h<m.length;h++)m[h].remove();i>0&&(this.list.css(this.wh,this.dimension(this.list)+i+"px"),d&&(b-=i,this.list.css(this.lt,f.intval(this.list.css(this.lt))-i+"px")));i=a+o-1;if(this.options.wrap!="circular"&&this.options.size&&i>this.options.size)i=this.options.size;if(e>i){o=0;e=i;for(n=0;++o;){h=this.get(e--);if(!h.length)break;n+=this.dimension(h);if(n>=g)break}}e=i-o+ 1;this.options.wrap!="circular"&&e<1&&(e=1);if(this.inTail&&d)b+=this.tail,this.inTail=!1;this.tail=null;if(this.options.wrap!="circular"&&i==this.options.size&&i-o+1>=1&&(d=f.intval(this.get(i).css(!this.options.vertical?"marginRight":"marginBottom")),n-d>g))this.tail=n-g-d;if(c&&a===this.options.size&&this.tail)b-=this.tail,this.inTail=!0;for(;a-- >e;)b+=this.dimension(this.get(a));this.prevFirst=this.first;this.prevLast=this.last;this.first=e;this.last=i;return b},animate:function(a,c){if(!this.locked&& !this.animating){this.animating=!0;var b=this,d=function(){b.animating=!1;a===0&&b.list.css(b.lt,0);!b.autoStopped&&(b.options.wrap=="circular"||b.options.wrap=="both"||b.options.wrap=="last"||b.options.size===null||b.last<b.options.size||b.last==b.options.size&&b.tail!==null&&!b.inTail)&&b.startAuto();b.buttons();b.notify("onAfterAnimation");if(b.options.wrap=="circular"&&b.options.size!==null)for(var c=b.prevFirst;c<=b.prevLast;c++)c!==null&&!(c>=b.first&&c<=b.last)&&(c<1||c>b.options.size)&&b.remove(c)}; this.notify("onBeforeAnimation");if(!this.options.animation||c===!1)this.list.css(this.lt,a+"px"),d();else{var f=!this.options.vertical?this.options.rtl?{right:a}:{left:a}:{top:a},d={duration:this.options.animation,easing:this.options.easing,complete:d};if(g.isFunction(this.options.animationStepCallback))d.step=this.options.animationStepCallback;this.list.animate(f,d)}}},startAuto:function(a){if(a!==void 0)this.options.auto=a;if(this.options.auto===0)return this.stopAuto();if(this.timer===null){this.autoStopped= !1;var c=this;this.timer=window.setTimeout(function(){c.next()},this.options.auto*1E3)}},stopAuto:function(){this.pauseAuto();this.autoStopped=!0},pauseAuto:function(){if(this.timer!==null)window.clearTimeout(this.timer),this.timer=null},buttons:function(a,c){if(a==null&&(a=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="first"||this.options.size===null||this.last<this.options.size),!this.locked&&(!this.options.wrap||this.options.wrap=="first")&&this.options.size!==null&& this.last>=this.options.size))a=this.tail!==null&&!this.inTail;if(c==null&&(c=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="last"||this.first>1),!this.locked&&(!this.options.wrap||this.options.wrap=="last")&&this.options.size!==null&&this.first==1))c=this.tail!==null&&this.inTail;var b=this;this.buttonNext.size()>0?(this.buttonNext.unbind(this.options.buttonNextEvent+".jcarousel",this.funcNext),a&&this.buttonNext.bind(this.options.buttonNextEvent+".jcarousel",this.funcNext), this.buttonNext[a?"removeClass":"addClass"](this.className("jcarousel-next-disabled")).attr("disabled",a?!1:!0),this.options.buttonNextCallback!==null&&this.buttonNext.data("jcarouselstate")!=a&&this.buttonNext.each(function(){b.options.buttonNextCallback(b,this,a)}).data("jcarouselstate",a)):this.options.buttonNextCallback!==null&&this.buttonNextState!=a&&this.options.buttonNextCallback(b,null,a);this.buttonPrev.size()>0?(this.buttonPrev.unbind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev), c&&this.buttonPrev.bind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev),this.buttonPrev[c?"removeClass":"addClass"](this.className("jcarousel-prev-disabled")).attr("disabled",c?!1:!0),this.options.buttonPrevCallback!==null&&this.buttonPrev.data("jcarouselstate")!=c&&this.buttonPrev.each(function(){b.options.buttonPrevCallback(b,this,c)}).data("jcarouselstate",c)):this.options.buttonPrevCallback!==null&&this.buttonPrevState!=c&&this.options.buttonPrevCallback(b,null,c);this.buttonNextState= a;this.buttonPrevState=c},notify:function(a){var c=this.prevFirst===null?"init":this.prevFirst<this.first?"next":"prev";this.callback("itemLoadCallback",a,c);this.prevFirst!==this.first&&(this.callback("itemFirstInCallback",a,c,this.first),this.callback("itemFirstOutCallback",a,c,this.prevFirst));this.prevLast!==this.last&&(this.callback("itemLastInCallback",a,c,this.last),this.callback("itemLastOutCallback",a,c,this.prevLast));this.callback("itemVisibleInCallback",a,c,this.first,this.last,this.prevFirst, this.prevLast);this.callback("itemVisibleOutCallback",a,c,this.prevFirst,this.prevLast,this.first,this.last)},callback:function(a,c,b,d,f,j,e){if(!(this.options[a]==null||typeof this.options[a]!="object"&&c!="onAfterAnimation")){var h=typeof this.options[a]=="object"?this.options[a][c]:this.options[a];if(g.isFunction(h)){var i=this;if(d===void 0)h(i,b,c);else if(f===void 0)this.get(d).each(function(){h(i,this,d,b,c)});else for(var a=function(a){i.get(a).each(function(){h(i,this,a,b,c)})},k=d;k<=f;k++)k!== null&&!(k>=j&&k<=e)&&a(k)}}},create:function(a){return this.format("<li></li>",a)},format:function(a,c){for(var a=g(a),b=a.get(0).className.split(" "),d=0;d<b.length;d++)b[d].indexOf("jcarousel-")!=-1&&a.removeClass(b[d]);a.addClass(this.className("jcarousel-item")).addClass(this.className("jcarousel-item-"+c)).css({"float":this.options.rtl?"right":"left","list-style":"none"}).attr("jcarouselindex",c);return a},className:function(a){return a+" "+a+(!this.options.vertical?"-horizontal":"-vertical")}, dimension:function(a,c){var b=g(a);if(c==null)return!this.options.vertical?b.outerWidth(!0)||f.intval(this.options.itemFallbackDimension):b.outerHeight(!0)||f.intval(this.options.itemFallbackDimension);else{var d=!this.options.vertical?c-f.intval(b.css("marginLeft"))-f.intval(b.css("marginRight")):c-f.intval(b.css("marginTop"))-f.intval(b.css("marginBottom"));g(b).css(this.wh,d+"px");return this.dimension(b)}},clipping:function(){return!this.options.vertical?this.clip[0].offsetWidth-f.intval(this.clip.css("borderLeftWidth"))- f.intval(this.clip.css("borderRightWidth")):this.clip[0].offsetHeight-f.intval(this.clip.css("borderTopWidth"))-f.intval(this.clip.css("borderBottomWidth"))},index:function(a,c){if(c==null)c=this.options.size;return Math.round(((a-1)/c-Math.floor((a-1)/c))*c)+1}});f.extend({defaults:function(a){return g.extend(q,a||{})},intval:function(a){a=parseInt(a,10);return isNaN(a)?0:a},windowLoaded:function(){m=!0}});g.fn.jcarousel=function(a){if(typeof a=="string"){var c=g(this).data("jcarousel"),b=Array.prototype.slice.call(arguments, 1);return c[a].apply(c,b)}else return this.each(function(){var b=g(this).data("jcarousel");b?(a&&g.extend(b.options,a),b.reload()):g(this).data("jcarousel",new f(this,a))})}})(jQuery);

//jquery.slicebox.js v1.1.0 by http://www.codrops.com
(function(g,h,e){var a=g.event,b,j;b=a.special.debouncedresize={setup:function(){g(this).on("resize",b.handler)},teardown:function(){g(this).off("resize",b.handler)},handler:function(o,k){var n=this,m=arguments,l=function(){o.type="debouncedresize";a.dispatch.apply(n,m)};if(j){clearTimeout(j)}k?l():j=setTimeout(l,b.threshold)},threshold:50};var c="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";g.fn.imagesLoaded=function(r){var o=this,t=g.isFunction(g.Deferred)?g.Deferred():0,s=g.isFunction(t.notify),l=o.find("img").add(o.filter("img")),m=[],q=[],n=[];if(g.isPlainObject(r)){g.each(r,function(u,v){if(u==="callback"){r=v}else{if(t){t[u](v)}}})}function p(){var u=g(q),v=g(n);if(t){if(n.length){t.reject(l,u,v)}else{t.resolve(l)}}if(g.isFunction(r)){r.call(o,l,u,v)}}function k(u,v){if(u.src===c||g.inArray(u,m)!==-1){return}m.push(u);if(v){n.push(u)}else{q.push(u)}g.data(u,"imagesLoaded",{isBroken:v,src:u.src});if(s){t.notifyWith(g(u),[v,l,g(q),g(n)])}if(l.length===m.length){setTimeout(p);l.unbind(".imagesLoaded")}}if(!l.length){p()}else{l.bind("load.imagesLoaded error.imagesLoaded",function(u){k(u.target,u.type==="error")}).each(function(u,w){var x=w.src;var v=g.data(w,"imagesLoaded");if(v&&v.src===x){k(w,v.isBroken);return}if(w.complete&&w.naturalWidth!==e){k(w,w.naturalWidth===0||w.naturalHeight===0);return}if(w.readyState||w.complete){w.src=c;w.src=x}})}return t?t.promise(o):o};var d=g(h),f=h.Modernizr;g.Slicebox=function(k,l){this.$el=g(l);this._init(k)};g.Slicebox.defaults={orientation:"v",perspective:1200,cuboidsCount:5,cuboidsRandom:false,maxCuboidsCount:5,disperseFactor:0,colorHiddenSides:"#222",sequentialFactor:150,speed:600,easing:"ease",autoplay:false,interval:3000,fallbackFadeSpeed:300,onBeforeChange:function(k){return false},onAfterChange:function(k){return false},onReady:function(){return false}};g.Slicebox.prototype={_init:function(l){this.options=g.extend(true,{},g.Slicebox.defaults,l);this._validate();this.$items=this.$el.children("li");this.itemsCount=this.$items.length;if(this.itemsCount===0){return false}this.support=f.csstransitions&&f.csstransforms3d;this.current=0;this.isAnimating=false;this.isReady=false;var k=this;this.$el.imagesLoaded(function(){var n=k.$items.eq(k.current).css("display","block").addClass("sb-current");var m=new Image();m.src=n.find("img").attr("src");k.realWidth=m.width;k._setSize();k._setStyle();k._initEvents();k.options.onReady();k.isReady=true;if(k.options.autoplay){k._startSlideshow()}})},_validate:function(k){if(this.options.cuboidsCount<0){this.options.cuboidsCount=1}else{if(this.options.cuboidsCount>15){this.options.cuboidsCount=15}else{if(this.options.cuboidsCount%2===0){++this.options.cuboidsCount}}}if(this.options.maxCuboidsCount<0){this.options.maxCuboidsCount=1}else{if(this.options.maxCuboidsCount>15){this.options.maxCuboidsCount=15}else{if(this.options.maxCuboidsCount%2===0){++this.options.maxCuboidsCount}}}if(this.options.disperseFactor<0){this.options.disperseFactor=0}if(this.options.orientation!=="v"&&this.options.orientation!=="h"&&this.options.orientation!=="r"){this.options.orientation="v"}},_setSize:function(){var k=this.$items.eq(this.current).find("img");this.size={width:k.width(),height:k.height()}},_setStyle:function(){this.$el.css({"max-width":650})},_initEvents:function(){var k=this;d.on("debouncedresize.slicebox",function(l){k._setSize()})},_startSlideshow:function(){var k=this;this.slideshow=setTimeout(function(){k._navigate("next");if(k.options.autoplay){k._startSlideshow()}},this.options.interval)},_stopSlideshow:function(){if(this.options.autoplay){clearTimeout(this.slideshow);this.isPlaying=false;this.options.autoplay=false}},_navigate:function(k,l){if(this.isAnimating||!this.isReady||this.itemsCount<2){return false}this.isAnimating=true;this.prev=this.current;if(l!==e){this.current=l}else{if(k==="next"){this.current=this.current<this.itemsCount-1?this.current+1:0}else{if(k==="prev"){this.current=this.current>0?this.current-1:this.itemsCount-1}}}this.options.onBeforeChange(this.current);if(!this.support){this._fade(k)}else{this._layout(k);this._rotate()}},_fade:function(l){var k=this,n=this.$items.eq(this.prev),m=n.find("img").height();this.$el.css("height",m);this.$items.css("position","absolute");this.$items.eq(this.current).fadeIn(this.options.fallbackFadeSpeed,function(){g(this).css("display","block").addClass("sb-current");k.$el.css("height","auto");k.$items.css("position","relative");k.isAnimating=false});k.$items.eq(k.prev).removeClass("sb-current").fadeOut(this.options.fallbackFadeSpeed)},_layout:function(n){var l=this.options.orientation;if(l==="r"){l=Math.floor(Math.random()*2)===0?"v":"h"}if(this.options.cuboidsRandom){this.options.cuboidsCount=Math.floor(Math.random()*this.options.maxCuboidsCount+1)}this._validate();var p={width:this.size.width,height:this.size.height,perspective:this.options.perspective+"px"},m=g.extend(this.options,{size:this.size,items:this.$items,direction:n,prev:this.prev,current:this.current,o:l}),k=this;this.$box=g("<div>").addClass("sb-perspective").css(p).appendTo(this.$el);this.cuboids=[];this.$el.css("overflow","visible");for(var o=0;o<this.options.cuboidsCount;++o){var q=new g.Cuboid(m,o);this.$box.append(q.getEl());this.cuboids.push(q)}},_rotate:function(){this.$items.eq(this.prev).removeClass("sb-current").hide();for(var l=0;l<this.options.cuboidsCount;++l){var m=this.cuboids[l],k=this;m.rotate(function(o){if(o===k.options.cuboidsCount-1){k.$el.css("overflow","hidden");k.isAnimating=false;k.$box.remove();var n=k.$items.eq(k.current);n.css("display","block");setTimeout(function(){n.addClass("sb-current")},0);k.options.onAfterChange(k.current)}})}},_destroy:function(k){this.$el.off(".slicebox").removeData("slicebox");d.off(".slicebox");k.call()},add:function(l,k){this.$items=this.$items.add(l);this.itemsCount=this.$items.length;if(k){k.call(l)}},next:function(){this._stopSlideshow();this._navigate("next")},previous:function(){this._stopSlideshow();this._navigate("prev")},jump:function(k){k-=1;if(k===this.current||k>=this.itemsCount||k<0){return false}this._stopSlideshow();this._navigate(k>this.current?"next":"prev",k)},play:function(){if(!this.isPlaying){this.isPlaying=true;this._navigate("next");this.options.autoplay=true;this._startSlideshow()}},pause:function(){if(this.isPlaying){this._stopSlideshow()}},isActive:function(){return this.isAnimating},destroy:function(k){this._destroy(k)}};g.Cuboid=function(k,l){this.config=k;this.pos=l;this.side=1;this._setSize();this._configureStyles()};g.Cuboid.prototype={_setSize:function(){this.size={width:this.config.o==="v"?Math.floor(this.config.size.width/this.config.cuboidsCount):this.config.size.width,height:this.config.o==="v"?this.config.size.height:Math.floor(this.config.size.height/this.config.cuboidsCount)};this.extra=this.config.o==="v"?this.config.size.width-(this.size.width*this.config.cuboidsCount):this.config.size.height-(this.size.height*this.config.cuboidsCount)},_configureStyles:function(){var m=Math.ceil(this.config.cuboidsCount/2),l=this.pos<m?{zIndex:(this.pos+1)*100,left:(this.config.o==="v")?this.size.width*this.pos:0,top:(this.config.o==="v")?0:this.size.height*this.pos}:{zIndex:(this.config.cuboidsCount-this.pos)*100,left:(this.config.o==="v")?this.size.width*this.pos:0,top:(this.config.o==="v")?0:this.size.height*this.pos};this.disperseFactor=this.config.disperseFactor*((this.pos+1)-m);this.style=g.extend({"-webkit-transition":"-webkit-transform "+this.config.speed+"ms "+this.config.easing,"-moz-transition":"-moz-transform "+this.config.speed+"ms "+this.config.easing,"-o-transition":"-o-transform "+this.config.speed+"ms "+this.config.easing,"-ms-transition":"-ms-transform "+this.config.speed+"ms "+this.config.easing,transition:"transform "+this.config.speed+"ms "+this.config.easing},l,this.size);this.animationStyles={side1:(this.config.o==="v")?{transform:"translate3d( 0, 0, -"+(this.size.height/2)+"px )"}:{transform:"translate3d( 0, 0, -"+(this.size.width/2)+"px )"},side2:(this.config.o==="v")?{transform:"translate3d( 0, 0, -"+(this.size.height/2)+"px ) rotate3d( 1, 0, 0, -90deg )"}:{transform:"translate3d( 0, 0, -"+(this.size.width/2)+"px ) rotate3d( 0, 1, 0, -90deg )"},side3:(this.config.o==="v")?{transform:"translate3d( 0, 0, -"+(this.size.height/2)+"px ) rotate3d( 1, 0, 0, -180deg )"}:{transform:"translate3d( 0, 0, -"+(this.size.width/2)+"px ) rotate3d( 0, 1, 0, -180deg )"},side4:(this.config.o==="v")?{transform:"translate3d( 0, 0, -"+(this.size.height/2)+"px ) rotate3d( 1, 0, 0, -270deg )"}:{transform:"translate3d( 0, 0, -"+(this.size.width/2)+"px ) rotate3d( 0, 1, 0, -270deg )"}};var k=(this.config.o==="v")?this.size.height:this.size.width;this.sidesStyles={frontSideStyle:{width:(this.config.o==="v")?this.size.width+this.extra:this.size.width,height:(this.config.o==="v")?this.size.height:this.size.height+this.extra,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 0, 1, 0, 0deg ) translate3d( 0, 0, "+(k/2)+"px )"},backSideStyle:{width:this.size.width,height:this.size.height,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 0, 1, 0, 180deg ) translate3d( 0, 0, "+(k/2)+"px ) rotateZ( 180deg )"},rightSideStyle:{width:k,height:(this.config.o==="v")?this.size.height:this.size.height+this.extra,left:(this.config.o==="v")?this.size.width/2-this.size.height/2:0,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 0, 1, 0, 90deg ) translate3d( 0, 0, "+(this.size.width/2)+"px )"},leftSideStyle:{width:k,height:(this.config.o==="v")?this.size.height:this.size.height+this.extra,left:(this.config.o==="v")?this.size.width/2-this.size.height/2:0,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 0, 1, 0, -90deg ) translate3d( 0, 0, "+(this.size.width/2)+"px )"},topSideStyle:{width:(this.config.o==="v")?this.size.width+this.extra:this.size.width,height:k,top:(this.config.o==="v")?0:this.size.height/2-this.size.width/2,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 1, 0, 0, 90deg ) translate3d( 0, 0, "+(this.size.height/2)+"px )"},bottomSideStyle:{width:(this.config.o==="v")?this.size.width+this.extra:this.size.width,height:k,top:(this.config.o==="v")?0:this.size.height/2-this.size.width/2,backgroundColor:this.config.colorHiddenSides,transform:"rotate3d( 1, 0, 0, -90deg ) translate3d( 0, 0, "+(this.size.height/2)+"px )"}}},getEl:function(){this.$el=g("<div/>").css(this.style).css(this.animationStyles.side1).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.frontSideStyle)).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.backSideStyle)).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.rightSideStyle)).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.leftSideStyle)).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.topSideStyle)).append(g("<div/>").addClass("sb-side").css(this.sidesStyles.bottomSideStyle));this._showImage(this.config.prev);return this.$el},_showImage:function(m){var n,k=this.config.items.eq(m),l={"background-size":this.config.size.width+"px "+this.config.size.height+"px"};l.backgroundImage="url("+k.find("img").attr("src")+")";switch(this.side){case 1:n=0;break;case 2:n=(this.config.o==="v")?4:2;break;case 3:n=1;break;case 4:n=(this.config.o==="v")?5:3;break}l.backgroundPosition=(this.config.o==="v")?-(this.pos*this.size.width)+"px 0px":"0px -"+(this.pos*this.size.height)+"px";this.$el.children().eq(n).css(l)},rotate:function(m){var k=this,l;setTimeout(function(){if(k.config.direction==="next"){switch(k.side){case 1:l=k.animationStyles.side2;k.side=2;break;case 2:l=k.animationStyles.side3;k.side=3;break;case 3:l=k.animationStyles.side4;k.side=4;break;case 4:l=k.animationStyles.side1;k.side=1;break}}else{switch(k.side){case 1:l=k.animationStyles.side4;k.side=4;break;case 2:l=k.animationStyles.side1;k.side=1;break;case 3:l=k.animationStyles.side2;k.side=2;break;case 4:l=k.animationStyles.side3;k.side=3;break}}k._showImage(k.config.current);var o={},n={};if(k.config.o==="v"){o.left="+="+k.disperseFactor+"px";n.left="-="+k.disperseFactor+"px"}else{if(k.config.o==="h"){o.top="+="+k.disperseFactor+"px";n.top="-="+k.disperseFactor+"px"}}k.$el.css(l).animate(o,k.config.speed/2).animate(n,k.config.speed/2,function(){if(m){m.call(k,k.pos)}})},this.config.sequentialFactor*this.pos+30)}};var i=function(k){if(h.console){h.console.error(k)}};g.fn.slicebox=function(m){var k=g.data(this,"slicebox");if(typeof m==="string"){var l=Array.prototype.slice.call(arguments,1);this.each(function(){if(!k){i("cannot call methods on slicebox prior to initialization; attempted to call method '"+m+"'");return}if(!g.isFunction(k[m])||m.charAt(0)==="_"){i("no such method '"+m+"' for slicebox self");return}k[m].apply(k,l)})}else{this.each(function(){if(k){k._init()}else{k=g.data(this,"slicebox",new g.Slicebox(m,this))}})}return k}})(jQuery,window);

//Date Format by MKR
function datenya(a){a(".datex .time").each(function(){var d=a(this).attr("title");var b=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];if(d!=""){var g=d.substring(0,10),h=g.substring(0,4),f=g.substring(5,7),e=g.substring(8,10),c=b[parseInt(f,10)-1]}a(this).html("<strong>"+e+"</strong><span>"+c+"</span><span>"+h+"</span>")})};

//View Mode with cookie by MKR
window.viewMode=(function(){var a=function(k){var c=k||{},j=c.viewmodedefault||"grid",i=c.cookielist||"list",f=c.cookiegrid||"grid";var b=$(".blog-posts.hfeed").find(".post-outer"),e=$("#view .grid"),d=$("#view .list");function h(){b.addClass("grid").removeClass("list");e.addClass("active");d.removeClass("active");createCookie(f,null,10000);eraseCookie(i);return false}function g(){b.removeClass("grid").addClass("list");e.removeClass("active");d.addClass("active");createCookie(i,null,10000);eraseCookie(f);return false}if(readCookie(i)&&j!="grid"){g();eraseCookie(i)}else{if(readCookie(f)&&j!="grid"){h();eraseCookie(f)}else{if(readCookie(i)){g();eraseCookie(i)}else{if(readCookie(f)){h();eraseCookie(f)}else{if(j!="grid"){g();eraseCookie(i)}else{h();eraseCookie(f)}}}}}e.click(h);d.click(g)};return function(b){a(b)}})();

//LoadMore Ajax by MKR
function loadMorePost(a){(function(d){var i={olderPostsLink:"",loadMoreDiv:null,thumbnailSize:"s200-p",summaryLength:300,postContainerSelector:"div.blog-posts",MoreText:"Load more posts",viewmodedefault:"grid",cookielist:"list",cookiegrid:"grid",BackupImage:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",loading:false};i=d.extend({},i,a);var g=d(window);var f=d(document);var c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;function b(j){d.getScript("http://"+j+".disqus.com/blogger_index.js")}function e(){if(i.loading){return}i.loading=true;if(!i.olderPostsLink){i.loadMoreDiv.hide();return}i.loadMoreDiv.find("a").addClass("process");d("#main-wrapper .textlast").hide();d("#main-wrapper .xitem1").append('<span class="load">Loading...</span>');d.get(i.olderPostsLink,"html").done(function(l){var j=d("<div></div>").append(l.replace(c,""));var k=j.find("a.blog-pager-older-link");if(k){i.olderPostsLink=k.attr("href")}else{i.olderPostsLink="";i.loadMoreDiv.hide()}var m=j.find(i.postContainerSelector).children(".date-outer");m.find(".post-summary").each(function(){var n,w,t,v,o,s,r,u,q,p="";w=d(this).parent(".post-body");o=w.children("textarea").val();q=o.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");s=d("<div></div>").append(o.replace(c,""));r=s.find("img");iframex=s.find("iframe");parens=d(this).parents(".post");u=parens.find(".post-title.entry-title a").attr("href");titlex=parens.find(".post-title.entry-title a").text();if(r.length===0&&iframex.length===0){n='<a class="thumbimgx" href="'+u+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}else{if(r.length===0&&iframex.length>0){t=iframex[0].src;if(t.indexOf("youtube.com")!=-1||t.indexOf("youtu.be")!=-1){v=t.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);n='<a class="thumbimgx" href="'+u+'"><img class="post-thumbnail" src="http://img.youtube.com/vi/'+v[2]+'/0.jpg" alt="'+titlex+'"/></a>'}else{n='<a class="thumbimgx" href="'+u+'"><img class="post-thumbnail" src="'+i.BackupImage.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}else{n='<a class="thumbimgx" href="'+u+'"><img class="post-thumbnail" src="'+r[0].src.replace(/\/s[0-9]+(\-c)?\//,"/"+i.thumbnailSize+"/")+'" alt="'+titlex+'"/></a>'}}p=n+'<strong><a class="titlex" href="'+u+'">'+titlex+"</a></strong><p>"+q.substring(0,i.summaryLength)+"&hellip;</p>";d(this).html(p)});d(i.postContainerSelector).append(m);datenya(d);viewMode({viewmodedefault:i.viewmodedefault,cookielist:i.cookielist,cookiegrid:i.cookiegrid});if(window._gaq){window._gaq.push(["_trackPageview",i.olderPostsLink])}if(window.gapi&&window.gapi.plusone&&window.gapi.plusone.go){window.gapi.plusone.go()}if(window.disqus_shortname){b(window.disqus_shortname)}if(window.FB&&window.FB.XFBML&&window.FB.XFBML.parse){window.FB.XFBML.parse()}i.loadMoreDiv.find("a").removeClass("process");d("#main-wrapper .xitem1 .load").remove();d("#main-wrapper .textlast").show();i.loading=false})}function h(){if(_WidgetManager._GetAllData().blog.pageType=="item"){return}i.olderPostsLink=d("a.blog-pager-older-link").attr("href");if(!i.olderPostsLink){return}var j=d('<a title="'+i.MoreText+'" class="loadpost" href="javascript:;">'+i.MoreText+"</a>");j.click(e);i.loadMoreDiv=d('<div class="loadpager" style="text-align: center; font-size: 120%;"></div>');i.loadMoreDiv.append(j);i.loadMoreDiv.insertBefore(d("#blog-pager"));d("#blog-pager").hide()}f.ready(h)})(jQuery)};

//Page Navigation by MKR
function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:3,previous:"&#171;",next:"&#187;",LatestText:"Latest Post"};i=e.extend({},i,a);var g="/";var d=location.href;var k;var l;var j;var f;var m=function(r){var t="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri){i.numshowpage=nomerkiri*2+1}mulai=j-nomerkiri;if(mulai<1){mulai=1}maksimal=parseInt(r/i.postperpage)+1;if(maksimal-1==r/i.postperpage){maksimal=maksimal-1}akhir=mulai+i.numshowpage-1;if(akhir>maksimal){akhir=maksimal}var n=parseInt(j)-1;if(j>1){if(j==2){if(l=="page"){t+='<span class="showpage"><a href="'+g+'">'+i.previous+"</a></span>"}else{t+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">'+i.previous+"</a></span>"}}else{if(l=="page"){t+='<span class="showpageNum"><a class="xpagex" href="#" alt="'+n+'">'+i.previous+"</a></span>"}else{t+='<span class="showpageNum"><a class="xlabelx" href="#" alt="'+n+'">'+i.previous+"</a></span>"}}}if(mulai>1){if(l=="page"){t+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{t+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}if(mulai>2){t+='<span class="dotxpage"> ... </span>'}for(var u=mulai;u<=akhir;u++){if(j==u){t+='<span class="showpagePoint">'+u+"</span>";if(j>1){var q=e(".menu-xitem .textlast").html();if(q.length===1){e(".menu-xitem .textlast").append(i.LatestText)}e(".menu-xitem .xitem1").append("<span> : Page "+u+"</span>")}}else{if(u==1){if(l=="page"){t+='<span class="showpageNum"><a href="'+g+'">1</a></span>'}else{t+='<span class="showpageNum"><a href="/search/label/'+f+"?&max-results="+i.postperpage+'">1</a></span>'}}else{if(l=="page"){t+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+u+'">'+u+"</a></span>"}else{t+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+u+'">'+u+"</a></span>"}}}}if(akhir<maksimal-1){t+='<span class="dotxpage"> ... </span>'}if(akhir<maksimal){if(l=="page"){t+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+maksimal+'">'+maksimal+"</a></span>"}else{t+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+maksimal+'">'+maksimal+"</a></span>"}}var s=parseInt(j)+1;if(j<maksimal){if(l=="page"){t+='<span class="showpageNum"><a href="#" class="xpagex" alt="'+s+'">'+i.next+"</a></span>"}else{t+='<span class="showpageNum"><a href="#" class="xlabelx" alt="'+s+'">'+i.next+"</a></span>"}}var v=document.getElementsByName("pageArea");var w=document.getElementById("blog-pager");for(var o=0;o<v.length;o++){v[o].innerHTML=t}if(v&&v.length>0){t=""}if(w){w.innerHTML=t}jQuery("#blog-pager").css("display","block");jQuery("#blog-pager a.xpagex, #blog-pager a.xlabelx").click(function(){var p=jQuery(this).attr("alt");jsonstart=(p-1)*i.postperpage;k=p;if(l=="page"){e.get(g+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}else{e.get(g+"feeds/posts/summary/-/"+f+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script",h,"jsonp")}return false})};var b=function(n){var p=n.feed;var o=parseInt(p.openSearch$totalResults.$t,10);m(o)};var c=function(){var n=d;if(n.indexOf("/search/label/")!=-1){if(n.indexOf("?updated-max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?updated-max"))}else{if(n.indexOf("?&max")!=-1){f=n.substring(n.indexOf("/search/label/")+14,n.indexOf("?&max"))}else{f=n.substr(n.lastIndexOf("/"))}}}if(n.indexOf("?q=")==-1&&n.indexOf(".html")==-1){if(n.indexOf("/search/label/")==-1){l="page";if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary?max-results=1&alt=json-in-script",b,"jsonp")}else{l="label";if(n.indexOf("&max-results=")==-1){i.postperpage=20}if(d.indexOf("#PageNo=")!=-1){j=d.substring(d.indexOf("#PageNo=")+8,d.length)}else{j=1}e.get(g+"feeds/posts/summary/-/"+f+"?max-results=1&alt=json-in-script",b,"jsonp")}}};c();var h=function(o){post=o.feed.entry[0];var n=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var q=encodeURIComponent(n);if(l=="page"){var p="/search?updated-max="+q+"&max-results="+i.postperpage+"#PageNo="+k}else{var p="/search/label/"+f+"?updated-max="+q+"&max-results="+i.postperpage+"#PageNo="+k}location.href=p}})(jQuery)};

//Ajax Recent Comment by MKR
(function(a){a.RecentComments=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.RecentComments.defaultOptions,b);d.$el.addClass(d.options.loadingClass);a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/comments/default?alt=json-in-script&orderby=published",function(z){var f,e=z.feed.entry;if(e!==undefined){f="<ul class='rcomnetxx'>";ntotal=0;for(var y=0;y<d.options.maxfeeds;y++){var o,A,D,m,E,k,n,s;if(y==e.length){break}if(ntotal>=d.options.numComments){break}var h=e[y];for(var u=0;u<h.link.length;u++){if(h.link[u].rel=="alternate"){o=h.link[u].href}}for(var C=0;C<h.author.length;C++){A=h.author[C].name.$t;D=h.author[C].gd$image.src}if(A!=d.options.adminBlog&&ntotal<d.options.numComments){ntotal++;f+="<li>";m=(D=="http://img1.blogblog.com/img/blank.gif")?d.options.defaultAvatar:D.replace(/\/s[0-9]+(\-c|\/)/,"/s"+d.options.avatarSize+"$1");k=(h.author[0].uri)?h.author[0].uri.$t:"#nope";f+=(d.options.Showimage===true?'<a class="kmtimg" href="'+k+'"><img src="'+m+'"  title="'+A+'" alt="'+A+'" style="width:'+d.options.avatarSize+"px;height:"+d.options.avatarSize+'px"/></a>':"");var r=o.lastIndexOf("/")+1,t=o.lastIndexOf("."),F=o.split("-").join(" ").substring(r,t)+"...";E=h.published.$t.substring(0,10);var q=E.substring(0,4),v=E.substring(5,7),B=E.substring(8,10),w=d.options.MonthNames[parseInt(v,10)-1],p=h.published.$t.substring(11,16),j=p.substring(0,2),x=p.substring(2,5);if(j<12){s="AM"}else{s="PM"}if(j===0){j=12}if(j>12){j=j-12}f+='<div class="ketkomt"><a target="_blank" rel="nofollow" href="'+k+'"><strong>'+A+'</strong></a> on <a class="judulx" href="'+o+'">'+F+'</a><div class="date"><span class="dd">'+B+'</span> <span class="dm">'+w+'</span> <span class="dy">'+q+'</span> <span class="timex">'+j+x+" "+s+"</span></div></div>";n=("content" in h)?h.content.$t:("summary" in h)?h.summary.$t:"";var g=n.replace(/(<([^>]+)>)/gi,"");if(g!==""&&g.length>d.options.characters){g=g.substring(0,d.options.characters);g+="..."}else{g=g}f+=(d.options.characters>0?"<p>"+g+"</p>":"");f+="</li>"}}f+="</ul>";d.$el.html(f).removeClass(d.options.loadingClass)}else{d.$el.html("<span>No result!</span>").removeClass(d.options.loadingClass)}},"jsonp")};d.init()};a.RecentComments.defaultOptions={blogURL:"",numComments:4,characters:100,avatarSize:50,loadingClass:"loadingxx",Showimage:true,defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCNfnGpKL3KVdRxPnU6GQ-Uf1BTWTfI2VvUylvp2tb3yqOCLKnudiPKges2AFrKZYM_NBF1uUDgKmKpP5J5W8ZfDgU0UL0YCCt8nNPgS0BL91vsUkSoYh8qjdGk5afq2NwkFeJgHoHFmDT/s70/user-anonymous-icon.png",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],maxfeeds:50,adminBlog:""};a.fn.RecentComments=function(b){return this.each(function(){(new a.RecentComments(this,b))})}})(jQuery);

//Menu setting
function menunav(b){b("#mobilenav").click(function(){b("#menunav").slideToggle();b(this).toggleClass("active");return false});b(".sf-menu ul").each(function(){var d=b(this).parent("li");d.append("<i></i>")});function a(){var d=b(window).width();if(d>979){b("#menunav").css("display","block");b("#menunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});b(".sf-menu i").css("display","none")}else{if(d<=979&&b("#mobilenav").attr("class")==="active"){b("#menunav").css("display","block");b("#menunav").superfish("destroy");b(".sf-menu i").css("display","block")}else{if(d<=979&&b("#mobilenav").attr("class")!=="active"){b("#menunav").css("display","none");b("#menunav").superfish("destroy");b(".sf-menu i").css("display","block")}}}}a();b(window).resize(a);b(".sf-menu i").click(function(){var d=b(this).parent("li");var e=d.children("ul");e.slideToggle();b(this).toggleClass("active");return false});var c=window.location.href;b("#menunav a").each(function(){if(this.href===c){var d=b(this).parents("li").children("a").addClass("current")}})};

//Ajax JSON Search Result by MKR
function searchxx(a){(function(d){var f={blogURL:"",srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",findText:"Search results for keyword",NotfindText:"No result!",Showthumb:true,LoadingText:"Searching...",scrthumbSize:50,summaryLength:100};f=d.extend({},f,a);var b=d("#ajax-search-form"),e=b.find(":text");b.append('<div id="search-result"></div>');var c=d("#search-result");b.on("submit",function(){var g=e.val();c.show().html('<div class="load">'+f.LoadingText+"</div>");d.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?alt=json-in-script&q="+g+"&max-results=9999",function(w){var v=w.feed.entry,r,q,u,s,h,k,m="";if(v!==undefined){m="<h4>"+f.findText+" &quot;"+g+"&quot;</h4>";m+='<a class="close" href="/">&times;</a><ol>';for(var o=0;o<v.length;o++){var l=new RegExp(g,"ig"),u=v[o].title.$t.replace(l,"<mark>"+g+"</mark>");for(var n=0,t=v[o].link.length;n<t;n++){if(v[o].link[n].rel=="alternate"){s=v[o].link[n].href}}r=("content" in v[o])?v[o].content.$t:("summary" in v[o])?v[o].summary.$t:"";if(f.Showthumb===true){var p=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;h=d("<div></div>").append(r.replace(p,""));k=h.find("img");if("media$thumbnail" in v[o]){q=v[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.scrthumbSize+"-c")}else{if(k.length!=0){q=k[0].src}else{q=f.srcBlank}}}r=r.replace(/<\S[^>]*>/g,"");if(r.length>f.summaryLength){r=r.substring(0,f.summaryLength)+"..."}r=r.replace(l,"<mark>"+g+"</mark>");m+='<li><a href="'+s+'" >'+(f.Showthumb===true?'<img width="'+f.scrthumbSize+'" height="'+f.scrthumbSize+'" src="'+q+'"/>':"")+"<strong>"+u+"</strong></a>"+(f.summaryLength>0?"<p>"+r+"</p>":"")+"</li>"}m+="</ol>";c.html(m)}else{c.html('<a class="close" href="/">&times;</a><strong>'+f.NotfindText+"</strong>")}},"jsonp");return false});b.on("click",".close",function(){c.fadeOut();return false})})(jQuery)};

//Emoticon by MKR
window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqryqp0C4nhGlAIdzpcIqkWkme-26tF1ViSVnEaM_-KZiG4v7rRpOZpfyUoQI_EQ2ORFdfqtkRjF7-T3cHGcBvfgmOIEKvt2Ebw65Oi8giLwAk7cwTPsAC8z4HG49Ni-xXtrMAOpceM8/s36/03.gif",":))");i(/\s;\(\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTV3KdLs0J2mXA-LytrkRQJL1AiyLytU37eVUFE4b_m-_msYoIT0N3k0xdF3ouEz4fAn8L8M_PSPfpOjwQIvcY8HLNWU13dPl7DnWZ8q2wgzYIy3oT3dAIJy2GWk9M2UTLrLiMBeG0XtM/s47/06.gif",";((");i(/\s:\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpMUW65egvI7qRD6LOSOP4h1toUs25BAMEYksjo8Yn30p3134NbDiEBDBsbCcaur_RHChJ1lGje2DgStAWN7AftFOBBaDbMyJzHjuqvseQ8OxstzrWwoHO4P3xvbG1PwimkqY_pJ7BD7s/s36/01.gif",":)");i(/\s:-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMRztYCPUrLk9xWPYoTB6pi7MpSU6B9kpT1y4ZKUfkEydCqzkwjTB_SLKZnK3dchEkJgMKjOxFN7-3UhuG5lpU5GS9HgnMxzQa31zUrp-1dOKpNAJEzVvTYHIh4qc-i9rMyuQV-I-phs/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzKxaAi0E50GTrwJyRR0zK8I-T6yDPAaYmj3hfuCuE7s0SKcqBcawPz7jH2HbKLDKNXOUJzJSO_88taa4ch3tYBa1CHXGKU1ZpcyH8Oh4izrsE1eWQ3sPabxMiqdxQTgofj0Fz5B2JutY/s36/03a.gif","=))");i(/\s;\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIr83ntQt283FeKThajUgVVm4LTOhETq84Xeo4Jj6MP7czj10sWgErwJ9hdeqRFq5WW9Vjed4lAO0nAue3q-cwvYYjljUH24AgpVWvC3OOYH3E6p8NMcqkRZXoVzKVUPYsXnxaJbKM6Hs/s36/04.gif",";(");i(/\s;-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj87JvwviA62-uCFi3Dy5ypLwUau3B5ScKl4L9D_pP3MQqEfu64fbCj224zU6i77dL3EFyDzjVAzys3d6s5OmTg-nQZAx_rhw-IMjBnrHINpV-K8h0jD8jKsaFDZcMZu3aLFxugK_e5SPw/s36/05.gif",";-(");i(/\s:d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImSiFo6gy7h5A90rMJPzgFGtGVVwYPb_tZ5VyfHlfbip-D1Dnr-vUzU8j22o9Kl28S0NFbLiTHHXhoh8dbUD3y1CSuxWrfHsrlBeleRdOtKAt79LQj3LzkM0M_zk-sFXLYbJ59Xnhtw0/s36/7.gif",":d");i(/\s:-d/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdDs8S_Od6Ybi9UrydkhyphenhyphenQQnsU9O-y4yYPIYq6onpCHbVC2A96vXT8_Rne3K2fcByGlO_ZO3sp5srUxK8SzcvxGkXQzG9-QV-EYLT5H00vNDSGAvSTuKEnivpi-kiCfQ3Fdi5KkP70Yz8/s36/8.gif",":-d");i(/\s@-\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qZ444REzFbjcMTKHVqcHpe0wztPHSWKF7n51dfLEAGnLobNf272OwlYV53pmqQNgcuC87dXrbFLGaG0g7taAQwAHCww9B-bIWWfiiXCCG980dxu43hgJuLfWLW4gzTzlWO-6UzfjBo/s36/09.gif","@-)");i(/\s:p/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdqEy4Ngfbt4DCsd6-0gmenRhWWJvDl2FvBS45f9W_cPJUEB2DaHkNidapxMEU981oG21u_El0hc-RD2crVFhxFxPX6tXyEMJ_YMjTqpitVazkxmb40W6t3dgoxiyYhyphenhyphennCWGRwqet9yk4/s36/10.gif",":p");i(/\s:o/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDxzi1TUr1FdzhJ5qvdPpD14hcF9SstfrrRjhncCuKJIMF-2r4Wr8_d85ux17GtMG2lyDQr_4tOsPdIwavWY9SVs1xkabWOMEXQDdVXOTuczwUXYNNdibZH0ahB82UUK4EkF4pD5p33_4/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0FB9wkLGS0AAjHxPpIdtjTbTntxc2xOVCdA6Sv4CJf47457sHVNmAKJQkn4TsVibEmdXbT3rb2dh7NRmrOIIRGmF6qFa-Zg7aNEv5nveHP1Wvs7gsoxz88B72Khyphenhyphen7MDxipGBU6ttUcX8/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoY2SErR5QLC7HLqPdtk6ZJUDo9nTVYr1NdIL7M0QmtBnRHyhyphenhyphenX038ehVnXBM-eM-gAUGvAUQkLqJibx-lCgrrRqFQFyTWWAvM79sIdyAIXFMI291Eo5F-e_bKOanqlH5OX8H3rGzjy0o/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPOgWeXzoB1_W1mSv4ZAaC0MVMAcDBU4RqCS-aTA4aMZKy5o8Se37SyqwOb1OW0HM4DFj8i3gyllVm1WLnYeXy_5DzNZ_xUVtvqWBYjfydFcyqeD4JVQ5JQxR7CwiIV8v6kv68kyuJuY/s36/14.gif","[-(");i(/\s:-\?/g,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2m1Lb6md2u_d1eM8ca-ofZ3hc5G4xa3Kah2cWJ3kGqJ_4tz0CNTgnkkTQVbMzk0AnlfroDw2hcLtn_W7VGHxa7riusGmvsBxClo-OUBqnin6dsgDgHT-AdPWz4lO9430-qLrtnDmV_e8/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SdS5DvPoXvrYCZeb3fkJmk-Peozemcb3_rAtkFS-n2YaEZIubJ8YQk7wba0qHsEOyq0OBwIX1ckSocO6ggLEtCay_T26it-FP5utOAbU8JpEs5RlJGbrWDqnyYu8H7Rm4mjWeFUFsC4/s36/16.gif","(p)");i(/\s:-s/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimiZ8NUK3XXaGk2EPVAiTg2QltOuQRopI80Q6OqeAFbEPov5rM6Hx1eeMhclpJR4ej5M2xZw_Zp0EopEIbs73TDTuWGoYZF4whup0WEt_QnQ3O7RnD5EXX65QM4MvzmyyMwhCquV-pA7g/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNawpktvOtnnhQtiSjClUV3U7ObV2-N1G6736ARBcIRVZCBxmv0gvMYZ-qWJWlvG-pQFNB6XR0eLMSr8zq26LNs2IICsuvHZz9oxGvlESuC2kFgADBYCTejzvwEox_Am7_rW1lCXZ36hw/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdTs0mGBTAv_S-A1-FJu-PsvJ-i005BmLy73nrnHoJXA3HAd6qrWwaZNnYrqtblFi650H_k4STlLrcCC1btuKi1KAke5aJDJ3IkEmAAFkqYQRyiaH50-imgHv52PRxuDjTucD4El1rxg/s36/19.gif","8-)");i(/\s:-t/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9CrFZj7ZDHKIQkGHWUXpLfcdi4J2hnRWN_sn8Jx4rdRqtjosk0K7mXhjNpqMXNiPfsCW3RpWzK0-B5goNcNciNWq-QuXsXdP1nfEHe4myBr8QgL1bq_4GCy8OMvxjSEOlA7yTZI-5s-U/s36/20.gif",":-t");i(/\s:-b/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3mTHsPD4KhfkEBnIYddHY6OuQ6jYdDcKzwx-_LVTex68JZjh7nQHjLi9hjlr2sNuTI3fsF5i1o1V8XjqUTn0F0JQ9ueVKC-uW2wooJnhm2iGpbKCc9OPcvtDM7EkRgIDnqIMh-PlBPQ/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN0Vli1DwQ-9dOh3FDK1qJIgQ8RK6uC1b4vlFeMsdCPZzSWkQvJ9jijC_hB59jStLW1wexoToTUOltvapqfqyRM3AzlIpWQ9fhrTCWRoBRXnVND1C1ZbxqXhAJy2atcAnhXVRkmH8kZ88/s35/22.gif","b-(");i(/\s:-#/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9txsyGdbzvTz8eHjiJkXk6fW4fSe-lNfTdAp6yUuk4OVqyp0j7CjQiLvjzVKNHtP9MPUql34WvjlQ4JZbN6l2cVnOVbPFhMP30cIrG2N-TeSjSrILXsky_zVJAaUr2jxSzUpPpvavP0/s36/23.gif",":-#");i(/\s=p~/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VOZpBkMujgRvWy0D4oD9WM8wO2LkdQzr81R28JTewBiEc7KUIbrOQnox0_9p6KUmzfnB-Ze8ZlqJ5N8_uGzvihKIZGPhRP44GuonS0LZylWaAMYdlAGDrwz07zpnWwQSDaBq7qjRmUI/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKROno5Gandw4Xw_U61kN2cf1pGTr_IhKiQOQWY8j62Vgze04lUnEN7-zBAoeZkekOv_TghJKAeqC4fQLjJIyP3NIZ2qPlc0zfbppg7R52jTbFVLriBlQJnohBsd3W9REu2FcBpi-4KuE/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRpRlLLP9TXnA52xVvYo0WuahZ2XHrtNd6HyTcNx2G1wSlW8xgvzS7s08QoFYCRpDB_PVIk5timmlED_HD_FycyXbJEiSTNj-Jq-p2IF-lUz1VfNpBt_FjKho2mVx_8SUkal2jjua8IM/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFmgCIalu9w22BJ_d0chr4yF3po-R2FoGJsuXpNgQgvZrzhoilukUSW-kfLltb8DfgMFTleAWsjxpiPOLn6HkRAMgUA_bctAIw_XQAVzIhM7fHk1KRua_vQNb-5aD4CK05n21xFnZZng/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgErRn-e07mIpqIMsbCNCWDdZzOUMJklSjmoxFNDUE5jeOQci49Zh7z2E1uhrvZR-Z3ccsm6VMSSVzSGv2ak1lybIBDFVMxMqqHnG7EhBaB7ZGpwI6xS14_jryuFqisMGVXWL6i-y7k6qE/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7M6h-Ql8bgWsz1fO70HiTQm9E5I9J6zCSznq0Is2AUGXYT4EL4cGAibYNYcwWeYpbhwhtFmtrmCEnAKe2tfINqD_kk1opyIIEoG9B7YISeUxL6iEdLWr7BFjPMCzSZqXB6gEDdHICYkw/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC4bdRwEqem8fp6hTRI3yqNMOIkBcbrcIdIGTMX6gdtjWWZnzZzWX3amRQ_0khQrRRLIQU0B07mhVkq6GRGeB8zU0vLMiY3V_83A_-aTGd9Jl2Um3hmmLnVg8FNXEwvAHrqXGaNnK3OHc/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNrOLRL-zeBrdQkGEsJnyDnt-_tFvpqVjHtktp3afR7YN5XCRUmW8Y2Xyq0hbWw1XVg_ZSkIPMQ_jMdAzD3NXg508Keacic1B9PNWQw-wnYiQ6ChaXfcQkcw1imav2A5iCS5JYhcgdc4/s36/31.gif","(c)");i(/\scheer/ig,"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAem7kqQg3kRq_n5larzL3QI-ZwRZ9i5hUXYU_j4WOTBxI0EaoafARDReu5Nas4UtH6Qkh9dBkE5JZI6ul7-o2r4Vq7NSA2iqH7xL3amrEt7zZUfQAF6PonZu5OqZ3N5DeMuoJeJK5noQ/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").on("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").on("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();

//Back Top by MKR
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);

//Top Header Effect
function scrollbut(){var d=jQuery("#topsomenu"),e=jQuery("#areahead"),f=jQuery("#topbutton"),b=500,c=jQuery(window).width();var a=(c<479)?70:35;var g=(c<479)?105:70;if(jQuery(window).scrollTop()<150){e.css("marginTop",a);f.css("marginTop",-g)}jQuery(window).scroll(function(){if(jQuery(this).scrollTop()>150){d.stop().animate({marginTop:-a},b);e.stop().animate({marginTop:0,height:50},b);f.stop().animate({marginTop:0},b);e.addClass("scdown").css("overflow","visible");f.toggle(function(){jQuery(this).addClass("active");d.stop().animate({marginTop:0},b);e.stop().animate({marginTop:a},b)},function(){jQuery(this).removeClass("active");d.stop().animate({marginTop:-a},b);e.stop().animate({marginTop:0},b)})}else{d.stop().animate({marginTop:0},b);e.stop().animate({marginTop:a,height:80},b);f.stop().animate({marginTop:-g},b);e.removeClass("scdown").css("overflow","visible")}})};

//Ajax Related Post by MKR
function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"#related_posts",tags:null,loadingText:"",loadingClass:"loadingxx",relevantTip:"",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],rlt_summary:100,ShowDate:true,relatedTitle:"Bài Viết Liên Quan",readMoretext:"[...]",rlpBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",rlt_thumb:200,recentTitle:"Recent Posts",postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related_posts"></div>');f.containerSelector="#related_posts"}var c=function(x,r){k++;if(x.feed.entry){for(var w=0;w<x.feed.entry.length;w++){var m=x.feed.entry[w];var o,p,C,q,B,n,t,A,v,y,z="";for(var u=0,s=m.link.length;u<s;u++){if(m.link[u].rel=="alternate"){z=m.link[u].href;break}}o=("content" in m)?m.content.$t:("summary" in m)?m.summary.$t:"";var l=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;q=e("<div></div>").append(o.replace(l,""));B=q.find("img");if("media$thumbnail" in m){p=m.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c")}else{if(B.length!=0){p=B[0].src}else{p=f.rlpBlank}}o=o.replace(/<\S[^>]*>/g,"");if(o.length>f.rlt_summary){o=o.substring(0,f.rlt_summary)}C=m.title.$t;y=m.published.$t.substring(0,10);n=y.substring(0,4);t=y.substring(5,7);A=y.substring(8,10);v=f.MonthNames[parseInt(t,10)-1];if(location.href.toLowerCase()!=z.toLowerCase()){i(z,C,p,o,n,A,v)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(q,u,w,m,y,v,x){var r=e("li",g);for(var p=0,l=r.length;p<l;p++){var t=e("a",r.eq(p));var s=j(t);if(t.attr("href")==q){h(t,++s);for(var o=p-1;o>=0;o--){var n=e("a",r.eq(o));if(j(n)>s){if(p-o>1){r.eq(o).after(r.eq(p))}return}}if(p>0){r.eq(0).before(r.eq(p))}return}}g.append('<li><div class="inner"><a class="jdlunya" href="'+q+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img alt="'+u+'" src="'+w+'"/></span><strong>'+u+"</strong></a><p>"+m+'<a title="'+u+'" href="'+q+'">'+f.readMoretext+"</a>"+(f.ShowDate===true?'<span class="date"><strong>'+v+"</strong><span>"+x+"</span><span>"+y+"</span></span>":"")+"</p></div></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related_posts"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related_posts"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var o=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(o,f.tags)==-1){f.tags[f.tags.length]=o}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4><span>"+f.recentTitle+"</span></h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4><span>"+f.relatedTitle+"</span></h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}else{for(var n=0,m=f.tags.length;n<m;n++){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default/-/"+f.tags[n]+"?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}}};d();e(window).bind("load",function(){setTimeout(function(){var l;var m;var n=e(f.containerSelector);if(e(window).width()<479){l=1;m=n.width()/l}else{if(e(window).width()<980){l=2;m=n.width()/l}else{if(e(window).width()<1030){l=3;m=n.width()/l}else{l=4;m=n.width()/l}}}e("ul",n).jcarousel({easing:"easeInOutQuint",animation:800,auto:4,wrap:"last",scroll:l,setupCallback:function(o){o.reload()},reloadCallback:function(p){var o=Math.floor(p.clipping()/m);p.options.scroll=o;p.options.visible=o}})},3000)})})(jQuery)};

//Ajax AutoFeatured Post by MKR
(function(a){a.AutofeaturedPost=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.AutofeaturedPost.defaultOptions,b);d.$el.html('<div class="featuredpost"><ul class="featpost"></ul><div class="shadow"></div><div class="nav-arrows"><a href="#">Next</a><a href="#">Previous</a></div><div class="nav-dots"></div></div>').addClass(d.options.loadingClass);var f=function(h){var m=h.length,l,k;if(m===0){return false}while(--m){l=Math.floor(Math.random()*(m+1));k=h[m];h[m]=h[l];h[l]=k}return h};var g=function(w){var r,l,s,n,v,m="",h="",t=(d.options.RandompostActive===true?f(w.feed.entry):w.feed.entry);for(var p=0,k=t.length;p<k;p++){for(var o=0,u=t[p].link.length;o<u;o++){if(t[p].link[o].rel=="alternate"){r=t[p].link[o].href;break}}s=("content" in t[p])?t[p].content.$t:("summary" in t[p])?t[p].summary.$t:"";var q=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;newdowm=a("<div></div>").append(s.replace(q,""));imgb=newdowm.find("img");if("media$thumbnail" in t[p]){v=t[p].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+d.options.ImageSize);if(t[p].media$thumbnail.url.indexOf("img.youtube.com")!=-1){v=t[p].media$thumbnail.url.replace("default","0")}}else{if(imgb.length!=0){v=imgb[0].src}else{v=d.options.pBlank}}s=s.replace(/<\S[^>]*>/g,"");if(s.length>d.options.Summarylength){s=s.substring(0,d.options.Summarylength)+"..."}l=t[p].title.$t;m+='<li><a title="'+l+'" class="feathumb" href="'+r+'"><img width="'+d.options.ImageSize+'" src="'+v+'"/></a><div class="sb-description"><strong class="titlex"><a href="'+r+'">'+l+"</a></strong><p>"+s+"</p></div></li>";h+="<span "+(t[p]===t[0]?'class="nav-dot-current"':"")+" ></span>"}d.$el.find("ul.featpost").append(m);d.$el.find("div.nav-dots").append(h);var x=(function(){var C=d.$el.find(".nav-arrows").hide(),j=d.$el.find(".shadow").hide(),A=d.$el.find(".nav-dots").hide(),i=A.children("span"),z=d.$el.find("ul.featpost").slicebox({onReady:function(){C.show();A.show();j.show()},onBeforeChange:function(D){i.removeClass("nav-dot-current");i.eq(D).addClass("nav-dot-current")},orientation:"r",cuboidsRandom:true,disperseFactor:20,autoplay:true}),B=function(){y()},y=function(){C.children(":first").on("click",function(){z.next();return false});C.children(":last").on("click",function(){z.previous();return false});i.each(function(D){a(this).on("click",function(F){var E=a(this);if(!z.isActive()){i.removeClass("nav-dot-current");E.addClass("nav-dot-current")}z.jump(D+1);return false})})};return{init:B}})();x.init();d.$el.removeClass(d.options.loadingClass)};var e=function(i,h){return Math.floor(Math.random()*(h-i+1))+i};if(d.options.RandompostActive===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(h){var i=(d.options.MaxPost>h.feed.openSearch$totalResults.$t)?1:e(1,(h.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+i+"&alt=json-in-script",g,"jsonp")},"jsonp")}else{a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",g,"jsonp")}};d.init()};a.AutofeaturedPost.defaultOptions={blogURL:"",MaxPost:4,ImageSize:650,Summarylength:150,RandompostActive:true,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",tagName:false};a.fn.AutofeaturedPost=function(b){return this.each(function(){(new a.AutofeaturedPost(this,b))})}})(jQuery);

//Manual Featured Post (work with Blogger Image Widget) by MKR
function manualfeaturedPost(c){var a=c("#topfeaturedmanual");var d=a.children(".Image");if(d.length>0){a.append('<div id="manualslidenya"><div class="featuredpost"><ul class="featpost"></ul><div class="shadow"></div><div class="nav-arrows"><a href="#">Next</a><a href="#">Previous</a></div><div class="nav-dots"></div></div></div>')}d.each(function(){var f=c(this);var i=f.find("h2").text();var h=f.find(".widget-content img").attr("src");var g=f.find(".widget-content a").attr("href");var e=f.find(".caption").text();c("<li/>").append('<a title="'+i+'" class="feathumb" href="'+g+'"><img width="650" src="'+h+'"/></a><div class="sb-description"><strong class="titlex"><a href="'+g+'">'+i+"</a></strong><p>"+e+"</p></div>").appendTo("#topfeaturedmanual ul.featpost");c("<span/>").appendTo("#topfeaturedmanual .nav-dots");c(this).remove()});if(d.length){var b=(function(){var k=a.find(".nav-arrows").hide(),f=a.find(".shadow").hide(),i=a.find(".nav-dots").hide(),e=i.children("span"),h=a.find("ul.featpost").slicebox({onReady:function(){k.show();i.show();f.show()},onBeforeChange:function(l){e.removeClass("nav-dot-current");e.eq(l).addClass("nav-dot-current")},orientation:"r",cuboidsRandom:true,disperseFactor:20,autoplay:true}),j=function(){g()},g=function(){k.children(":first").on("click",function(){h.next();return false});k.children(":last").on("click",function(){h.previous();return false});e.each(function(l){c(this).on("click",function(n){var m=c(this);if(!h.isActive()){e.removeClass("nav-dot-current");m.addClass("nav-dot-current")}h.jump(l+1);return false})})};return{init:j}})();b.init()}};

//Ajax RecentPostbyTag by MKR
(function(a){a.RecentPostbyTag=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.RecentPostbyTag.defaultOptions,b);d.$el.html('<div class="rcbytag '+d.options.postType+'"><ul class="rcentpost"></ul></div>').addClass(d.options.loadingClass);var f=function(h){var m=h.length,l,k;if(m===0){return false}while(--m){l=Math.floor(Math.random()*(m+1));k=h[m];h[m]=h[l];h[l]=k}return h};var g=function(D){var G,n,F,t,J,v,I,u,s,y,H,A,E,o="",k=(d.options.Random===true?f(D.feed.entry):D.feed.entry);if(k!==undefined){for(var B=0,r=k.length;B<r;B++){for(var z=0,x=k[B].link.length;z<x;z++){if(k[B].link[z].rel=="alternate"){G=k[B].link[z].href;break}}for(var w=0,C=k[B].link.length;w<C;w++){if(k[B].link[w].rel=="replies"&&k[B].link[w].type=="text/html"){J=k[B].link[w].title.split(" ")[0];break}}F=("content" in k[B])?k[B].content.$t:("summary" in k[B])?k[B].summary.$t:"";var h=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;v=a("<div></div>").append(F.replace(h,""));I=v.find("img");if("media$thumbnail" in k[B]){u=k[B].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.ImageSize);if(k[B]===k[0]&&d.options.postType!=="s"){u=k[B].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/"+d.options.FirstImageSize)}else{if(k[B].media$thumbnail.url.indexOf("img.youtube.com")!=-1){u=k[B].media$thumbnail.url.replace("default","0")}}}else{if(I.length!=0){u=I[0].src}else{u=d.options.pBlank}}F=F.replace(/<\S[^>]*>/g,"");if(F.length>d.options.Summarylength){F=F.substring(0,d.options.Summarylength)+"..."}n=k[B].title.$t;E=k[B].published.$t.substring(0,10);s=E.substring(0,4);y=E.substring(5,7);H=E.substring(8,10);A=d.options.MonthNames[parseInt(y,10)-1];o+='<li class="a'+B+'"><div class="inner" ><a title="'+n+'" class="thumbxtag" href="'+G+'"><img src="'+u+'"/></a><strong><a href="'+G+'">'+n+'</a></strong><div class="info">'+(d.options.ShowDate===true?'<span class="date"><strong>'+H+"</strong><span>"+A+"</span><span>"+s+"</span></span>":"")+(d.options.ShowComment===true?'<span class="comnum"><a href="'+G+'#comment-form">'+J+"</a></span>":"")+"</div><p "+(d.options.ShowDesc===false?"":'style="display:block"')+">"+F+"</p></div></li>"}a("ul",d.$el).append(o);if(d.options.postType==="s"){var q=a(c).parents(".widget");var K=q.children("h2");if(d.options.tagName!=false){K.wrapInner('<a title="View All About '+d.options.tagName+'" href="/search/label/'+encodeURIComponent(d.options.tagName)+'"/>')}var m;var p;if(a(window).width()<479){m=1;p=d.$el.width()/m}else{if(a(window).width()<980){m=2;p=d.$el.width()/m}else{if(a(window).width()<1030){m=3;p=d.$el.width()/m}else{m=4;p=d.$el.width()/m}}}a("ul.rcentpost",d.$el).jcarousel({easing:"easeInOutQuint",animation:800,auto:4,wrap:"last",scroll:m,setupCallback:function(i){i.reload()},reloadCallback:function(j){var i=Math.floor(j.clipping()/p);j.options.scroll=i;j.options.visible=i}});d.$el.removeClass(d.options.loadingClass)}else{if(d.options.tagName!=false){d.$el.append('<div class="morepostag"><a title="View All About '+d.options.tagName+'" href="/search/label/'+encodeURIComponent(d.options.tagName)+'"><span>View All</span></a></div>').removeClass(d.options.loadingClass)}}d.$el.removeClass(d.options.loadingClass)}else{d.$el.html("<span>No result! Or Error Loading Feed</span>")}};var e=function(i,h){return Math.floor(Math.random()*(h-i+1))+i};if(d.options.Random===true){a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results=0&orderby=published&alt=json-in-script",function(h){var i=(d.options.MaxPost>h.feed.openSearch$totalResults.$t)?1:e(1,(h.feed.openSearch$totalResults.$t-d.options.MaxPost));a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&start-index="+i+"&alt=json-in-script",g,"jsonp")},"jsonp")}else{a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/posts/default"+(d.options.tagName===false?"":"/-/"+d.options.tagName)+"?max-results="+d.options.MaxPost+"&orderby=published&alt=json-in-script",g,"jsonp")}};d.init()};a.RecentPostbyTag.defaultOptions={blogURL:"",MaxPost:4,FirstImageSize:"s220-p",ImageSize:"s80-p",ShowDesc:false,ShowDate:true,ShowComment:true,Random:false,Summarylength:100,postType:"v",loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};a.fn.RecentPostbyTag=function(b){return this.each(function(){(new a.RecentPostbyTag(this,b))})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="50" data-width="666"></div>';
//]]>
</script>
  </head>

  <body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
  <div expr:class='data:blog.languageDirection' id='outer-wrapper'>
<div id='topsomenu'>
<div class='isi'>
<div id='socialicon'>
  <ul>
     <li><a class='fbx' href='https://www.facebook.com/HTB17A' target='_blank' title='Facebook'>facebook</a></li>
     <li><a class='twix' href='https://www.facebook.com/HTB17A' target='_blank' title='Twitter'>twitter</a></li>
     <li><a class='goex' href='https://plus.google.com/107230516965307532963' target='_blank' title='Google+'>Google+</a></li>
     <li><a class='linx' href='https://www.facebook.com/HTB17A' target='_blank' title='Linkedin'>Linkedin</a></li>
     <li><a class='pinx' href='https://www.facebook.com/HTB17A' target='_blank' title='Pinterest'>Pinterest</a></li>
     <li><a class='drix' href='https://www.facebook.com/HTB17A' target='_blank' title='Dribble'>Dribble</a></li>
     <li><a class='vmex' href='https://www.facebook.com/HTB17A' target='_blank' title='Vimeo'>Vimeo</a></li>
     <li><a class='rssx' href='https://www.facebook.com/HTB17A' target='_blank' title='RSS'>RSS</a></li>
  </ul>
</div>
<div id='searchnya'>
<form action='/search' id='ajax-search-form'>
<input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Text to search...&quot;;}' onfocus='if (this.value == &quot;Text to search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Text to search...'/>
<button title='Search' type='submit'>Search</button>
</form>
</div>
<div id='topbutton'/>
</div></div>

<div id='areahead'>
  <div class='isi'>
    <header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Kul Tân Bình (Header)' type='Header'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
    <b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
    <b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='name'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='name'>
<b:include name='title'/>
</p>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
    </header>
<nav class='navix' id='nav'>
<a href='#' id='mobilenav'>Select Menu</a>
<ul class='sf-menu' id='menunav'>
  <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a class='dropdown' href='#'>PhoToShop</a>
<ul class='menus'>
<li><a href='http://sinhvienit.net/forum/attachment/27675/1363236887/SinhVienIT.Net---PhotoshopCS5Portable.rar.html'>PhoToShop CS5 [ Pass: sinhvienit.net ]</a></li>
<li><a href='http://sinhvienit.net/forum/attachment/40013/1446116445/SinhVienIT.Net---Adobe%20Keygen%20CS6.rar.html'>PhoToShop CS6 [ Pass: sinhvienit.net ]</a></li>
<li><a href='http://file.sinhvienit.net/e36f2bc1'>PhoToShop CS3 [ Pass: sinhvienit.net ]</a></li>        
</ul>
</li>
  <li><a class='dropdown' href='#'>Tiện Ích</a>
<ul class='menus'>
<li><a href='#'>HACKING </a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/brush-canh.html'>Brush</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/tai-photoshop.html'>PHOTOSHOP </a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/font.html'>Fonts</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/font-chu.html'>Font</a></li>
</ul>
</li>
 <li><a class='dropdown' href='#'>[PSD]Ảnh Bìa</a>
<ul class='menus'>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_3.html'>Ảnh Bìa Loại 1</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/share-psd-free.html#.VmkOcnbhCHs'>Ảnh Bìa Loại 2</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/tam-trang-tinh-yeu.html'>Tâm Trạng Loại 1 [ Mới ]</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/search/label/t%C3%A2m%20tr%E1%BA%A1ng'>Tâm Trạng Loại 2 [ Mới ]</a></li>    
<li><a href='http://kultanbinhnt.blogspot.com/search/label/3D'>Ảnh Bìa Kiểu 3D [ Mới ]</a></li>    
<li><a href='http://kultanbinhnt.blogspot.com/p/psd-hacker.html'>Ảnh Bìa Hacker</a></li>    
<li><a href='http://kultanbinhnt.blogspot.com/p/httpwww_24.html'>MOCKUP</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/search/label/LOGO'>LOGO Loại 1</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/httpwww_8.html'>LOGO Loại 2</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_25.html'>Khung Ảnh Bìa Loại 1</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/2015/11/psd-share-11-khung-anh-bia.html'>Khung Ảnh Bìa Loại 2</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/3-file-psd-khong-phai-dang-vua-au.html'>Không Phải Dạng Vừa Đâu</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/httpwww.html'>Giáng Sinh</a></li>    
</ul>
</li>
  <li><a class='dropdown' href='#'>Thẻ Hacker</a>
<ul class='menus'>
<li><a href='http://kultanbinhnt.blogspot.com/p/the-hacker.html'>Thẻ Hacker Loại 1</a></li>
 <li><a href='http://kultanbinhnt.blogspot.com/2015/03/share-file-hacker-vip.html'>Thẻ Hacker Loại 2</a></li>
</ul>
</li>
  <li><a class='dropdown' href='#'>CMND</a>
<ul class='menus'>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_27.html'>Chứng Minh Nhân Dân 2 Mặt</a></li>
 <li><a href='http://kultanbinhnt.blogspot.com/search/label/CMND'>Mẫu + PSD CMND [Mới]</a></li>
</ul>
</li>
  <li><a class='dropdown' href='#'>GAME</a>
<ul class='menus'>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_29.html'>Đào Vàng</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_35.html'>Zombie Assault 2 </a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/choi-piano.html'>Đàn Piano</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_58.html'>Đá Banh</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/ban-sung-online.html'>Bắn Súng</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_24.html'>Thỉnh Thầy</a></li>

</ul>
</li>
  <li><a class='dropdown' href='#'>Ứng Dụng</a>
<ul class='menus'>


<li><a href='http://kultanbinhnt.blogspot.com/p/find-facebook-page-id.html'>Xem ID FANPAGE FACEBOOK</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/vo-tam-facebook-user-id-finder-tool.html'>Xem ID Cá Nhân Facebook</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_97.html'>Ghép Ảnh Màu</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/oi-ten-nick-facebook-ki-tu-ac-biet.html'>Đỗi Tên Ký Tự</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/tao-stt-chu-gach-chan-facebook-kieu-1.html'>Tạo SST Gạch Chân</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/tao-ten-trai-tim.html'>Tạo Tên Trái Tim</a></li>
<li><a href='http://kultanbinhnt.blogspot.com/p/in-ten-l.html'>In Tên COCA</a></li>
 <li>

              <a href='http://kultanbinhnt.blogspot.com/p/gioi-thieu-xem-lich-viet-chu-chinh-sua.html'>
                Tạo Chữ Gạch Ngang Ở Giữa
              </a>
            </li>
<li><a href='http://kultanbinhnt.blogspot.com/p/blog-page_90.html'>Tạo SST Xanh Trên Facebook</a></li>
</ul>
</li>
  <li><a href='http://kultanbinhnt.blogspot.com/p/icon-facebook-full.html'>Icon FB</a></li>
</ul>
</nav>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
menunav (jQuery);
scrollbut();
jQuery(window).resize(scrollbut);
searchxx({
summaryLength:100,
scrthumbSize:50
});
//]]>
</script>  
  </div></div>
 


<div id='areacontent'>
      <div class='isi'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div id='topfeatured'>
    <b:section class='sidebar' id='topfeaturedmanual' preferred='yes'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0757055009935717451333\46blogName\75Kul+T%C3%A2n+B%C3%ACnh\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75//kultanbinhnt.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://kultanbinhnt.blogspot.com/\46vt\75-1707174612820303892&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
      </b:widget>
    </b:section>
<script class='jshilang' type='text/javascript'>
manualfeaturedPost(jQuery);
</script>
  </div>
<div id='bottomfeatured'>
    <b:section class='sidebar' id='botfeaturedauto' preferred='yes'/>
  </div>
</b:if>
    <div id='content-wrapper'>
<div id='main-atas'>
<div class='innerwrap'>
      <div id='main-wrapper'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>      
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='menu-xitem'>
<div>
<nav id='view'>
<a class='grid' href='#' title='grid mode'>Grid</a>
<a class='list' href='#' title='list mode'>List</a>
</nav>
<div class='xitem1'><span class='textlast'><b:if cond='data:blog.url == data:blog.homepageUrl'>
Latest Post
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
</b:if></span>
</div>
</div>
</div>
</b:if>
</b:if></b:if>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
 <b:include data='top' name='status-message'/>
    <!-- posts -->
    <div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  
<b:include name='breadcrumb'/>
</b:if>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>      
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>      
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<b:include name='error_page_custom'/>
</b:if>
    </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
datenya(jQuery);
viewMode();
loadMorePost({
  thumbnailSize:"s200-p",
  summaryLength:300
  });
//]]>
</script>
</b:if>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>  
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
datenya(jQuery);
viewMode({
  viewmodedefault:'list',
  cookielist:'list1',
  cookiegrid:'grid1'
});
loadMorePost({
  viewmodedefault:'list',
  cookielist:'list1',
  cookiegrid:'grid1',
  thumbnailSize:"s200-p",
  summaryLength:300
});
//]]>
</script>
</b:if></b:if></b:if></b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <!-- navigation -->
    <b:include name='nextprev'/>
</b:if></b:if></b:if>
    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='breadcrumb'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</div>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <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/>
      <h4 id='comment-post-message'><data:postCommentMsg/></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='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>  
    <b:if cond='data:post.allowComments'>
      <h4><span>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
        </span></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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<b:if cond='data:post.numComments != 0'>
&lt;div  class=&#39;boxcommentnya&#39;&gt;
</b:if>      
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <div class='commentarea'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.author == data:post.author'>&lt;span  title=&#39;Author&#39; class=&#39;author-comment&#39;&gt;&lt;/span&gt;</b:if>
              <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/>
              <a class='datecm' expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
            </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'>                            
                <b:include data='comment' name='commentDeleteIcon'/>            
            </dd>
            </div>
          </b:loop>
        </dl>
        <b:if cond='data:post.numComments != 0'>
&lt;/div&gt;
</b:if>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
            <b:includable id='error_page_custom'>
  <div class='error-custom'>

<h2>404 Not Found</h2>
<p class='error-body'>We&#39;re sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.</p>

<p>You can try searching page again or go back to home</p>

<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>

</div>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
            <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div id='googlePlusComment'>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    </div>  
    <script type='text/javascript'>
//<![CDATA[
(function($){
function scrwid() {
var wid = $('#googlePlusComment').width();
$('.cmt_iframe_holder').css('width',wid);
}
$(window).resize(scrwid);
})(jQuery);
//]]>
</script>
</b:if>
</b:includable>
            <b:includable id='inline-adsnya'>
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<span>
            <data:adCode/>
</span>
          </div>
</b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <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'>&amp;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>

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

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <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'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <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'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry=&#39;<h2>Bài viết liên quan</h2>&#39;;rn=&#39;<h2>Không có Bài viết liên quan</h2>&#39;;rcomment=&#39;Nhận xét&#39;;rdisable=&#39;Tắt Nhận xét&#39;;commentYN=&#39;yes&#39;;</script>
<script type='text/javascript'>
//<![CDATA[
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-D2IkwG0oedO0t-aQfkjzKV1z9uEWpweNkhqTZ7Hi2DcA0oEpRwq01ytUNAtBVUAuvpmfSV5oMFW-JMIycajMebivQrbQlq1RVHeYYRxPC67iz6SsPmeHOdLQE69br3cjN2Y4wigMaSa0/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><h3><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h3><span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div></li><div style="clear:both"></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</div>
<div style='clear:both'/>
</b:if><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'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></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'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <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>
              </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:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <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:if cond='data:blog.pageType == &quot;item&quot;'>
          <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>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='nextprev-item'>
  <div class='blog-pager' id='blog-pager'>
<div class='pager-isi'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
<b:else/>
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
<b:else/>
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
</b:if>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
(function($){
var newerLink = $('a.blog-pager-newer-link');
var olderLink = $('a.blog-pager-older-link');
$.get(newerLink.attr('href'), function (data) {
newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post h1.post-title').text()+'</h5>');
},"html");
$.get(olderLink.attr('href'), function (data2) {
olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post h1.post-title').text()+'</h5>');
},"html");
})(jQuery);
//]]>
</script>
</b:includable>
            <b:includable id='post' var='post'>
  <article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
        <h2 class='post-title entry-title' itemprop='name headline'>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
            </b:if>
        </h2>
    </b:if>
<b:else/>
        <h1 class='post-title entry-title' itemprop='name headline'>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
            </b:if>
        </h1>
</b:if>
   

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
  <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/>
    <b:else/>
      <textarea expr:id='&quot;postData-&quot; + data:post.id' style='display:none;'><data:post.body/></textarea>
        <div class='post-summary' expr:id='&quot;summaryContainer-&quot; + data:post.id'>
          <!-- for non/inactive JavaScript browsers -->
          <b:if cond='data:post.thumbnailUrl'>
            <a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' itemprop='image' width='72'/></a>
          <b:else/>
 <a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' height='72' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='72'/></a>
 </b:if>
<strong><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></strong>
          <b:if cond='data:post.snippet'>
            <p><data:post.snippet/></p>
          </b:if>
          <!-- end for non/inactive JavaScript browsers -->
        </div>
      <div class='post-more-link'>
          <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.jumpText + &quot; &quot; + data:post.title'>
            <data:post.jumpText/>
          </a>
        </div>        <script>createPostSummary(&quot;postData-<data:post.id/>&quot;,&quot;summaryContainer-<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</script>
    </b:if>
  </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

     <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <div class='post-timestamp'>      
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>    
      </div>
<div class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
               <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </div>
 <div class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
<div class='post-labels'>
        <b:if cond='data:post.labels'>
          <span>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
       </span>
        </b:if>
      </div>
 <div class='post-location'>
<b:if cond='data:top.showLocation'>      
          <b:if cond='data:post.location'>          
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
</b:if>
      </div>
 <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
 <span class='post-icons'>
        <!-- email post links -->
             <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>        
      </span>
<b:include data='post' name='postQuickEdit'/> <!-- quickedit pencil -->
 </div>

      <div class='post-footer-line post-footer-line-2'/>
      <div class='post-footer-line post-footer-line-3'/>      
    </div>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>  
<span class='datex'>
<span class='time published update' expr:title='data:post.timestampISO8601'><data:post.timestamp/></span>
</span>
 </b:if> </b:if>
  </article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='inline-adsnya'/>
<b:include name='nextprev-item'/>
<b:include name='relatedpost'/>
</b:if>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='relatedpost'>
<div id='related_posts'/>
<script class='jshilang' type='text/javascript'>
relatedPostsWidget();
</script>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
            <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <div id='form-wrapper'>
      <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%'/>
      </div>
    <b:else/>
        <div id='form-wrapper'>
      <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='' width='100%'/>
          </div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), 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 threaded_commentsnya' id='comments'>  
    <h4><span>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
      </span></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>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

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

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div id='mainmidatas'>
    <b:section class='sidebar' id='middle-atas' preferred='yes'/>
</div>
  <div id='mainmidtengah'>
  <div>
    <b:section class='sidebar half' id='middle-tengah1' preferred='yes'/>
    <b:section class='sidebar half' id='middle-tengah2' preferred='yes'/>
    </div>
 </div>
  <div id='mainmidbawah'>
    <b:section class='sidebar' id='middle-bawah' preferred='yes'/>
</div>  
   <div id='mainmidtengah2'>
   <div>
     <b:section class='sidebar half' id='middle-tengahx1' preferred='yes'/>
     <b:section class='sidebar half' id='middle-tengahx2' preferred='yes'/>
     </div>
   </div>
   <div id='mainmidbawah2'>
  <b:section class='sidebar' id='middle-bawah2' preferred='yes'/>
  </div>
  </b:if>
</div></div>

      <aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
       <div class='innerwrap'>
        <div id='sidebar-atas'>  
          <b:section class='sidebar' id='sidebar-atas1' preferred='yes'>
               <b:widget id='HTML1' locked='false' title='LIKE + SHARE Ủng Hộ' type='HTML'>
                 <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
               </b:widget>
               <b:widget id='HTML3' locked='false' title='Đăng Ký Kênh YouTuBe' type='HTML'>
                 <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
               </b:widget>
             </b:section>        
        </div>    
        <div id='sidebar-tengah'>
          <ul class='navtab'>
            <li class='nav-one'><a class='current' href='#populartab'>Bài Viết</a></li>
            <li class='nav-two'><a href='#commenttabs'>Bình Luận</a></li>
            <li class='nav-three'><a href='#archivetab'>FANPAGE</a></li>
          </ul>
        <div class='list-tabwrap'>
          <div class='sidebarmd-widget' id='populartab'>
            <b:section class='sidebar tabct' id='sidebar-popularx1' preferred='yes'>
              <b:widget id='PopularPosts1' locked='false' title='Bài Đăng Xem Nhiều' type='PopularPosts'>
                <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <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/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
            </b:section>          
          </div>
          <div class='hide sidebarmd-widget' id='commenttabs'>
            <b:section class='sidebar tabct' id='sidebar-commentsx1' preferred='yes'>
              <b:widget id='HTML4' locked='false' title='Trò Chuyện' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
          </div>
          <div class='hide sidebarmd-widget' id='archivetab'>
            <b:section class='sidebar tabct' id='sidebar-archivetab1' preferred='yes'/>      
          </div>
</div>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
jQuery("#sidebar-tengah").organicTabs();
//]]>
</script>
</div>
<div id='sidebar-bawah'>
  <b:section class='sidebar' id='sidebar-bawah1' preferred='yes'>
    <b:widget id='HTML2' locked='false' title='CHUYÊN MỤC' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
</div>
        </div>
      </aside>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->
</div></div>
 <div id='areafooter'>
      <div class='isi'>
    <footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div class='row'>
<div class='grid left'><b:section class='footer' id='footer1'>
  <b:widget id='HTML6' locked='false' title='Theo Dõi Trên FaceBook' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section></div>
<div class='grid left'><b:section class='footer' id='footer2'>
  <b:widget id='Followers1' locked='false' title='Tham Gia Wepsite' type='Followers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='HTML7' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section></div>
<div class='grid left'><b:section class='footer' id='footer3'>
  <b:widget id='PlusFollowers1' locked='false' title='Theo Dõi Google+' type='PlusFollowers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <b:if cond='data:profileUrl != &quot;&quot;'>
      <div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
      <script type='text/javascript'>
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
      </script>
    </b:if>
  </div>
</b:includable>
  </b:widget>
</b:section></div>
<div class='grid left'><b:section class='footer' id='footer4'>
  <b:widget id='HTML5' locked='false' title='Liên Kết Wepsite' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section></div>    
</div>    
    </footer>    
      </div>
    </div>
<div id='credit'>
<div class='isi'>
      <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; 2016. All Rights Reserved. Powered by <a href='http://blogger.com/' rel='nofollow' target='_blank'>Blogger</a>
</div></div>
<a href='#' id='top' title='Scroll to Top'>Top<span/></a>
  </div> <!-- end outer-wrapper -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<script class='jshilang' type='text/javascript'>
//<![CDATA[
emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});
//]]>
</script>
</b:if></b:if></b:if>   <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
<div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = &quot;//connect.facebook.net/vi_VN/all.js#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs); }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
</body>
<script id='meeoutnya' type='text/javascript'>
//<![CDATA[
jQuery("#meeoutnya, .jshilang").remove();
//]]>
</script>
</HTML>

No comments