Professional Documents
Culture Documents
>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1'
name='viewport'/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-
scale=1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'
rel='stylesheet'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name : Gridy
Author : ZaiZiin
License: Full Version
----------------------------------------------- */
body#layout .slider,body#layout .header_right,.status-msg-wrap,body#layout
.socials,#navbar,.date-header,.feed-links,.post-location,.post-icons{display:
none !important;}
body#layout #leftContent {
width: 50%;
float: left;
}
body#layout #sidebar-wrapper {
float: right;
width: 50%;
margin: -110px 0;
}
.section, .widget, .widget-content, .widget ul, .widget li, body, h1, h2, h3, h4,
h5, ul, li, a, p, span, img, dd {
border: medium none;
list-style: none outside none;
margin: 0;
outline: medium none;
padding: 0;
text-decoration: none;
}
#tooo,span {
padding: 20px 40px 0px;
text-align: justify;
body {
background: #f0f0f0;
color: #666666;
font: 400 13px/1.6 Arial,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-
serif;
word-break: break-all;
}
a {
color: #37B5E5;
}.titlewrapper {
padding: 20px 0;
}
a:hover {
color: #888888;
}
h1, h2, h3, h4, h5 {
font-family: "Playfair Display",Georgia,"Times New Roman",Times,serif;
font-weight: normal;
line-height: inherit;
}
.top_wrapper {
margin-bottom: 30px;
}
.header_left {
float: left;
width: 400px;
}
#header, #header a {
color: #000;
}
#header h1 {
font-size: 50px;
font-family: 'Kaushan Script', cursive;
color: #fff;
}
.socials {
float: left;
padding-top: 12px;
}
.socials a {
background: url("https://lh5.googleusercontent.com/-
bnH0e3pPbvA/UcPyDkpraFI/AAAAAAAAB9A/szLwrBKt11U/s360/social_icons.png") repeat
scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 28px;
margin-bottom: 10px;
margin-right: 5px;
overflow: hidden;
text-indent: -9999em;
width: 30px;
}
.socials a:hover {
opacity: 0.9;
}
.socials a.facebook {
background-position: -30px 0;
}
.socials a.vimeo {
background-position: -150px 0;
}
.socials a.rss {
background-position: -60px 0;
}
.socials a.google_plus {
background-position: -270px 0;
}
.socials a.pinterest {
background-position: -300px 0;
}
#top_menu {
margin-top: -18px;
position: absolute;
right: 15px;
top: 50%;
}
.sf-menu.hide {
display: none;
}
.select_menu {
cursor: pointer;
display: none;
font-size: 12px;
height: 3em;
line-height: 3em;
margin: 0;
padding-left: 10px;
position: relative;
width: 100%;
z-index: 10;
}
#top_menu span.nav_select {
-moz-box-sizing: border-box;
background: url("https://lh3.googleusercontent.com/-
kuwjHwxHU5M/UcPx9Rf6hYI/AAAAAAAAB5s/kBvMLWkeLz4/s32/button_gray.png") repeat-x
scroll center bottom #EDEDED;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
display: none;
font-size: 12px;
height: 3em;
left: 0;
line-height: 3em;
padding: 0 1em;
position: absolute;
text-shadow: 0 1px 1px #FFFFFF;
top: 0;
width: 100%;
z-index: 1;
}
#top_menu span.nav_select span.menu_icon_wrapper {
background: url("https://lh6.googleusercontent.com/-VHd-
MUXwJmQ/UcPx8zFDwjI/AAAAAAAAB5Y/qY_VtSSDbT8/s32/button.png") repeat-x scroll center
bottom #55D5FF;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
font-size: 12px;
height: 3em;
position: absolute;
right: 0;
top: 0;
width: 3em;
}
#top_menu span.nav_select span.menu_icon_wrapper span.menu_icon {
background: url("https://lh6.googleusercontent.com/-
pQJha9_ywEA/UcPyAHqGh9I/AAAAAAAAB7A/O0_qVLEac8g/s15/menu_icon.png") no-repeat
scroll center center rgba(0, 0, 0, 0);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header_search {
-moz-user-select: none;
float: right;
margin-left: 5px;
padding-top: 5px;
}
.header_search .search_zoom {
background: url("https://lh4.googleusercontent.com/-
CR2tILljH80/UcPyClKWCgI/AAAAAAAAB8g/75u74UxJL4g/s210/search_btn.png") no-repeat
scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: right;
height: 28px;
width: 30px;
}
.header_search .search_zoom.close {
background-position: 0 100%;
}
.header_search .search_box {
display: none;
height: 36px;
margin-top: -17px;
position: absolute;
right: 40px;
top: 50%;
width: 200px;
}
.header_search .search_box.show {
display: block;
}
.header_search .search_box input.search_input {
height: 36px;
line-height: 32px;
padding: 0 10px;
width: 100%;
}
.sf-menu, .sf-menu * {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sf-menu {
line-height: 1;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 15em;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
}
.sf-menu li {
float: left;
margin-right: 5px;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left: 0;
top: 3.1em;
z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 15em;
padding-top: 0;
top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left: 10em;
top: 0;
}
.sf-menu {
float: left;
}
.sf-menu a {
padding: 0.9em 1em;
text-decoration: none;
}
.sf-menu a, .sf-menu a:visited {
border-radius: 2px;
color: #E8F0F3;
font-weight: bold;
line-height: 1em;
outline: medium none;
padding: 1em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sf-menu li {
border-radius: 2px;
}
.sf-menu li li {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #EAEAEA;
border-radius: 0;
}
.sf-menu li:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.sf-menu li:last-child {
border: medium none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.sf-menu li li a, .sf-menu li li a:visited {
color: #666666;
text-shadow: none;
}
.sf-menu > li.current-menu-ancestor > a, .sf-menu > li.current-menu-parent > a,
.sf-menu > li.current-post-ancestor > a, .sf-menu > li.current-post-parent > a,
.sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a, .sf-menu
> li.current > a {
background: url("https://lh3.googleusercontent.com/-
K8Ezzv3u9b0/UcPyCzgITRI/AAAAAAAAB8o/QrYxUjJaP3Q/s34/skin1_gd.png") repeat-x scroll
center bottom #55D5FF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
color: #FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover {
background: url("https://lh6.googleusercontent.com/-VHd-
MUXwJmQ/UcPx8zFDwjI/AAAAAAAAB5Y/qY_VtSSDbT8/s32/button.png") repeat-x scroll center
bottom #536D86;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
color: #FFFFFF;
outline: 0 none;
}
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a {
color: #FFFFFF;
}
.sf-menu li li.current-menu-ancestor > a, .sf-menu li li.current-menu-parent >
a, .sf-menu li li.current-post-ancestor > a, .sf-menu li li.current-post-parent >
a, .sf-menu li li.current-menu-item a, .sf-menu li li.current_page_item a, .sf-menu
li li.current a {
background: none repeat scroll 0 0 #F0F0F0;
box-shadow: none;
color: #F4836A;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
background: url("https://lh3.googleusercontent.com/-
1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png") repeat-x scroll 0
0 #F9F9F9;
}
.sf-menu li li:hover a, .sf-menu li li.sfHover a {
color: #333333;
}
.sf-menu a.sf-with-ul {
min-width: 1px;
padding-right: 1.7em;
}
.sf-sub-indicator {
background: url("https://lh5.googleusercontent.com/-_c7cDyImAGY/UcPx8wd-
mlI/AAAAAAAAB5c/EjJte4q0gF4/s110/arrows-ffffff.png") no-repeat scroll -10px -100px
rgba(0, 0, 0, 0);
display: block;
height: 10px;
overflow: hidden;
position: absolute;
right: 0.6em;
text-indent: -999em;
top: 1.05em;
width: 10px;
}
a > .sf-sub-indicator {
background-position: 0 -100px;
top: 1.1em;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-
indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-
indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a >
.sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;
}
.sf-shadow ul {
background: url("https://lh6.googleusercontent.com/-
Lgz04nY7ppo/UcPx_Vf5SpI/AAAAAAAAB6w/frKzD2hMyEg/s19/menu_arrow.png") no-repeat
scroll 20px 0 rgba(0, 0, 0, 0);
border-radius: 4px;
padding-top: 8px;
}
.sf-shadow ul.sf-shadow-off {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sf-shadow ul ul {
background: url("https://lh3.googleusercontent.com/-
fxXY1gczTns/UcPx_lhxt8I/AAAAAAAAB60/KbQkNrcw-jE/s19/menu_arrow_sub.png") no-repeat
scroll 0 10px rgba(0, 0, 0, 0);
padding: 0 0 0 8px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #F9F9F9;
border: medium none;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
color: #888888;
display: inline-block;
font-size: 0.9em;
line-height: 1em;
margin: 0;
max-width: 100%;
outline: medium none;
padding: 1em;
width: 220px;
}
select {
line-height: 1em;
padding: 1em;
width: 200px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
textarea:focus {
background-color: #FFF5CD;
color: #333333;
}
textarea {
min-height: 60px;
}
label, legend {
display: block;
font-weight: bold;
}
label {
display: block;
margin-bottom: 10px;
}
input[type="checkbox"] {
display: inline;
}
@media not all {
input[type="text"], input[type="password"], input[type="email"] {
padding: 0.9em;
}
}
#sidebar-wrapper {
float: right;
width: 320px;
margin: -110px 0;
}
/*.post_item, #comments {
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0, .1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0, .1);
box-shadow: 0 2px 3px rgba(0,0,0, .1);
}*/
.post_item h3 {
font-size: 14px;
font-family: 'Raleway', sans-serif;
background: #fff;
color: #9eb2c0;
box-shadow: 0 5px 25px rgba(0,0,0,0.05);
border-bottom: 1px solid #eaeaea;
position: relative;
}
.post_item h3:before {
content: "";
width: 0;
height: 0;
position: absolute;
left: 50%;
top: 100%;
margin-left: -10px;
border-color: #eaeaea rgba(0,0,0,0) rgba(0,0,0,0);
border-style: solid;
border-width: 10px;
}
.post_item h3:after {
content: "";
position: absolute;
top: 96%;
left: 50%;
margin-left: -10px;
border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0);
border-style: solid;
border-width: 10px;
}
.post_item h1 {
font-size: 38px;
margin-bottom: 18px;
font-family:Playfair Display;
}
.post_item_title a {
background: none repeat scroll 0 0 #fff;
font-size: 22px;
color: #4A99B6;
display: block;
padding: 8px 30px;
}
.post_item_title a:hover {
color: #F55230;
}
.large_thumb {
position: relative;
}
.Content {
padding: 18px 11px 0px;
text-align: justify;
}
.p-right a {
padding: 8px;
color: #222;
border: 1px solid #222;
}
.thumb {
display: block;
height: auto !important;
width: 100% !important;
}
.post_meta {
border-bottom: 1px solid #E0E1DC;
}
.post_meta span {
color: #999999;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 12px;
font-style: italic;
line-height: 1;
margin-right: 12px;
padding: 5px 0;
white-space: nowrap;
}
.post_meta span.user {
float:left;
background: url("https://lh5.googleusercontent.com/-
Qluew9h2rng/UcPyAuOTbeI/AAAAAAAAB7c/l4QJSdazCOA/s16/meta_user.png") no-repeat
scroll left center rgba(0, 0, 0, 0);
padding-left: 18px;
}
.post_meta span.time {
background: url("https://lh6.googleusercontent.com/--
Swg3CGdbU8/UcPyAEV2cUI/AAAAAAAAB7M/0eEnNgsMq2c/s16/meta_time.png") no-repeat scroll
left center rgba(0, 0, 0, 0);
padding-left: 20px;
}
.post_meta span.comment {
background: url("https://lh5.googleusercontent.com/-
kfxAAytuHik/UcPyAHbhsxI/AAAAAAAAB7E/h9hMrLZPz3g/s16/meta_comment.png") no-repeat
scroll left center rgba(0, 0, 0, 0);
padding-left: 20px;
}
.post_item_inner {
padding: 20px;
position: relative;
}
.post_item_inner p {
margin-bottom: 30px;
font-family: 'Pontano Sans', sans-serif;
font-size: 15px;
}
.button.normal {
border: #000 1px solid;
height: 8px;
line-height: 7px;
}
.button, .post_tag a, .letter_submit {
border-radius: 2px;
color: #000000;
cursor: pointer;
display: inline-block;
font-size: 0.9em;
font-weight: bold;
line-height: 1em;
outline: medium none;
padding: 1em;
text-decoration: none;
}
.button:hover {
opacity: 0.8;
background: #000;
color: #fff;
transition: background-color 1.5s ease;
-webkit-transition: background-color 1.5s ease;
-moz-transition: background-color 1.5s ease;
-o-transition: background-color 1.5s ease;
}
.like_post {
border-radius: 2px;
float: right;
}
.post blockquote {
background: url("https://lh3.googleusercontent.com/-
oaTPjCsZXq8/UcPyCOOfHpI/AAAAAAAAB8E/H_lmDI9_W8A/s19/quote.png") no-repeat scroll
25px 20px #34495E;
color: #FFFFFF;
padding: 10px;
position: relative;
}
.post-footer {
border-top: 1px solid #EEEEEE;
margin-top: 30px;
padding-top: 20px;
}
.post_tag a {
border:#37B5E5 1px solid;
color: #666666 !important;
font-weight: normal;
margin-bottom: 5px;
margin-right: 5px;
padding: 0.7em 0.9em;
text-shadow: 0 1px 1px #FFFFFF;
}
.post_tag a:hover {
background-color: #37B5E5;
color: #FFFFFF !important;
opacity: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sidebar .widget {
background-color: #FFFFFF;
padding: 20px;
}
.post_author h4 {
font-size: 18px;
}
.post_author .author_avatar {
float: left;
height: 100px;
width: 100px;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.post_author .author_avatar img {
display: block;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}
.post_author .author_wrapper {
margin-left: 120px;
}
.post_author h4 {
margin-bottom: 5px;
}
.post_author p {
margin: 0;
padding: 0;
}
.small_thumb {
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
padding: 3px;
}
#related-posts {
background-color: #FFFFFF;
}
.FollowByEmail {
background-color: #55D5FF !important;
background-image: url("https://lh3.googleusercontent.com/-
1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png");
background-repeat: repeat-x;
border: 5px solid #FFFFFF;
color: #FFFFFF;
}
.FollowByEmail h2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: medium none;
border-radius: 0;
color: #FFFFFF;
margin-bottom: 15px;
padding: 0;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.FollowByEmail .newsletter_inner {
padding: 25px 20px;
}
.FollowByEmail p {
margin-bottom: 30px;
}
.FollowByEmail .letter_email {
line-height: normal;
margin-bottom: 10px;
width: 100%;
}
.FollowByEmail .letter_submit {
background: url("https://lh6.googleusercontent.com/-VHd-
MUXwJmQ/UcPx8zFDwjI/AAAAAAAAB5Y/qY_VtSSDbT8/s32/button.png") repeat-x scroll center
bottom #666666;
border: medium none;
margin: 0;
}
.FollowByEmail .letter_submit:hover {
opacity: 0.8;
}
.widget_socials .social_wrapper {
padding: 20px 20px 10px;
}
.widget_socials .social_inner {
margin-right: -20px;
}
.widget_socials p {
margin-bottom: 30px;
}
.widget_socials a {
background-color: #888888;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
float: left;
height: 35px;
margin-bottom: 10px;
margin-right: 10px;
overflow: hidden;
text-indent: 9999em;
width: 35px;
}
.widget_socials a:hover {
background-color: #666666 !important;
}
.widget_socials a.facebook {
background-color: #6F85AE;
background-image: url("https://lh3.googleusercontent.com/-
ifDeD3iKioY/UcPx90L45OI/AAAAAAAAB6A/ObECkCist50/s24/facebook.png");
}
.widget_socials a.twitter {
background-color: #23B6C6;
background-image: url("https://lh5.googleusercontent.com/-
ORgZZWh5n_I/UcPyEBWt1tI/AAAAAAAAB9E/YCY8K1egwSs/s24/twitter.png");
}
.widget_socials a.flickr {
background-color: #FF0084;
background-image: url("https://lh3.googleusercontent.com/-
H4N0uYEwjBk/UcPx95Y8SII/AAAAAAAAB6E/ciYk7tJP6K0/s24/flickr.png");
}
.widget_socials a.dribbble {
background-color: #C6376D;
background-image: url("https://lh6.googleusercontent.com/-
DHQ25c_6w_E/UcPx9kiYk7I/AAAAAAAAB54/6-4jSV0gsFY/s24/dribbble.png");
}
.widget_socials a.vimeo {
background-color: #20B9EB;
background-image: url("https://lh5.googleusercontent.com/-
kI8F8zOCSSA/UcPyEbKEGcI/AAAAAAAAB9U/8Ancbp9MIMM/s24/vimeo.png");
}
.widget_socials a.tumblr {
background-color: #2E4B68;
background-image: url("https://lh3.googleusercontent.com/-
Dtw42nPOLhY/UcPyDjtZmgI/AAAAAAAAB84/djpN4lQZdPE/s24/tumblr.png");
}
.widget_socials a.rss {
background-color: #FA7204;
background-image: url("https://lh4.googleusercontent.com/-EbEXnpN-
RIs/UcPyCZPXClI/AAAAAAAAB8Q/IDEpJmzqkuU/s24/rss.png");
}
.widget_socials a.linkedin {
background-color: #006699;
background-image: url("https://lh5.googleusercontent.com/-gAsnBv-
K_hk/UcPx_FpxF2I/AAAAAAAAB6o/l07Bq86UHSE/s24/linkedin.png");
}
.widget_socials a.youtube {
background-color: #DD3D3D;
background-image: url("https://lh6.googleusercontent.com/-
aVPy7jN4T7Q/UcPyEV_ljFI/AAAAAAAAB9Q/cVUbI1P1FTg/s24/youtube.png");
}
.widget_socials a.google_plus {
background-color: #DD3D3D;
background-image: url("https://lh3.googleusercontent.com/-H8fbtEHl9yw/UcPx-
RGuARI/AAAAAAAAB6Q/7j9H_Ry5_m4/s24/google%252B.png");
}
.widget_socials a.pinterest {
background-color: #C9242D;
background-image: url("https://lh5.googleusercontent.com/-pGslChgpGfU/UcPyB_-
yhgI/AAAAAAAAB8A/H8IyIF4IDG8/s24/pinterest.png");
}
.widget_socials a.instagram {
background-color: #1B577D;
background-image: url("https://lh6.googleusercontent.com/-eIdoWi7bEVc/UcPx-5tP-
cI/AAAAAAAAB6g/OLK97uwHujA/s24/instagram.png");
}
#blog-pager, .pagenavi {
clear: both;
text-align: center;
margin: 30px auto 15px;
}
.pagenavi .pages {
display: none;
}
#blog-pager a, .pagenavi span, .pagenavi a {
padding: 5px 10px;
text-decoration: none;
font-family: arial;
color: #4A99B6;
margin: 2px;
border: 1px solid #EAEAEA;
background: #fff;
background-position: bottom;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
font-size: 20px;
}
#blog-pager a:hover, .pagenavi a:hover {
background: #fff;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;
}
.pagenavi .current {
background: #fff;
}
#blog-pager{display:none;}
/* slicknav */
/*
Mobile Menu Core Style
*/
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size:16px;
}
/* Button */
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5;
}
.slicknav_menu {
background:#4c4c4c;
padding:5px;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#fff;
}
.slicknav_nav a:hover{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#222;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}
/* slicknav */
.slicknav_menu {
display:none;
}
@media screen and (max-width: 40em) {
/* #masthead is the original menu */
#masthead {
display:none;
}
.slicknav_menu {
display:block;
margin: -19px 0;
}
background: url(http://3.bp.blogspot.com/-
YerhSvyiwyQ/VQc2S7Kz4EI/AAAAAAAAEYk/9wrFvufecBw/s1600/bg.png) #37B5E5;}
/* HEADER WRAPPER */
.header {
position: relative;
z-index: 300;
text-align: center;
}
.header h1.title,.header p.title {
margin:0 0 0 0;
}
.header .description {
color:#555555;
}
.header a {
color:#333333;
}
.header a:hover {
color:#999;
}
.header img {
padding-top: 40px;
display:block;
}
.header-right {
float:right;
padding:0;
overflow:hidden;
margin:55px 0;
width:41.8%;
max-width:468px;
}
.header-right img {
display:block;
}
/* random css */
.yo .post_item_inner {
background:#D25CD6;
color: #fff;
font-size:16px;
}
.lop
{
margin: 0 auto;
width: 1320px;
max-width:100%;
}
/*<!--custom sidebar-->*/
.like_post{display:none;}
img#Header1_headerimg{margin:auto;}
a#Blog1_blog-pager-older-link {
border: 2px solid #000;
padding: 5px 8px;
line-height: 3;
color: #fff;
border-radius: 4px;
}
a#Blog1_blog-pager-newer-link{border: 2px solid #000;
padding: 5px 8px;
line-height: 3;
color: #fff;
border-radius: 4px;}
.outer23 {
background: #fff;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0, .1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0, .1);
box-shadow: 0 1px 0 rgba(0,0,0, .1);
height:90px;
}
.side1{
bottom: 0;
left: 0;
top: 0;
width: 1160px;
margin: 0 auto 50px;
}
/* random */
#left-sidebar-wrap {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 0;
width: 200px;
}
#sidebar-top{
top: 0;
left: 0;
width: 250px;
text-align: center;
float:left;
margin-bottom: 30px;
margin-top: 20px;
#sidebar-top #logo {
color: #666666;
display: table-cell; /* for vertical alignment */
font-family: 'Raleway';
font-size: 14px;
font-weight: bold;
line-height: 43px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
width: 200px;
#sidebar-top #logo-text {
display: block;
padding: 30px 10px 0;
text-align: left;
}
color: #A1A1A1;
overflow-y: auto;
padding: 45px 15px 10px 20px;
text-align: right;
width: 100%;
}
#sidebar-wrap.popup {
overflow-y: visible;
}
#sidebar-wrap.fixed{
position: fixed;
top: 10px;
height: 100%;
z-index: 100;
}
#sidebar,
#sidebar a,
#sidebar a:visited,
#sidebar-right,
#sidebar-right a,
#sidebar-right a:visited{
color: #666;
}
#main-menu, #secondary-menu{
font-family: Raleway;
}
#main-menu li{
color: #808080;
font-size: 14px;
line-height:0;
margin: 0 10px 4px 0px;
text-transform: uppercase;
position: relative;
float:left;
}
#sidebar #main-menu .sub-menu li{
line-height: 120%;
font-size: 14px;
margin-bottom: 0;
text-transform: none;
margin-top: 3px;
}
#secondary-menu li{
line-height: 130%;
font-size: 15px;
margin-bottom: 0;
overflow: hidden;
}
#secondary-menu{
margin-top: 50px;
}
/* popup submenu */
@media all and (min-width: 701px){
.popup .sub-menu {
background-color: #000000;
display: none;
left: 180px;
padding: 10px 20px;
position: absolute;
text-align: left;
top: -45px;
width: 300px;
z-index: 999;
/*
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
*/
}
.popup .sub-menu:before {
background: url("images/submenu_arrow.png") no-repeat scroll
100% 45px rgba(0, 0, 0, 0);
content: "";
display: block;
height: 100%;
left: -40px;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}
#copy{
display: block;
margin-top: 140px;
font-size: 12px;
line-height: 130%;
color: #757171;
}
#sidebar-bg {
background-color: #FFFFFF;
bottom: 0;
left: 0;
position: fixed;
top: 0;
width: 200px;
display: block;
height: 100%;
}
/*responsive*/
.side1{width:180px;}
#sidebar-wrap{width:140px;}
.container23{margin-left:174px;width:83%;}
.row .row{margin:0px;}
.row .twelve {
width: 100%;
}
.inner {
margin : -110px 0;}
}
#related-posts{background-color: #FFFFFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;}
.side1{width:130px;}
#sidebar-wrap{width:102px;}
.row .row{margin:0px;}
.row .twelve {
width: 100%;
}
.leftfooter{width:100%!important;text-align:center!important;}
.rightfooter{width:100%!important;text-align:center!important;}
div.post_item:after{right:0.2rem;}
div.post_item:before{right:1rem;}
.side1{width:165px;}
#sidebar-wrap{width:128px;}
.row .row{margin:0px;}
div.post_item:after{right:0.5rem;}
div.post_item:before{right:1.3rem;}
.inner {
margin : -110px 0;}
}
.side1{width:150px;}
#sidebar-wrap{width:120px;}
.row .row{margin:0px;}
div.post_item:after{right:0.5rem;}
div.post_item:before{right:1.3rem;}
.titlewrapper {padding: 20px 0;margin: -10px 0;}
#mariber-social {width: 100%;text-align: center;margin: -30px 0;}
.inner {
margin : -110px 0;}
.row .twelve {
width: 100%;
}
#related-posts ul li{width:19%;}
.post-body img{width:auto;
}
div.post_item:after {
right: 0.2rem;
}
div.post_item:before {
right: 1.1rem;
}
.inner {
margin : -110px 0;}
}
.post_meta span.user{float:left;}
.post-share-buttons{display:none;}
#related-posts{background-color: #FFFFFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;}
.goog-inline-block{display:none;}
div.post-share-buttons.goog-inline-block{display:none;}
#post_grids .columns {
width: 100%;}
#leftContent .inner{
margin : margin: -68px -13px;}
}
.post_meta span.user{float:left;}
.post-share-buttons{display:none;}
#related-posts{background-color: #FFFFFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;}
.goog-inline-block{display:none;}
div.post-share-buttons.goog-inline-block{display:none;}
.row .twelve {
width: 88%;
}
.inner {
margin : -110px 0;}
}
.post{
float:left;
width:47%;
}
/*MENUDOT*/
/*li.current-menu-item.current_page_item:before {
border: 2px solid #33CCF0 !important;
position: absolute;
/* top: 50%; */
content: "";
/* right: 72%; */
width: 4px;
height: 4px;
border-radius: 100%;
margin-top: 20px;
margin-left: -44px;
}*/
/*menu*/
.search-bar {
margin-top: 20px;
}
/* =Social menu
----------------------------------------------- */
#social-menu{
padding:15px;
}
#social-menu a {
display: block;
float: left;
font-family: 'Font Awesome';
font-size: 25px;
margin-left: 10px;
margin-bottom: 10px;
color: #ccc;
width: 20px;
height: 20px;
}
#social-menu .icon-facebook-rounded:hover{
color: #45619D;
}
#social-menu .icon-twitter:hover{
color: #1AB2E8;
}
#social-menu .icon-youtube:hover{
color: #C2302A;
}
#social-menu .icon-soundcloud-rounded:hover{
color: #F96604;
}
#social-menu .icon-flickr-rounded:hover{
color: #F3006F;
}
#social-menu .icon-google-rounded:hover{
color: #201f1d;
}
#social-menu .icon-vimeo-rounded:hover{
color: #229acc;
}
#social-menu .icon-linkedin-rounded:hover{
color: #0274b3;
}
#social-menu .icon-pinterest-rounded:hover{
color: #cb2027;
}
#social-menu .icon-picassa-rounded:hover{
color: #9864ae;
}
#social-menu .icon-instagram:hover{
color: #8c5d4d;
}
#social-menu .icon-tumblr-rounded:hover{
color: #34506b;
}
#social-menu .icon-deviantart-rounded:hover{
color: #000;
}
#social-menu .icon-dribbble-rounded:hover{
color: #e24d85;
}
#social-menu .icon-reddit:hover{
color: #000;
}
#social-menu .icon-behance-rounded:hover{
color: #2d9ad2;
}
#social-menu .icon-feed-rounded:hover{
color: #f68026;
}
.menuhead{
width: 100%;
background: rgba(48, 49, 48, 0.09);
z-index: 999;
position: fixed;
height: 27px;
}
i.fa.fa-share {
width: 25px;
height: 25px;
/* background: black; */
text-align: center;
}
i.fa.fa-share:before {
vertical-align: -webkit-baseline-middle;
}
.separator a {
margin-left: 0!important;
margin-right: 0!important;
}
.footerbottom {
background: #fff;
width: 100%;
border-top: 1px solid #E2E2E2;
color: #fff;
background: url(http://3.bp.blogspot.com/-
YerhSvyiwyQ/VQc2S7Kz4EI/AAAAAAAAEYk/9wrFvufecBw/s1600/bg.png) #37B5E5;
margin-top: -20px;
}
.footerbottom a{
color: #fff;
/* ZaiZiin Css */
.contentfooter {
padding: 15px;text-align: center;
}
.contentfooter1 {
text-align: center;
padding-bottom: 15px;
visibility: hidden;
}
.contentfooter2 {
text-align: center;
padding-bottom: 15px;
font-size : 15px;
}
.inner {
margin : -110px 0;
}
.leftfooter {
float: left;
width: 50%;
}
.rightfooter {
float: right;
width: 50%;
text-align: right;
}
.leftfooter a {
margin: 15px;
}
div#sidebar1 {
text-align: center;
}
.share-story-container{display:block;min-
height:41px;width:103%;position:relative;margin:0;padding:4% 0 0}
.share-story-container ul{list-style:none;text-align:center;margin:0;padding:0}
.share-story-container ul li{text-align:center;display:inline-block;margin:1 10px}
/* Follow us */
.follow-us li {
position: relative;
display: inline-block;
height: 32px;
background: #3a3a3a;
line-height: 32px;
font-size: 14px;
padding: 0 15px;
border-radius: 3px;
text-align: center;
cursor: pointer;
margin: 5px 5px 5px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.follow-title {
color: #ffffff;
opacity: 1;
}
.follow-icon {
font-size: 18px;
color: #fff;
opacity: 0;
margin-top: -32px;
}
.follow-us li:hover {
background: #0093BF;
}
.follow-us li:hover .follow-title {
opacity: 0;
}
.follow-us li:hover .follow-icon {
opacity: 1;
}
#menu-menu-1 li ul {
display: none;
position: absolute;
padding: 0;
top: 100%;
background: #fff;
margin: 0;
margin-top: 0;
z-index: 100;
box-shadow: 0px 0px 10px -1px #999;
}
#menu-menu-1 li:hover ul {
display: block;
width: 200px;
padding: 10px 10px 0;
}
#menu-menu-1 li ul li a {
color: #333;
}
#menu-menu-1 li ul li{
color: #333;
}
#menu-menu-1 li ul li {
float: none;
padding: 0px;
}
#menu-menu-1 li ul li a, #menu-menu-1 li:hover ul li a, #menu-menu-1 li.over ul li
a {
padding: 12px 16px 12px 14px;
display: block;
width: 142px;
text-align: left;
height: auto;
background: #FFFFFF;
font-size: 14px;
font-weight: 400;
border-bottom: 1px solid #EEEEEE;
color: #333;
text-transform: none;
}
.p-right {
padding-bottom: 20px;
}
.post_item {
background: #fff;
}
.Content p {
margin-bottom: 20px;
font-size:14px;
font-family: Georgia,"Times New Roman",Times,serif;
}
.footer1{width:25%;float:left;}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: url(http://2.bp.blogspot.com/-
xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat
11px 8px #fff;
border-width: 0px;
border-style: solid;
border-color: #fff;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 55%;
padding: 8px 15px 8px 30px;
}
#button-submit {
background: #3F88A5;
border-width: 0px;
padding: 9px 0px;
width: 23%;
cursor: pointer;
border-radius: 3px;
font: bold 12px Arial, Helvetica;
color: #fff;
}
#button-submit:hover {
background: #4f5356;
}
#button-submit:active {
background: #5b5d60;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
}
.label-name a,.label-name a:hover {
text-decoration: none;
background: #37B5E5;
padding: 2px 5px;
color:#fff;
}
#adaku{
font-size : 15px;
}
@media only screen and (max-width: 767px) and (min-width: 482px) {
.footerbottom {
margin-top: 80px;
}
#adaku{
font-size : 12px;
}
}
@media only screen and (max-width: 766px) and (min-width: 482px){
.footerbottom {
margin-top: -10px;}
}
#searchbox {
padding: 37px 0px;
text-align: center;
}
#mariber-social {
width: 100%;
text-align: center;
margin: -60px 0;}
#searchbox {
padding: 47px 0px;
text-align: center;
height: 0px;}
}
@media only screen and (max-width: 376px){
#searchbox {
display: none;}
#coba1 {
display: none;}
#mariber-social {
height: 110px;}
}
]]></b:skin>
<style>
.post-body img:hover {
transition: 1s;
transform: scale(1.1);
}
.ImageWrapper.ContentWrapperZn.chrome-fix {
overflow: hidden;
}
</b:if>
}
.p-right{display: none;}
.post-body img:hover {
transition: 1s;
transform: scale(1.1);
}
.ImageWrapper.ContentWrapperZn.chrome-fix {
overflow: hidden;
}
}
</b:if>
#sidebar-wrapper {
width: 100%!important;
margin: -20px 0;
}
}
</b:if>
</style>
<style type='text/css'>
<b:if cond='data:blog.pageType == "index"'>
#sidebar-wrapper{display:none}
.column,.columns{float:left;min-height:1px;padding:0 15px;position:relative;margin-
bottom:30px}
.columns{width:25%}
<b:else/>
.columns{padding:0 15px;margin-bottom:30px}
#main .columns{padding:0}
#leftContent{background:#fff;float:left;width:67%}
.post_item{padding:30px 50px;border-bottom-right-radius:0;border-bottom-left-
radius:0}
.post_meta{background:none;border:none;margin-bottom:20px;padding:0}
#leftContent .inner{}
#leftContent{background:#fff;float:left;width:auto}
}
@media only screen and (max-width: 767px) {
.post_item{padding:14px}
.post-body img {max-width:100%}
}
</b:if>
.container23{width: 1220px;
max-width: 100%;
position:relative;
margin: 0 auto;
margin-top:15px;}
.row .twelve{width:100%;margin-top:85px;}
.column.end,.columns.end{float:right}
.column.wrapper,.columns.wrapper{margin-bottom:0}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.thumb img {
max-width: 100%;
min-height: 205px;
max-height: 205px;
-ms-interpolation-mode: bicubic;
}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic}
object,embed,iframe{max-width:100%}
@media only screen and (max-width: 959px) and (min-width:768px) {
.row .row{margin:0 -10px}
<b:if cond='data:blog.pageType == "index"'>
.column,.columns{padding:0 10px;margin-bottom:20px;width:33%;}
</b:if>
.top_wrapper{margin-bottom:20px}
#top_menu{right:10px}
#top_menu .sf-menu i{display:none}
<b:if cond='data:blog.pageType != "index"'>
#leftContent{width:56%;float:left;margin:0}
</b:if>
.inner{margin:-110px 0;}
.post_content{margin:0 -10px}
.post_single{margin-bottom:20px}
#footer{padding-top:20px}
}
#sidebar-wrapper {
float: right;
width: 280px;
margin: -110px 0;
}
.column:last-child,.columns:last-child{float:none}
[class*="column"] + [class*="column"]:last-child{float:none}
.
column:before,.columns:before,.column:after,.columns:after{content:"";dis
play:table}
.column:after,.columns:after{clear:both}
.top_wrapper{margin-bottom:14px}
.header_left,.header_right{float:none;width:auto}
.header_left{margin-bottom:30px}
#top_menu{position:relative;background-color:#06F;right:0}
#header{width:100%;float:none;text-align:center;margin:0;margin-bottom:10px}
div#head-inner{margin:10px auto;}
#header img{display:inline;margin:0 auto}
#top_menu{float:none;width:auto}
#top_menu .sf-menu,.header_search{display:none}
#top_menu span.nav_select,.select_menu{display:block}
#leftContent{width:auto;float:none;margin:0}
#leftContent .inner{margin:-90px 0;}
.white_box .white_box_inner{padding:10px}
.slider .caption_wrapper{display:none}
.slider .caption,.slider .flex-direction-nav{display:none}
.post_item_inner,.post_single_inner{padding:14px}
.post_single{margin-bottom:14px}
.social_share,.post_author{display:none}
#related-posts ul li{width:50%}
#footer{padding-top:14px}
}
@media only screen and (max-width: 640px){
.footerbottom {
margin-top: 50px;
}
.inner {margin: -48px 0;}
.menuhead { display: none;}
#sidebar-wrapper {
width: 100%!important;
margin: 10px 0;}
}
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
function stripTags(s, n) {
return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")
}
var
_0xa62b=["\x4F\x20\x31\x6C\x28\x61\x29\x7B\x53\x20\x70\x3D\x31\x32\x2E\x31\x6B\x28\
x61\x29\x2C\x7A\x3D\x22\x22\x2C\x6D\x3D\x22\x22\x2C\x39\x3D\x22\x22\x2C\x63\x3D\x2D
\x31\x2C\x6E\x3D\x70\x2E\x56\x28\x22\x6E\x22\x29\x2C\x4B\x3D\x70\x2E\x56\x28\x22\x6
5\x22\x29\x3B\x31\x6E\x28\x53\x20\x69\x3D\x30\x3B\x69\x3C\x4B\x2E\x50\x3B\x69\x2B\x
2B\x29\x7B\x39\x3D\x4B\x5B\x69\x5D\x2E\x68\x3B\x62\x28\x39\x2E\x73\x28\x22\x2F\x2F\
x76\x2E\x31\x6D\x2E\x67\x2F\x55\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x63\x3D\x31\x3B
\x72\x7D\x66\x20\x62\x28\x39\x2E\x73\x28\x22\x2F\x2F\x54\x2E\x31\x67\x2E\x67\x2F\x6
B\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x63\x3D\x32\x3B\x72\x7D\x66\x20\x62\x28\x39\x
2E\x73\x28\x22\x2F\x2F\x76\x2E\x31\x39\x2E\x67\x2F\x55\x2F\x6B\x2F\x22\x29\x21\x3D\
x2D\x31\x29\x7B\x63\x3D\x33\x3B\x72\x7D\x66\x20\x62\x28\x39\x2E\x73\x28\x22\x2F\x2F
\x77\x2E\x31\x62\x2E\x67\x2F\x54\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x63\x3D\x34\x3
B\x72\x7D\x7D\x62\x28\x63\x3D\x3D\x31\x29\x6D\x3D\x27\x3C\x36\x20\x35\x3D\x22\x42\x
20\x43\x20\x31\x64\x22\x3E\x3C\x36\x20\x35\x3D\x22\x45\x22\x3E\x27\x2B\x27\x3C\x36\
x20\x35\x3D\x22\x46\x2D\x6B\x22\x3E\x3C\x65\x20\x47\x3D\x22\x48\x22\x20\x49\x3D\x22
\x4A\x22\x20\x68\x3D\x22\x27\x2B\x39\x2B\x27\x3F\x41\x3D\x44\x26\x37\x3D\x30\x22\x2
0\x75\x3D\x22\x30\x22\x20\x74\x3E\x3C\x2F\x65\x3E\x3C\x2F\x36\x3E\x3C\x38\x20\x35\x
3D\x22\x6C\x22\x3E\x3C\x61\x20\x37\x3D\x22\x6A\x22\x20\x64\x3D\x22\x27\x2B\x79\x2B\
x27\x22\x3E\x27\x2B\x78\x2B\x22\x3C\x2F\x61\x3E\x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x36
\x20\x35\x3D\x22\x71\x22\x3E\x3C\x36\x20\x35\x3D\x22\x6F\x22\x3E\x27\x3B\x66\x20\x6
2\x28\x63\x3D\x3D\x32\x29\x6D\x3D\x27\x3C\x36\x20\x35\x3D\x22\x42\x20\x43\x20\x31\x
6F\x22\x3E\x3C\x36\x20\x35\x3D\x22\x45\x22\x3E\x27\x2B\x27\x3C\x36\x20\x35\x3D\x22\
x46\x2D\x6B\x22\x3E\x3C\x65\x20\x47\x3D\x22\x48\x22\x20\x49\x3D\x22\x4A\x22\x20\x68
\x3D\x22\x27\x2B\x39\x2B\x27\x3F\x41\x3D\x44\x26\x37\x3D\x30\x22\x20\x75\x3D\x22\x3
0\x22\x20\x74\x3E\x3C\x2F\x65\x3E\x3C\x2F\x36\x3E\x3C\x38\x20\x35\x3D\x22\x6C\x22\x
3E\x3C\x61\x20\x37\x3D\x22\x6A\x22\x20\x64\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\
x2B\x78\x2B\x22\x3C\x2F\x61\x3E\x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x36\x20\x35\x3D\x22
\x71\x22\x3E\x3C\x36\x20\x35\x3D\x22\x6F\x22\x3E\x27\x3B\x66\x20\x62\x28\x63\x3D\x3
D\x33\x29\x6D\x3D\x27\x3C\x36\x20\x35\x3D\x22\x42\x20\x43\x20\x31\x70\x22\x3E\x3C\x
36\x20\x35\x3D\x22\x45\x22\x3E\x27\x2B\x27\x3C\x36\x20\x35\x3D\x22\x46\x2D\x6B\x22\
x3E\x3C\x65\x20\x47\x3D\x22\x48\x22\x20\x49\x3D\x22\x4A\x22\x20\x68\x3D\x22\x27\x2B
\x39\x2B\x27\x3F\x41\x3D\x44\x26\x37\x3D\x30\x22\x20\x75\x3D\x22\x30\x22\x20\x74\x3
E\x3C\x2F\x65\x3E\x3C\x2F\x36\x3E\x3C\x38\x20\x35\x3D\x22\x6C\x22\x3E\x3C\x61\x20\x
37\x3D\x22\x6A\x22\x20\x64\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x78\x2B\x22\
x3C\x2F\x61\x3E\x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x36\x20\x35\x3D\x22\x71\x22\x3E\x3C
\x36\x20\x35\x3D\x22\x6F\x22\x3E\x27\x3B\x66\x20\x62\x28\x63\x3D\x3D\x34\x29\x6D\x3
D\x27\x3C\x36\x20\x35\x3D\x22\x42\x20\x43\x20\x31\x71\x22\x3E\x3C\x36\x20\x35\x3D\x
22\x45\x22\x3E\x27\x2B\x27\x3C\x36\x20\x35\x3D\x22\x46\x2D\x6B\x22\x3E\x3C\x65\x20\
x47\x3D\x22\x48\x22\x20\x49\x3D\x22\x4A\x22\x20\x68\x3D\x22\x27\x2B\x39\x2B\x27\x3F
\x41\x3D\x44\x26\x37\x3D\x30\x22\x20\x75\x3D\x22\x30\x22\x20\x74\x3E\x3C\x2F\x65\x3
E\x3C\x2F\x36\x3E\x3C\x38\x20\x35\x3D\x22\x6C\x22\x3E\x3C\x61\x20\x37\x3D\x22\x6A\x
22\x20\x64\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x78\x2B\x22\x3C\x2F\x61\x3E\
x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x36\x20\x35\x3D\x22\x71\x22\x3E\x3C\x36\x20\x35\x3D
\x22\x6F\x22\x3E\x27\x3B\x66\x20\x62\x28\x6E\x2E\x50\x3E\x3D\x31\x29\x7A\x3D\x27\x3
C\x36\x20\x35\x3D\x22\x31\x34\x20\x31\x35\x20\x31\x36\x2D\x31\x37\x22\x3E\x27\x2B\x
27\x3C\x6E\x20\x35\x3D\x22\x6E\x2D\x31\x38\x22\x20\x68\x3D\x22\x27\x2B\x6E\x5B\x30\
x5D\x2E\x68\x2B\x27\x22\x20\x2F\x3E\x3C\x38\x20\x35\x3D\x22\x6C\x22\x3E\x3C\x61\x20
\x37\x3D\x22\x6A\x22\x20\x64\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x78\x2B\x2
2\x3C\x2F\x61\x3E\x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x36\x20\x35\x3D\x22\x71\x22\x3E\x
3C\x36\x20\x35\x3D\x22\x6F\x22\x3E\x27\x3B\x66\x20\x7A\x3D\x27\x3C\x38\x20\x35\x3D\
x22\x6C\x22\x3E\x3C\x61\x20\x37\x3D\x22\x6A\x22\x20\x64\x3D\x22\x27\x2B\x79\x2B\x27
\x22\x3E\x27\x2B\x78\x2B\x22\x3C\x2F\x61\x3E\x3C\x2F\x38\x3E\x22\x2B\x27\x3C\x51\x2
0\x35\x3D\x22\x31\x61\x22\x3E\x27\x3B\x70\x2E\x57\x3D\x27\x27\x2B\x7A\x2B\x6D\x2B\x
22\x3C\x2F\x61\x3E\x22\x2B\x27\x3C\x70\x3E\x27\x2B\x31\x63\x28\x70\x2E\x57\x2C\x31\
x33\x29\x2B\x27\x2E\x2E\x2E\x3C\x2F\x70\x3E\x3C\x2F\x51\x3E\x3C\x36\x20\x35\x3D\x22
\x31\x65\x22\x3E\x3C\x2F\x36\x3E\x3C\x2F\x36\x3E\x3C\x2F\x36\x3E\x3C\x2F\x36\x3E\x3
C\x2F\x51\x3E\x27\x7D\x3B\x24\x28\x31\x32\x29\x2E\x31\x66\x28\x4F\x28\x29\x7B\x24\x
28\x27\x23\x52\x27\x29\x2E\x31\x68\x28\x22\x31\x69\x20\x31\x6A\x20\x3C\x61\x20\x64\
x3D\x27\x4D\x3A\x2F\x2F\x76\x2E\x58\x2E\x67\x2F\x27\x20\x37\x3D\x27\x59\x27\x20\x5A
\x3D\x27\x31\x30\x27\x20\x31\x31\x3D\x27\x4C\x20\x4E\x27\x3E\x31\x72\x20\x4E\x3C\x2
F\x61\x3E\x20\x31\x73\x20\x3C\x61\x20\x64\x3D\x27\x4D\x3A\x2F\x2F\x31\x74\x2E\x67\x
2F\x27\x20\x37\x3D\x27\x59\x27\x20\x5A\x3D\x27\x31\x30\x27\x20\x31\x31\x3D\x27\x4C\
x20\x4E\x27\x3E\x31\x75\x20\x4C\x20\x31\x76\x3C\x2F\x61\x3E\x22\x29\x3B\x31\x77\x28
\x4F\x28\x29\x7B\x62\x28\x21\x24\x28\x27\x23\x52\x3A\x31\x78\x27\x29\x2E\x50\x29\x3
1\x79\x2E\x31\x7A\x2E\x64\x3D\x27\x4D\x3A\x2F\x2F\x76\x2E\x58\x2E\x67\x2F\x27\x7D\x
2C\x31\x41\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x63
\x6C\x61\x73\x73\x7C\x64\x69\x76\x7C\x72\x65\x6C\x7C\x68\x33\x7C\x69\x66\x72\x73\x7
2\x63\x7C\x7C\x69\x66\x7C\x69\x66\x72\x74\x62\x7C\x68\x72\x65\x66\x7C\x69\x66\x72\x
61\x6D\x65\x7C\x65\x6C\x73\x65\x7C\x63\x6F\x6D\x7C\x73\x72\x63\x7C\x7C\x62\x6F\x6F\
x6B\x6D\x61\x72\x6B\x7C\x76\x69\x64\x65\x6F\x7C\x70\x6F\x73\x74\x5F\x69\x74\x65\x6D
\x5F\x74\x69\x74\x6C\x65\x7C\x69\x66\x72\x74\x61\x67\x7C\x69\x6D\x67\x7C\x43\x6F\x6
E\x74\x65\x6E\x74\x7C\x7C\x43\x6F\x6E\x74\x65\x6E\x74\x5A\x6E\x7C\x62\x72\x65\x61\x
6B\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x61\x6C\x6C\x6F\x77\x66\x75\x6C\x6C\x73\x63\
x72\x65\x65\x6E\x7C\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x7C\x77\x77\x77\x7C
\x7C\x7C\x7C\x69\x6D\x67\x74\x61\x67\x7C\x76\x71\x7C\x6C\x61\x72\x67\x65\x5F\x74\x6
8\x75\x6D\x62\x7C\x74\x68\x75\x6D\x62\x5F\x68\x6F\x76\x65\x72\x7C\x6D\x65\x64\x69\x
75\x6D\x7C\x69\x6D\x67\x5F\x77\x72\x61\x70\x70\x65\x72\x7C\x65\x6E\x74\x72\x79\x7C\
x77\x69\x64\x74\x68\x7C\x61\x75\x74\x6F\x7C\x68\x65\x69\x67\x68\x74\x7C\x32\x30\x30
\x7C\x69\x66\x72\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x68\x74\x74\x70\x7C\x54\x65\x6
D\x70\x6C\x61\x74\x65\x73\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x6C\x65\x6E\x67\x
74\x68\x7C\x73\x70\x61\x6E\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x76\x61\x72\
x7C\x70\x6C\x61\x79\x65\x72\x7C\x65\x6D\x62\x65\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D
\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x69\x6E\x6E\x65\x72\x48\x5
4\x4D\x4C\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x64\x6F\x66\x
6F\x6C\x6C\x6F\x77\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x74\
x69\x74\x6C\x65\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x32\x35\x7C\x49\x6D\x61\x67
\x65\x57\x72\x61\x70\x70\x65\x72\x7C\x43\x6F\x6E\x74\x65\x6E\x74\x57\x72\x61\x70\x7
0\x65\x72\x5A\x6E\x7C\x63\x68\x72\x6F\x6D\x65\x7C\x66\x69\x78\x7C\x72\x65\x73\x70\x
6F\x6E\x73\x69\x76\x65\x7C\x64\x61\x69\x6C\x79\x6D\x6F\x74\x69\x6F\x6E\x7C\x79\x6F\
x7C\x73\x6F\x75\x6E\x64\x63\x6C\x6F\x75\x64\x7C\x73\x74\x72\x69\x70\x54\x61\x67\x73
\x7C\x74\x75\x62\x65\x7C\x63\x6C\x65\x61\x72\x7C\x72\x65\x61\x64\x79\x7C\x76\x69\x6
D\x65\x6F\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x42\x79\x7C\x67\x
65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x72\x65\x61\x64\x6D\x6F\x72\
x65\x7C\x79\x6F\x75\x74\x75\x62\x65\x7C\x66\x6F\x72\x7C\x6D\x65\x6F\x7C\x6D\x6F\x74
\x69\x6F\x6E\x7C\x63\x6C\x6F\x75\x64\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x6D\x7
9\x62\x6C\x6F\x67\x67\x65\x72\x74\x68\x65\x6D\x65\x73\x7C\x4D\x79\x7C\x54\x68\x65\x
6D\x65\x73\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\
x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x33\x30
\x30\x30","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x
61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x351fx1,_0x351fx2,_0x
351fx3,_0x351fx4,_0x351fx5,_0x351fx6){_0x351fx5=function(_0x351fx3){return
(_0x351fx3<_0x351fx2?_0xa62b[4]:_0x351fx5(parseInt(_0x351fx3/_0x351fx2)))+
((_0x351fx3=_0x351fx3%_0x351fx2)>35?String[_0xa62b[5]]
(_0x351fx3+29):_0x351fx3.toString(36))};if(!_0xa62b[4][_0xa62b[6]](/^/,String))
{while(_0x351fx3--){_0x351fx6[_0x351fx5(_0x351fx3)]=_0x351fx4[_0x351fx3]||
_0x351fx5(_0x351fx3)};_0x351fx4=[function(_0x351fx5){return
_0x351fx6[_0x351fx5]}];_0x351fx5=function(){return
_0xa62b[7]};_0x351fx3=1;};while(_0x351fx3--){if(_0x351fx4[_0x351fx3])
{_0x351fx1=_0x351fx1[_0xa62b[6]]( new
RegExp(_0xa62b[8]+_0x351fx5(_0x351fx3)+_0xa62b[8],_0xa62b[9]),_0x351fx4[_0x351fx3])
}};return _0x351fx1;}(_0xa62b[0],62,99,_0xa62b[3][_0xa62b[2]](_0xa62b[1]),0,{}));
//]]></script>
<style>
.myshare {
margin: 0px auto;
margin-bottom: 0;
text-align: center;
font-size: 15px;
line-height: 30px;
display: block;
position: relative;
z-index: 1;
}
.myshare ul {
list-style: none;
text-align: left;
display: inline-block;
margin: 0;
padding: 0;
}
.myshare ul li {
float: left;
text-align: center;
list-style: none;
display: inline-block;
padding: 0;
}
.myshare ul li a {
display: inline-block;
width: 30px;
height: 30px;
text-decoration: none;
margin: 4px;
opacity: 1;
border-radius: 100%;
border: 1px solid #D5D5D5;
transition: all .6s linear;
}
.myshare ul li a.my-twitter {
background: #FFFFFF;
color: #DADADA;
}
.myshare ul li a.my-facebook {
background: #FFFFFF;
color: #DADADA;
}
.myshare ul li a.my-googleplus {
background: #FFFFFF;
color: #DADADA;
}
</style>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://1.bp.blogspot.com/-QjSndGbF0No/T-
Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-
video.gif";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=
6;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var
i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")
+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new
Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var
entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var
posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var
k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length-
1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.
indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];va
r day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var
trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100%"
height="auto" class="alignnone" src="'+img[i]+'"/></a></div><a class="slider_title"
href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j+
+}document.write('</ul>')}
function showrecentposts1(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new
Array();if(numposts2<=json.feed.entry.length)
{maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++)
{var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var
posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var
k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length-
1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.
indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];va
r day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a
href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2
class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a
href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a><div
class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new
Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new
Array();function related_results_labels_thumbs(json){for(var
i=0;i<json.feed.entry.length;i++){var
entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.
$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error)
{s=entry.content.
$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5
,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else
thumburl[relatedTitlesNum]='http://1.bp.blogspot.com/-QjSndGbF0No/T-
Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-
video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitles
Num]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var
k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate')
{relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function
removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var
tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!
contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-
1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-
1]=relatedTitles[i];tmp3[tmp3.length-
1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function
contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return
false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++)
{if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var
r=Math.floor((relatedTitles.length-1)*Math.random());var
i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');docu
ment.write('<div style="clear:
both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a
style="text-decoration:none;margin:0 10px 10px
0;float:left;background:#272727;border:1px solid #323232;');if(i!
=0)document.write('"');else document.write('"');document.write('
href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]
+'"/><br/><div style="width:132px;padding:0 10px;color:#ddd;height:38px;text-
align:center;margin:0px 0px; font:12px Oswald; line-height:16px;text-shadow:1px 1px
1px #000">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r+
+}else{r=0}i+
+}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice
(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
<script style='text/javascript'>
//<![CDATA[
function authorshow(data) {
for (var i = 0; i < 1; i++) {
var entry = data.feed.entry[i];
var avtr = entry.author[0].gd$image.src;
document.write('<img width="96" height="96" src="' + avtr + '"/>');
}
}
//]]>
</script>
</head>
<body>
<div class='content-wrap content'>
<div class='menuhead'>
<div id='masthead'>
<div class='row-fluid jack-nav'>
<div class='containers'>
<div class='navbar navbar-inverse'>
</div>
</div>
</div></div>
</div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ZaiZiin (Header)' type='Header'
version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
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='head-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-
width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); " + "background-
position: " + data:backgroundPositionStyleStr + ";
" + data:widthStyleStr +
"min-height: " + data:height + "_height:
" + data:height + "background-repeat: no-repeat;
"' id='head-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-
width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='head-inner'>
<a class='zoomIn animated' expr:href='data:blog.homepageUrl'
style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement ==
"BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='head-inner'>
<div class='titlewrapper'>
<a class='zoomIn animated' expr:href='data:blog.homepageUrl'
style='display: block'> <h1 class='title'>
<b:include name='title'/>
</h1></a>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'>
<span>
<data:description/>
</span>
</p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'>
<data:title/>
</a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div id='mariber-social'>
<ul>
<li class='fb-item'>
<a href='#'><i class='fa fa-facebook-square'/><span class='inv'/></a>
</li>
<li class='twitter-item'>
<a href='#'><i class='fa fa-twitter-square'/><span class='inv'/></a>
</li>
<li class='pinterest-item'>
<a href='#'><i class='fa fa-pinterest-square'/><span class='inv'/></a>
</li>
<li class='google-item'>
<a href='#'><i class='fa fa-google-plus-square'/><span class='inv'/></a>
</li>
<li class='instagram-item'>
<a href='#'><i class='fa fa-instagram'/><span class='inv'/></a>
</li>
<li class='youtube-item'>
<a href='#'><i class='fa fa-youtube-square'/><span class='inv'/></a>
</li>
<li class='linkedin-item'>
<a href='#' id='coba1'><i class='fa fa-linkedin-square'/><span class='inv'/></a>
</li>
</ul>
</div>
<div class='lop'>
<div class='container23'>
<div class='row'>
<div class='twelve columns'>
<div id='leftContent'>
<div class='inner'>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-
link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<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='210' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<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='210' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-
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:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<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:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-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'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post'>
<b:if cond='data:post.title'>
<h3 class='post-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-body'>
<data:post.body/>
<div class='clear'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<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'
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</div>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js'
type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='post' var='post'>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@yourtwitter' name='twitter:site'/>
<meta content='@yourtwitter' name='twitter:creator'/>
<meta content='www.yourwebsite.com' name='twitter:domain'/>
<meta expr:content='data:post.firstImageUrl'
name='twitter:image:src'/>
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription'
name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet'
name='twitter:description'/>
</b:if>
<meta expr:content='data:post.sharePostUrl'
name='twitter:url'/>
<meta expr:content='data:blog.pageName'
property='og:title'/>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl'
property='og:image'/>
</b:if>
<meta expr:content='data:post.title' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription'
property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet'
property='og:description'/>
</b:if>
<div class='four columns post_col'>
<div class='post_item'>
<b:if cond='data:blog.pageType == "index"'>
<b:else/>
<h1><b:if cond='data:post.link'><a expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a><b:else/><data:post.title/>
</b:if></h1>
<div class='post_meta'>
<span class='user'>
<b:if cond='data:top.showAuthor'>
by
<span style='color: #55D5FF;'>ZaiZiin</span>
</b:if>
</span>
<span class='time'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='comment'>
<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>
</span>
</div>
</b:if>
<div class='post-body'>
</b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer'>
<div class='post_tag'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</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>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl'
target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</b:if>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3 class="heading-border"><span>Related Posts</span></h3>';rn='<h3
class="heading-border"><span>No related post
available</span></h3>';rcomment='comments';rdisable='disable
comments';commentYN='yes';
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]='http://lh3.ggpht.com
/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'};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);commentsNu
m.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><div class="pthumb"><a
href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" src="'+
thumb[c].replace("/s72-c/","/w129/")+'"/></a></div><a href="'+urls[c]+'"
rel="nofollow">'+titles[c]+'</a></li></div>';if(c<titles.length-1){c++}else{c=0}b+
+}dw+='<div
class="clear"></div></ul>'};urls.splice(0,urls.length);titles.splice(0,titles.lengt
h);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?
alt=json-in-script&callback=related_results_labels"'
type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var
maxresults=4;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>'
;);</script>
</div>
<div class='clear'/>
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + "&target=blog"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + "&target=facebook"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=430,width=640\"); return false;"'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
</div>
<div class='clear'/>
</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'>
<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='210' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<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='210' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar' id='social-widget-2'>
<div class='widget widget_socials'>
<h2>Follow Us</h2>
<div class='social_wrapper'>
<div class='social_inner'>
<a class='facebook' href='#' title='Facebook'/>
<a class='twitter' href='#' title='Twitter'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<dd>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<b:if cond='data:post.thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail'
height='50' width='50'/>
<b:else/>
<img alt='no image' height='50'
src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/s50/no-
image.png' width='50'/>
</b:if>
<a expr:href='data:post.href' expr:title='data:post.snippet'
rel='bookmark'><data:post.title/></a>
<div style='clear: both;'/>
</b:if>
</b:if>
</dd>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'/>
</div>
</div>
<div class='clear'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<footer class='footerbottom'>
<div class='contentfooter'>© Copyright 2019 <a
expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>
<div class='contentfooter2'><a
href='https://youtube.com/zaiziin'>https://youtube.com/zaiziin</a></div>
<div class='contentfooter1'><a href='http://gooyaabitemplates.com/' rel='dofollow'
target='_blank' title='Blogger Templates'>Blogger Templates</a>
<div id='mycontent'/></div>
</footer>
</div>
<script type='text/javascript'>
//<![CDATA[
/*!
* imagesLoaded PACKAGED v3.1.8
* JavaScript is all like "You images are done yet or what?"
* MIT License
*/
<script type='text/javascript'>
//<![CDATA[
/*!
* Masonry PACKAGED v3.2.2
* Cascading grid layout library
* http://masonry.desandro.com
* MIT License
* by David DeSandro
*/
<script>
$(document).ready(function() {
var $container23 = $('.row');
// initialize Masonry after all images have loaded
$container23.imagesLoaded(function() {
$container23.masonry({
itemSelector: ".post_col",
stamp: ".status-msg-wrap"
});
});
});
</script>
</b:if>
<!-- slicknav js -->
<script type='text/javascript'>
//<![CDATA[
/*!
SlickNav Responsive Mobile Menu v1.0.0
(c) 2014 Josh Cope
licensed under MIT
*/
;(function ($, document, window) {
var
// default settings object.
defaults = {
label: 'MENU',
duplicate: true,
duration: 200,
easingOpen: 'swing',
easingClose: 'swing',
closedSymbol: '►',
openedSymbol: '▼',
prependTo: 'body',
parentTag: 'a',
closeOnClick: false,
allowParentLinks: false,
nestedParentLinks: true,
showChildren: false,
init: function(){},
open: function(){},
close: function(){}
},
mobileMenu = 'slicknav',
prefix = 'slicknav';
this._defaults = defaults;
this._name = mobileMenu;
this.init();
}
Plugin.prototype.init = function () {
var $this = this;
var menu = $(this.element);
var settings = this.settings;
if (settings.parentTag == 'a') {
settings.parentTag = 'a href="#"';
}
var a = item.contents();
var containsAnchor = false;
if($(this).is("a")) {
containsAnchor = true;
}
});
// wrap item text with tag and add classes unless we are separating
parent links
if ((!settings.allowParentLinks || settings.nestedParentLinks) || !
containsAnchor) {
var $wrap = $(nodes).wrapAll(wrapElement).parent();
$wrap.addClass(prefix+'_row');
} else
$(nodes).wrapAll('<span class="'+prefix+'_parent-link
'+prefix+'_row"/>').parent();
item.addClass(prefix+'_collapsed');
item.addClass(prefix+'_parent');
//append arrow
$(nodes).last().after(arrowElement);
item.find('.'+prefix+'_parent-link
a:not(.'+prefix+'_item)').click(function(event){
//Emulate menu close
$($this.btn).click();
});
}
});
$(document).keyup(function(){
$this._outlines(true);
});
//toggle menu
Plugin.prototype._menuToggle = function(el){
var $this = this;
var btn = $this.btn;
var mobileNav = $this.mobileNav;
if (btn.hasClass(prefix+'_collapsed')) {
btn.removeClass(prefix+'_collapsed');
btn.addClass(prefix+'_open');
} else {
btn.removeClass(prefix+'_open');
btn.addClass(prefix+'_collapsed');
}
btn.addClass(prefix+'_animating');
$this._visibilityToggle(mobileNav, btn.parent(), true, btn);
};
if (el.hasClass(prefix+'_hidden')) {
el.removeClass(prefix+'_hidden');
el.slideDown(duration, settings.easingOpen, function(){
$(trigger).removeClass(prefix+'_animating');
$(parent).removeClass(prefix+'_animating');
$(trigger).removeClass(prefix+'_animating');
$(parent).removeClass(prefix+'_animating');
Plugin.prototype._outlines = function(state) {
if (!state) {
$('.'+prefix+'_item, .'+prefix+'_btn').css('outline','none');
} else {
$('.'+prefix+'_item, .'+prefix+'_btn').css('outline','');
}
};
Plugin.prototype.toggle = function(){
var $this = this;
$this._menuToggle();
};
Plugin.prototype.open = function(){
var $this = this;
if ($this.btn.hasClass(prefix+'_collapsed')) {
$this._menuToggle();
}
};
Plugin.prototype.close = function(){
var $this = this;
if ($this.btn.hasClass(prefix+'_open')) {
$this._menuToggle();
}
};
this.each(function () {
var instance = $.data(this, 'plugin_' + mobileMenu);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(window){'use strict';function classReg(className){return new
RegExp("(^|\\s+)"+ className+"(\\s+|$)");}
var hasClass,addClass,removeClass;if('classList'in document.documentElement)
{hasClass=function(elem,c){return
elem.classList.contains(c);};addClass=function(elem,c)
{elem.classList.add(c);};removeClass=function(elem,c){elem.classList.remove(c);};}
else{hasClass=function(elem,c){return
classReg(c).test(elem.className);};addClass=function(elem,c){if(!hasClass(elem,c))
{elem.className=elem.className+' '+ c;}};removeClass=function(elem,c)
{elem.className=elem.className.replace(classReg(c),' ');};}
function toggleClass(elem,c){var fn=hasClass(elem,c)?
removeClass:addClass;fn(elem,c);}
var
classie={hasClass:hasClass,addClass:addClass,removeClass:removeClass,toggleClass:to
ggleClass,has:hasClass,add:addClass,remove:removeClass,toggle:toggleClass};if(typeo
f define==='function'&&define.amd){define(classie);}else{window.classie=classie;}})
(window);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$('#menu-menu-1').slicknav({
prependTo:'.container23'
});
});
//]]>
</script>
</body>
</html>