New Microsoft Word Document

<?xml version="1.0" encoding="UTF-8" ?
>
<!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 charset='UTF-8'/>
<meta content='width=device-width' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<link href='//fonts.googleapis.com/css?family=Lato
%3A300%2C400&subset=latin%2Clatin-ext' media='all' rel='stylesheet'
type='text/css'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Suits
Author: Lasantha Bandara
URL 1: http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Theme URL: http://www.premiumbloggertemplates.com/suits-blogger-template/
Date: June 2014
License: This free Blogger template is licensed under the Creative Commons
Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep
the footer links intact which provides due credit to its authors. For more specific
details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout .navbarbwrap {display:none;}
body#layout .site-headerbwrap .pbthome-link {min-height:100px;}
body#layout .site-footerbwrap .widget-areabwrap

{width:220px;margin:5px;padding:5px;}
body#layout .site-mainbwrap .content-areabwrap {width:450px;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
.section, .widget {
margin:0;
padding:0;
}
/* =Reset (http://git.io/normalize)
----------------------------------------------- */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
[hidden] {
display: none;
html {
font-size: 69%; /* 16px */
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
html,
button,
input,
select,
textarea {
font-family: "Segoe Print", "Segoe Print", "Segoe Print", Geneva, Verdana,

sans-serif;
}
body {
color: #333;
font-size: 16px;
font-size: 1.3rem;
line-height: 23px;
line-height: 2.3rem;
margin: 0;
a{
color: #333;
text-decoration: none;
-webkit-transition: none;
transition: none;
a:focus {
outline: thin dotted;
a:active,
a:hover {
color: #b00;
outline: 0;
}
a:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #000;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,

Verdana, sans-serif;
font-weight: bold;
line-height: 1.5;
margin: 23px 0;
margin: 2.3rem 0;
h1 {
font-size: 24px;
font-size: 2.4rem;
h2 {
font-size: 20px;
font-size: 2rem;
h3 {
font-size: 17px;
font-size: 1.7rem;
h4 {
font-size: 15px;
font-size: 1.5rem;
h5 {
font-size: 13px;
font-size: 1.3rem;
h6 {
color: rgba(0, 0, 0, 0.45);
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 1px;
text-transform: uppercase;
}
address {
font-style: italic;
margin: 0 0 23px;
margin: 0 0 2.3rem;
abbr[title] {
border-bottom: 1px dotted;
b,
strong {
font-weight: bold;
dfn {
font-style: italic;
mark {
background: #ff0;
color: #000;
p{
margin: 0 0 23px;
margin: 0 0 2.3rem;
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 13px;
font-size: 1.3rem;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
pre {
background-color: rgba(0, 0, 0, 0.04);
color: #666;
font-family: monospace;
font-size: 13px;
font-size: 1.3rem;
margin: 23px 0;
margin: 2.3rem 0;
overflow: auto;
padding: 20px;
padding: 2rem;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
blockquote,
q{
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
blockquote {
font-size: 13px;
font-size: 1.3rem;
font-style: italic;
font-weight: normal;
margin: 23px;
margin: 2.3rem;
blockquote blockquote {
margin-right: 0;
blockquote cite,
blockquote small {
font-size: 11px;
font-size: 1.1rem;
blockquote em,
blockquote i {
font-style: normal;
blockquote strong,
blockquote b {
small {
font-size: smaller;
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
sup {
top: -0.5em;
sub {
bottom: -0.25em;
dl {
margin: 0 20px;
margin: 0 2rem;
dt {
font-weight: bold;
dd {
margin: 0 0 20px;
margin: 0 0 2rem;
menu,
ol,
ul {
margin: 16px 0;
margin: 1.6rem 0;
padding: 0 0 0 40px;
padding: 0 0 0 4rem;
ul {
list-style-type: square;
nav ul,
nav ol {
list-style: none;
list-style-image: none;
li > ul,
li > ol {
margin: 0;
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
svg:not(:root) {
overflow: hidden;
figure {
margin: 0;
form {
margin: 0;
}
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
padding: 2rem;
margin-bottom: 23px;
margin-bottom: 2.3rem;
legend {
border: 0;
padding: 0 5px;
white-space: normal;
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
button[disabled],
input[disabled] {
cursor: default;
input[type="checkbox"],
input[type="radio"] {
padding: 0;
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
width: 270px;
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
textarea {
overflow: auto;
vertical-align: top;
table {
border-spacing: 0;
margin: 0 0 23px;
margin: 0 0 2.3rem;
width: 100%;
caption,
th,
td {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-align: left;
caption {
border: 0;
margin: 23px 0;
margin: 2.3rem 0;
th {
font-weight: bold;
td {
padding: 6px 10px 6px 0;
padding: 0.6rem 1rem 0.6rem 0;
hr {
border: 0;

height: 1px;
margin: 0 0 23px;
margin: 0 0 2.3rem;
/* =Repeatable Patterns
----------------------------------------------- */
/* Clearing floats */
.clear:after,
.nav-menuul:after,
.site-mainbwrap:after,
.site-footerbwrap .sidebar-containerbwrap:after,
.entry-content:after,
.navigationbwrap:after,
.nav-links:after,
.attachment .entry-header:after,
.comment-body:after,
.sidebar-inner:after {
clear: both;
.clear:before,
.clear:after,
.nav-menuul:before,
.nav-menuul:after,
.site-mainbwrap:before,
.site-mainbwrap:after,
.site-footerbwrap .sidebar-containerbwrap:before,
.site-footerbwrap .sidebar-containerbwrap:after,
.entry-content:before,
.entry-content:after,
.navigationbwrap:before,
.navigationbwrap:after,
.nav-links:before,
.nav-links:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.comment-body:before,
.comment-body:after,
.sidebar-inner:before,
.sidebar-inner:after {
content: "";
display: table;
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
/* Form fields, general styles first. */
button,
input,
textarea {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
font-family: inherit;
padding: 8px 10px;
padding: 0.8rem 1rem;
-webkit-transition: border 0.2s;
transition: border 0.2s;
input,
textarea {
color: #333;
input:focus,
textarea:focus {
border-color: rgba(0, 0, 0, 0.3);
outline: 0;
/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: transparent;
font-weight: bold;
padding: 8px 20px;
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
outline: none;
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: rgba(0, 0, 0, 0.5);
transition: none;
.post-password-required input[type="submit"] {
vertical-align: bottom;
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
:-moz-placeholder {
color: #333;
::-moz-placeholder {
color: #333;
}
:-ms-input-placeholder {
color: #333;
/* Responsive images */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
/* Make sure images with WordPress-added height and width attributes are scaled
correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
/* Images */
.alignleft {
float: left;
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
img.alignleft {
margin: 5px 20px 5px 0;
margin: 0.5rem 2rem 0.5rem 0;
img.aligncenter {
margin: 5px auto;
margin: 0.5rem auto;
img.alignnone {
margin: 5px 0;
margin: 0.5rem 0;
/* =Basic Structure
----------------------------------------------- */
.site-mainbwrap {
margin: 0 auto;
margin: 0 auto;
max-width: 960px;
overflow: hidden;
padding: 46px 0;
padding: 4.6rem 0;
width: 100%;
.site-mainbwrap .content-areabwrap {
float: left;
margin: 0 10px;
margin: 0 1rem;
width: 620px;
.single-attachment .content-areabwrap,
.full-width .content-areabwrap {
width: 940px;
.site-mainbwrap .sidebar-containerbwrap {
float: right;
margin: 0 10px;
margin: 0 1rem;
width: 280px;
}
/* =Site Header
----------------------------------------------- */
.site-headerbwrap {
background-color: #000;
.site-headerbwrap .pbthome-link {
display: block;
margin: 0 auto;
max-width: 960px;
min-height: 180px;
text-align: center;
width: 100%;
.site-title {
color: #fff;
font-family: Lato, sans-serif;
font-size: 80px;
font-size: 8rem;
font-weight: 300;
line-height: 1;
margin: 0;
padding: 40px 0 5px;
padding: 4rem 0 0.5rem;
.site-title a {
color: #fff;
.site-description {
color: #666;
font: normal 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, Verdana, sans-serif;
margin: 0;
padding-bottom: 23px;
padding-bottom: 2.3rem;
.site-description {
color: #666;
font: normal 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, Verdana, sans-serif;
margin: 0;
/* =Navigation
----------------------------------------------- */
.main-navigationbwrap {
clear: both;
margin: 0 auto;
max-width: 960px;
min-height: 36px;
position: relative;
ul.nav-menuul,
div.nav-menuul > ul {
margin: 0;
padding: 0 40px 0 0;
padding: 0 4rem 0 0;
list-style: none;
list-style-type: none;
.nav-menuul li {
float: left;
position: relative;
.nav-menuul li a {
color: #ccc;
display: block;
font-size: 11px;
font-size: 1.1rem;
font-weight: 400;
line-height: 12px;
line-height: 1.2rem;
padding: 12px 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
.nav-menuul li:hover > a,
.nav-menuul li a:hover {
color: #fff;
transition: none;
.nav-menuul .sub-menu,
.nav-menuul .children {
border-top: 0;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
display: none;
opacity: 0;
padding: 0;
position: absolute;
left: 0;
z-index: 99999;
list-style: none;
.nav-menuul .sub-menu ul,
.nav-menuul .children ul {
border-left: 0;
left: 100%;
top: 0;
list-style: none;
}
ul.nav-menuul ul a,
.nav-menuul ul ul a {
margin: 0;
text-transform: none;
width: 200px;
ul.nav-menuul ul a:hover,
.nav-menuul ul ul a:hover {
ul.nav-menuul li:hover > ul,
.nav-menuul ul li:hover > ul {
display: block;
opacity: 1;
.nav-menuul .current_page_item > a,
.nav-menuul .current_page_ancestor > a,
.nav-menuul .current-menu-item > a,
.nav-menuul .current-menu-ancestor > a {
color: #fff;
}
.menu-togglebwrap {
display: none;
/* Navbar */
.navbarbwrap {
margin: 0 auto;
width: 100%;
.site-headerbwrap .search-form {
position: absolute;
right: 0;
top: 0;
.site-headerbwrap .search-field {
background-color: transparent;
background-image: url(http://1.bp.blogspot.com/-
LlzPEhXk_0I/VuElHDTLzxI/AAAAAAAAAWc/dtyEdJMzigQ/s000/search-icon.png);
background-position: 10px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: 0;
cursor: pointer;
height: 36px;
margin: 0;
padding: 0 0 0 42px;
padding: 0 0 0 4.2rem;
position: relative;
-webkit-transition: width 0.2s ease, background 0.2s ease;
transition: width 0.2s ease, background 0.2s ease;
width: 0;
.site-headerbwrap .search-field:hover {
transition: none;
.site-headerbwrap .search-field:focus {
background-color: #f5f5f5;
border: 0;
cursor: text;
outline: 0;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
-webkit-transition: width 0.2s ease, background 0.2s ease;
transition: width 0.2s ease, background 0.2s ease;
width: 200px;
}
/* =Content
----------------------------------------------- */
.site-contentbwrap {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
.hentry {
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
width: 100%;
}
/* =Entry Header
----------------------------------------------- */
.entry-thumbnail img {
display: block;
margin: 0 auto 23px;
margin: 0 auto 2.3rem;
.entry-header {
.entry-title {
font-size: 26px;
font-weight: 400;
margin: 0;
line-height: 1.2;
.entry-title a {
color: #000;
.entry-title a:hover {
color: #b00;
/* =Entry Meta
----------------------------------------------- */
.entry-meta {
clear: both;
color: rgba(0, 0, 0, 0.45);
margin: 10px 0 0 0;
font-size: 86%;
.entry-meta a {
color: rgba(0, 0, 0, 0.45);
.entry-meta a:hover {
color: #b00;
.entry-meta .pbtedit-link:before {
content: "\203A\00a0";
.single-author .entry-meta .by-author,
.sticky .entry-meta .on-date {
/* =Entry Content
----------------------------------------------- */
.entry-content a,
.comment-content a,
.page-content a {
color: #b00;
.entry-content a:hover,
.comment-content a:hover,
.page-content a:hover {
color: #333;
}
.entry-content th a,
.entry-content td a,
.comment-content th a,
.comment-content td a {
border-bottom: none;
/* Page links */
.page-links {
clear: both;
font-weight: bold;
margin: 23px 0;
margin: 2.3rem 0;
/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #303030;
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-

current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #b00;
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-

current {
border-radius: 0;
/* =Archives
----------------------------------------------- */
.archive-header {
}
.archive-title {
font-size: 15px;
font-size: 1.5rem;
margin: 0;
.archive-meta {
color: rgba(0, 0, 0, 0.45);
font-style: normal;
margin-top: 10px;
margin-top: 1rem;
.archive-meta p:last-of-type {
margin-bottom: 0;
/* =Search Results/No posts/404
----------------------------------------------- */
.page-header {
.page-title {
font-size: 15px;
font-size: 1.5rem;
margin: 0;
.error404 {
/* =Sidebar
----------------------------------------------- */
.site-mainbwrap .widget-areabwrap {
width: 100%;
}
/* =Widgets
----------------------------------------------- */
#secondarybwrap .widget {
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 23px;
margin: 0 0 2.3rem;
padding: 0 0 23px;
padding: 0 0 2.3rem;
.site-footerbwrap .widget {
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 23px;
margin: 0 0 2.3rem;
padding: 0 0 23px;
#secondarybwrap .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
.site-footerbwrap .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
#secondarybwrap .widget .widget-title, #secondarybwrap .widget h2,

#secondarybwrap .widget h3 {

font-size: 20px;
font-size: 2rem;
margin: 0 0 10px;
margin: 0 0 1rem;
}
.site-footerbwrap .widget .widget-title, .site-footerbwrap .widget h2, .site-

footerbwrap .widget h3 {

font-size: 20px;
font-size: 2rem;
margin: 0 0 10px;
margin: 0 0 1rem;
#secondarybwrap .widget ul, #secondarybwrap .widget ol {
margin: 0;
padding: 0;
.site-footerbwrap .widget ul, .site-footerbwrap .widget ol {
margin: 0;
padding: 0;
#secondarybwrap .widget li {
padding: 5px 0;
.site-footerbwrap .widget li {
padding: 5px 0;
#secondarybwrap .widget a {
.site-footerbwrap .widget a {
/* Search widget */
.search-form .search-submit {
display: none;
/* =Footer
----------------------------------------------- */
.site-footerbwrap .widget-areabwrap {
text-align: left;
}
.site-footerbwrap .sidebar-containerbwrap {
padding: 46px 0;
padding: 4.6rem 0;
.site-footerbwrap .sidebar-inner {
margin: 0 auto;
max-width: 960px;
width: 100%;
.site-footerbwrap .widget-areabwrap {
float: left;
margin: 0 10px;
margin: 0 1rem;
padding: 0 10px;
padding: 0 1rem;
.one-footer-sidebar .site-footerbwrap .widget-areabwrap {
width: 940px;
.two-footer-sidebars .site-footerbwrap .widget-areabwrap {

width: 460px;
.three-footer-sidebars .site-footerbwrap .widget-areabwrap {
width: 300px;
.site-info-container {
text-align: center;
.site-infobwrap {
color: #666;
font-size: 11px;
font-size: 1.1rem;
margin: 0 auto;
max-width: 960px;
padding: 23px 0;
padding: 2.3rem 0;
width: 100%;
.site-infobwrap .sep {
padding: 0 5px;
.site-infobwrap a {
color: #666;
.site-infobwrap a:hover {
color: #fff;
/* =Media Queries
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.site-headerbwrap .pbthome-link,
.main-navigationbwrap,
.site-mainbwrap,
.site-footerbwrap .sidebar-inner,
.site-infobwrap {
width: 768px;
padding-right: 20px;
padding-right: 2rem;
width: 556px;
.site-mainbwrap .sidebar-containerbwrap {
width: 172px;
.full-width .content-areabwrap,
.one-footer-sidebar .site-footerbwrap .widget-areabwrap {
width: 748px;
.two-footer-sidebars .site-footerbwrap .widget-areabwrap {
width: 364px;
width: 236px;
/* Mobile (Portrait) */
@media only screen and (max-width: 767px) {

.site-mainbwrap,
.site-infobwrap,
.site-mainbwrap .content-areabwrap,
.site-mainbwrap .sidebar-containerbwrap,
.one-footer-sidebar .site-footerbwrap .widget-areabwrap,
.two-footer-sidebars .site-footerbwrap .widget-areabwrap,
margin-left: auto;
margin-right: auto;
width: 300px;
.site-title {
font-size: 40px;
font-size: 4rem;
padding-top: 60px;
padding-top: 6rem;
#secondarybwrap .widget:last-child {
margin: 0 0 23px;
margin: 0 0 2.3rem;
padding: 0 0 23px;
.site-footerbwrap .widget:last-child {
margin: 0 0 23px;
margin: 0 0 2.3rem;
padding: 0 0 23px;
/* Small menu */
.menu-togglebwrap {
color: #888;
cursor: pointer;
font-size: 11px;
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
margin: 0;
padding: 12px 20px;
.toggled-on .nav-menuul,
.toggled-on .nav-menuul > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
.toggled-on li,
.toggled-on .children {
display: block;
float: none;
}
.toggled-on .nav-menuul li > ul {
box-shadow: none;
display: block;
float: none;
margin-left: 20px;
opacity: 1;
position: relative;
left: auto;
top: auto;
.toggled-on .nav-menuul li > ul a {
width: auto;
.toggled-on .nav-menuul li:hover > a,
.toggled-on .nav-menuul .children a {
background-color: transparent;
color: #ccc;
.toggled-on .nav-menuul li a:hover,

.toggled-on .nav-menuul ul a:hover {
color: #fff;
ul.nav-menuul,
div.nav-menuul > ul {
display: none;
/* Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.site-mainbwrap,
.site-infobwrap,
.site-mainbwrap .content-areabwrap,
.site-mainbwrap .sidebar-containerbwrap,
.one-footer-sidebar .site-footerbwrap .widget-areabwrap,
.two-footer-sidebars .site-footerbwrap .widget-areabwrap,
width: 420px;
}
h2.date-header {
margin: 10px 0px;
display: none;
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
.main .Blog {
border-bottom-width: 0;
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
/* Comments----------------------------------------------- */
#comments {
padding:10px;
margin-bottom:20px;
#comments h4 {
font-size:22px;
margin-bottom:10px;
.deleted-comment {
font-style: italic;
color: gray;
#blog-pager-newer-link {
float: left;
#blog-pager-older-link {
float: right;
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
clear: both;
.comment-form {
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
.PopularPosts .widget-content ul li {
padding:6px 0px;
.reaction-buttons table{
border:none;
margin-bottom:5px;
.reaction-buttons table, .reaction-buttons td{
border:none !important;
}
body {
background-color: #ffffff;
.pbtthumbimg {
float:left;
margin:0px 10px 5px 5px;
padding:4px;
border:1px solid #eee;
background:#fff;
width:200px;
height:150px;
body{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*! jQuery Migrate v1.2.1 | (c) 2005, 2013 jQuery Foundation, Inc. and other
contributors | jquery.org/license */
jQuery.migrateMute===void 0&&(jQuery.migrateMute=!0),function(e,t,n){function
r(n){var r=t.console;i[n]||(i[n]=!0,e.migrateWarnings.push(n),r&&r.warn&&!
e.migrateMute&&(r.warn("JQMIGRATE:
"+n),e.migrateTrace&&r.trace&&r.trace()))}function a(t,a,i,o)
{if(Object.defineProperty)try{return Object.defineProperty(t,a,{configurable:!
0,enumerable:!0,get:function(){return r(o),i},set:function(e){r(o),i=e}}),n}catch(s)
{}e._definePropertyBroken=!0,t[a]=i}var i={};e.migrateWarnings=[],!
e.migrateMute&&t.console&&t.console.log&&t.console.log("JQMIGRATE: Logging is
active"),e.migrateTrace===n&&(e.migrateTrace=!0),e.migrateReset=function()
{i={},e.migrateWarnings.length=0},"BackCompat"===document.compatMode&&r
("jQuery is not compatible with Quirks Mode");var o=e("<input/>",
{size:1}).attr("size")&&e.attrFn,s=e.attr,u=e.attrHooks.value&&e.attrHooks.value.g
et||function(){return null},c=e.attrHooks.value&&e.attrHooks.value.set||function()
{return n},l=/^(?:input|button)$/i,d=/^[238]$/,p=/^(?:autofocus|autoplay|async|
checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|
scoped|selected)$/i,f=/^(?:checked|selected)$/i;a(e,"attrFn",o||{},"jQuery.attrFn is
deprecated"),e.attr=function(t,a,i,u){var
c=a.toLowerCase(),g=t&&t.nodeType;return
u&&(4>s.length&&r("jQuery.fn.attr( props, pass ) is deprecated"),t&&!
d.test(g)&&(o?a in o:e.isFunction(e.fn[a])))?e(t)[a](i):("type"===a&&i!
==n&&l.test(t.nodeName)&&t.parentNode&&r("Can't change the 'type' of an input
or button in IE 6/7/8"),!
e.attrHooks[c]&&p.test(c)&&(e.attrHooks[c]={get:function(t,r){var
a,i=e.prop(t,r);return i===!0||"boolean"!=typeof
i&&(a=t.getAttributeNode(r))&&a.nodeValue!==!1?
r.toLowerCase():n},set:function(t,n,r){var a;return n===!1?e.removeAttr(t,r):
(a=e.propFix[r]||r,a in t&&(t[a]=!
0),t.setAttribute(r,r.toLowerCase())),r}},f.test(c)&&r("jQuery.fn.attr('"+c+"') may use
property instead of attribute")),s.call(e,t,a,i))},e.attrHooks.value={get:function(e,t)
{var n=(e.nodeName||"").toLowerCase();return"button"===n?
u.apply(this,arguments):("input"!==n&&"option"!==n&&r("jQuery.fn.attr('value') no
longer gets properties"),t in e?e.value:null)},set:function(e,t){var
a=(e.nodeName||"").toLowerCase();return"button"===a?c.apply(this,arguments):
("input"!==a&&"option"!==a&&r("jQuery.fn.attr('value', val) no longer sets
properties"),e.value=t,n)}};var g,h,v=e.fn.init,m=e.parseJSON,y=/^([^<]*)
(<[\w\W]+>)([^>]*)$/;e.fn.init=function(t,n,a){var i;return t&&"string"==typeof
t&&!e.isPlainObject(n)&&(i=y.exec(e.trim(t)))&&i[0]&&("<"!==t.charAt(0)&&r("$
(html) HTML strings must start with '<' character"),i[3]&&r("$(html) HTML text after
last tag is ignored"),"#"===i[0].charAt(0)&&(r("HTML string cannot start with a '#'
character"),e.error("JQMIGRATE: Invalid selector string
(XSS)")),n&&n.context&&(n=n.context),e.parseHTML)?
v.call(this,e.parseHTML(i[2],n,!
0),n,a):v.apply(this,arguments)},e.fn.init.prototype=e.fn,e.parseJSON=function(e)
{return e||null===e?m.apply(this,arguments):(r("jQuery.parseJSON requires a valid
JSON string"),null)},e.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]
([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]
+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||0>e.indexOf("compatible")&&/(mozilla)(?:.*?
rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e.browser||
(g=e.uaMatch(navigator.userAgent),h={},g.browser&&(h[g.browser]=!
0,h.version=g.version),h.chrome?h.webkit=!0:h.webkit&&(h.safari=!
0),e.browser=h),a(e,"browser",e.browser,"jQuery.browser is
deprecated"),e.sub=function(){function t(e,n){return new t.fn.init(e,n)}e.extend(!
0,t,this),t.superclass=this,t.fn=t.prototype=this(),t.fn.constructor=t,t.sub=this.sub,t
.fn.init=function(r,a){return a&&a instanceof e&&!(a instanceof
t)&&(a=t(a)),e.fn.init.call(this,r,a,n)},t.fn.init.prototype=t.fn;var
n=t(document);return r("jQuery.sub() is deprecated"),t},e.ajaxSetup({converters:
{"text json":e.parseJSON}});var b=e.fn.data;e.fn.data=function(t){var
a,i,o=this[0];return!o||"events"!==t||1!==arguments.length||
(a=e.data(o,t),i=e._data(o,t),a!==n&&a!==i||i===n)?b.apply(this,arguments):
(r("Use of jQuery.fn.data('events') is deprecated"),i)};var j=/\/(java|
ecma)script/i,w=e.fn.andSelf||e.fn.addBack;e.fn.andSelf=function(){return
r("jQuery.fn.andSelf() replaced by
jQuery.fn.addBack()"),w.apply(this,arguments)},e.clean||(e.clean=function(t,a,i,o)
{a=a||document,a=!a.nodeType&&a[0]||a,a=a.ownerDocument||a,r("jQuery.clean()
is deprecated");var
s,u,c,l,d=[];if(e.merge(d,e.buildFragment(t,a).childNodes),i)for(c=function(e)
{return!e.type||j.test(e.type)?o?o.push(e.parentNode?
e.parentNode.removeChild(e):e):i.appendChild(e):n},s=0;null!=(u=d[s]);s+
+)e.nodeName(u,"script")&&c(u)||(i.appendChild(u),u.getElementsByTagName!
==n&&(l=e.grep(e.merge([],u.getElementsByTagName("script")),c),d.splice.apply(d,
[s+1,0].concat(l)),s+=l.length));return d});var
Q=e.event.add,x=e.event.remove,k=e.event.trigger,N=e.fn.toggle,T=e.fn.live,M=e.
fn.die,S="ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|
ajaxSuccess",C=RegExp("\\b(?:"+S+")\\b"),H=/(?:^|\s)hover(\.\S+|)\b/,A=function(t)
{return"string"!=typeof t||e.event.special.hover?t:(H.test(t)&&r("'hover' pseudo-
event is deprecated, use 'mouseenter mouseleave'"),t&&t.replace(H,"mouseenter$1
mouseleave$1"))};e.event.props&&"attrChange"!
==e.event.props[0]&&e.event.props.unshift("attrChange","attrName","relatedNode"
,"srcElement"),e.event.dispatch&&a(e.event,"handle",e.event.dispatch,"jQuery.even
t.handle is undocumented and deprecated"),e.event.add=function(e,t,n,a,i){e!
==document&&C.test(t)&&r("AJAX events should be attached to document:
"+t),Q.call(this,e,A(t||""),n,a,i)},e.event.remove=function(e,t,n,r,a)
{x.call(this,e,A(t)||"",n,r,a)},e.fn.error=function(){var
e=Array.prototype.slice.call(arguments,0);return r("jQuery.fn.error() is
deprecated"),e.splice(0,0,"error"),arguments.length?this.bind.apply(this,e):
(this.triggerHandler.apply(this,e),this)},e.fn.toggle=function(t,n){if(!
e.isFunction(t)||!e.isFunction(n))return
N.apply(this,arguments);r("jQuery.fn.toggle(handler, handler...) is deprecated");var
a=arguments,i=t.guid||e.guid++,o=0,s=function(n){var
r=(e._data(this,"lastToggle"+t.guid)||0)%o;return
e._data(this,"lastToggle"+t.guid,r+1),n.preventDefault(),a[r].apply(this,arguments)||
!1};for(s.guid=i;a.length>o;)a[o++].guid=i;return
this.click(s)},e.fn.live=function(t,n,a){return r("jQuery.fn.live() is deprecated"),T?
T.apply(this,arguments):
(e(this.context).on(t,this.selector,n,a),this)},e.fn.die=function(t,n){return
r("jQuery.fn.die() is deprecated"),M?M.apply(this,arguments):
(e(this.context).off(t,this.selector||"**",n),this)},e.event.trigger=function(e,t,n,a)
{return n||C.test(e)||r("Global events are undocumented and
deprecated"),k.call(this,e,t,n||document,a)},e.each(S.split("|"),function(t,n)
{e.event.special[n]={setup:function(){var t=this;return t!
==document&&(e.event.add(document,n+"."+e.guid,function()
{e.event.trigger(n,null,t,!0)}),e._data(this,n,e.guid++)),!1},teardown:function()
{return this!==document&&e.event.remove(document,n+"."+e._data(this,n)),!
1}}})}(jQuery,window);
//]]>
</script>
//<![CDATA[
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var

b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var
k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate')
{c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var
d_rc=c_rc.split("#");d_rc=d_rc[0];var
e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var
f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var
h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var
j_rc=g_rc.substring(8,10);var k_rc=new
Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc
[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov"
;k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in
b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var
re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On
'+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a
href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a>
commented');if(n_rc==true)document.write(' on '+f_rc);document.write(':
');if(l_rc.length<o_rc)
{document.write('<i>“');document.write(l_rc);document.write('”</i
><br/><br/>');}else{document.write('<i>“');l_rc=l_rc.substring(0,o_rc);var
p_rc=l_rc.lastIndexOf("
");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'…”</i>');document
.write('<br/><br/>');}}}
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++)

{document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var
posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='alternate')
{posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var
readmorelink="(more)";readmorelink=readmorelink.link(posturl);var
postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var
cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var
monthnames=new
Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";mont
hnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="
Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthn
ames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";var
re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);
if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+'
'+cdday);if(showpostsummary==true){if(postcontent.length<numchars)
{document.write(postcontent)}else{postcontent=postcontent.substring(0,numchar
s);var quoteEnd=postcontent.lastIndexOf("
");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'
+readmorelink)}}document.write('</li>')}document.write('</ul>')}
//]]>
</script>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
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);
strx = s.join("");
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<img src="'+img[0].src+'" class="pbtthumbimg"/>';
summ = summary_img;
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) +

'</div>';
div.innerHTML = summary;
//]]>
</script>
</head>
<body class='three-footer-sidebars'>
<div class='sitebwrap'>
<header class='site-headerbwrap' id='mastheadbwrap' role='banner'>
<div class='pbthome-link'>
<b:section class='headersec' id='headersec' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Samunim (Header)' type='Header'

version='1'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<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 + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-
left:0px;padding-top:0px;'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl

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

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='site-title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<h2 class='site-description'><data:description/></h2>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='navbarbwrap' id='navbarbwrap'>
<div class='navigationbwrap main-navigationbwrap' id='site-navigationbwrap'

role='navigation'>
<h3 class='menu-togglebwrap'>Menu</h3>
<div class='menu-testing-menu-container'>
<b:section class='nbttopmenutop' id='nbttopmenutop' maxwidgets='1'

showaddelement='no'>
<b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'

version='1'>
<b:if cond='data:title'></b:if>
<div class='widget-content'>
<ul class='nav-menuul' id='nbtmenusectopul'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li id='currentpage'><a
expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<form class='search-form' expr:action='data:blog.homepageUrl +

"search/"' id='searchform' method='get' role='search'>
<label>
<span class='screen-reader-text'>Search for:</span>
<input class='search-field' name='q' placeholder='Search' title='Search for:'

type='search' value=''/>
</label>
<input class='search-submit' type='submit' value='Search'/>
</form>
</div>
</div>
</header>
<div class='site-mainbwrap' id='mainbwrap'>
<div class='content-areabwrap' id='primarybwrap'>
<div class='site-contentbwrap' id='contentbwrap' role='main'>
<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>


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

</div></div>
</b:if>
<data:adEnd/>
</div>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType != "item"'>

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

<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale":

"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'

expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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='410' id='comment-editor'
name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>

name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>

</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'

expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-

count='data:post.numComments' expr:data-
onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' 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>
<div expr:id='data:widget.instanceId + "_comments-block-

wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " +

data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-

bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +

data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<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>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'

name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'

target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.numComments != 0'>

expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'

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

expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
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'>
<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='"post-body-" +

data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<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/>
<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'>

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 == "static_page"'>
<b:else/>
</b:if>
</b:if>
<b:else/>

</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 + "_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>
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='post' var='post'>
<article class='post hentry'>
<a expr:name='data:post.id'/>
<header class='entry-header'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</header>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>&
quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType ==
"static_page"'><data:post.body/></b:if>
<div style='float:right;padding-right:10px;margin-top:10px;'>
<a class='morer' expr:href='data:post.url'>Baca yang Lengkap...</a>
</div>
</b:if>
</b:if>

<div style='clear:both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td style='font-size:12px;padding-top:2px;' valign='top'><span class='reactions-

label'><data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe'

expr:src='data:post.reactionsUrl' frameborder='0' name='reactions'
scrolling='no'/></td>
</tr></table>
</b:if>
</span>
</b:if>
<div style='clear: both;'/> 
</div>
<footer class='entry-meta'>
<b:if cond='data:post.labels'>Posted in <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 != "true"'>,
</b:if></b:loop> </b:if>on <data:post.timestamp/>&n
bsp;by <b:if cond='data:post.authorProfileUrl'><a
expr:href='data:post.authorProfileUrl' rel='author' title='author
profile'><data:post.author/></a><b:else/><data:post.author/></b:if> 
| <b:if cond='data:post.allowComments'><a
expr:href='data:post.addCommentUrl'
cond='data:post.numComments == 0'>Leave a comment</b:if><b:if
cond='data:post.numComments == 1'>1 comment</b:if><b:if
cond='data:post.numComments >= 2'><data:post.numComments/>
comments</b:if></a></b:if> <b:include data='post'
name='postQuickEdit'/>
</footer>
</b:if>
</article>

<b:include name='nextprev'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a class='pbtedit-link' expr:href='data:post.editUrl'

expr:title='data:top.editPostMsg'>Edit</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 class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>

name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>

name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;

}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
comments.push(comment);
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?

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

return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];
replyParent = commentId;
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>

<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'

name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='sidebar-containerbwrap' id='secondarybwrap' role='complementary'>
<div class='widget-areabwrap'>
<b:section class='bsidebarright' id='bsidebarright' preferred='yes'>
<b:widget id='FeaturedPost1' locked='false' title='(Update)' type='FeaturedPost'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showPostTitle and data:postTitle != ""'>
<h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != ""'>
<p>
<data:postSummary/>
</p>
</b:if>
<b:if cond='data:showFirstImage and data:postFirstImage != ""'>
<img class='image' expr:src='data:postFirstImage'/>
</b:if>
</div>
<style type='text/css'>
.image {
width: 100%;
</style>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label' version='1'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-

widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<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>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Minggu Ini' type='PopularPosts'

version='1'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

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

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

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

expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
</div>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<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-snippet'><data:post.snippet/></div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arsip Bulanan'

type='BlogArchive' version='1'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-

count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {

gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?
targetBlogID\x3d7477756412324247394\x26blogName\x3dSamunim\x26publishMo
de\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAY
OUTS\x26searchRoot\x3dhttps://samunim.blogspot.com/search\x26blogLocale\x3din
\x26v\x3d2\x26homepageUrl\x3dhttps://samunim.blogspot.com/\x26vt\x3d6473430
128254168877',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src =
'//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

</div>
<footer class='site-footerbwrap' id='colophon' role='contentinfo'>
<div class='sidebar-containerbwrap' id='tertiarybwrap' role='complementary'>
<div class='sidebar-inner'>
<b:section class='footersec' id='footersec1' showaddelement='yes'/>
</div>
</div>
</div>
</div>
</div>
<div class='site-info-container'>
<div class='site-infobwrap'>

Copyright © <script type='text/javascript'>var creditsyear = new

Date();document.write(creditsyear.getFullYear());</script> <a
expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a
href='http://www.blogger.com/'>Blogger</a><br/>Design by <a
href='http://www.themeweaver.net/' target='_blank'>Theme Weaver</a> | Blogger
Theme by <a href='http://www.bloggertipandtrick.net/' target='_blank'
title='Blogging Tutorials'>Lasantha</a> - <a
href='http://www.premiumbloggertemplates.com/' target='_blank' title='Free
Blogger Templates'>PremiumBloggerTemplates.com</a>
</div>
</div>
</footer>
</div>
//<![CDATA[
/**
* Functionality specific to Suits.
* Provides helper functions to enhance the theme experience.
*/
( function( $ ) {
var body = $( 'body' ),
_window = $( window );
/**
* Enables menu toggle for small screens.
*/
( function() {
var nav = $( '#site-navigationbwrap' ), button, menu;
if ( ! nav )
return;
button = nav.find( '.menu-togglebwrap' );
if ( ! button )
return;
// Hide button if menu is missing or empty.
menu = nav.find( '.nav-menuul' );
if ( ! menu || ! menu.children().length ) {
button.hide();
return;
$( '.menu-togglebwrap' ).on( 'click.suits', function() {
nav.toggleClass( 'toggled-on' );
} );
} )();
} )( jQuery );
//]]>
</script>
</body>
</html>

New Microsoft Word Document

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

New Microsoft Word Document

Uploaded by

Copyright:

Available Formats

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

<meta content='width=device-width' name='viewport'/>

<b:include data='blog' name='all-head-content'/>

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

Blogger Template Style

Author: Lasantha Bandara

Date: June 2014

body#layout .navbarbwrap {display:none;}

body#layout .site-headerbwrap .pbthome-link {min-height:100px;}

body#layout .site-footerbwrap .widget-areabwrap

body#layout .site-mainbwrap .content-areabwrap {width:450px;}

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

font-size: 69%; /* 16px */

font-family: "Segoe Print", "Segoe Print", "Segoe Print", Geneva, Verdana,

outline: thin dotted;

-webkit-transition: all 0.3s;

transition: all 0.3s;

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,

color: rgba(0, 0, 0, 0.45);

border-bottom: 1px dotted;

font-family: monospace, serif;

background-color: rgba(0, 0, 0, 0.04);

border: 1px solid rgba(0, 0, 0, 0.1);

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

padding: 6px 10px 6px 0;

padding: 0.6rem 1rem 0.6rem 0;

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

clip: rect(1px, 1px, 1px, 1px);

position: absolute !important;

border: 1px solid rgba(0, 0, 0, 0.1);

padding: 8px 10px;

padding: 0.8rem 1rem;

-webkit-transition: border 0.2s;

transition: border 0.2s;

border-color: rgba(0, 0, 0, 0.3);

padding: 8px 20px;

padding: 0.8rem 2rem;

border-color: rgba(0, 0, 0, 0.3);

border-color: rgba(0, 0, 0, 0.1);

color: rgba(0, 0, 0, 0.5);

/* Placeholder text color -- selectors need to be separate to work. */

/* Make sure videos and embeds fit their containers. */

/* Override the Twitter embed fixed width. */

max-width: 100% !important;

margin: 5px 20px 5px 0;

margin: 0.5rem 2rem 0.5rem 0;

margin: 5px auto;

margin: 0.5rem auto;

font-family: Lato, sans-serif;

padding: 40px 0 5px;

padding: 4rem 0 0.5rem;

font-family: Lato, sans-serif;

padding: 12px 20px;

padding: 1.2rem 2rem;

-webkit-transition: all 0.3s;

transition: all 0.3s;

.nav-menuul li:hover > a,

-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

.nav-menuul .sub-menu ul,

ul.nav-menuul li:hover > ul,

.nav-menuul ul li:hover > ul {

.nav-menuul .current_page_item > a,

.nav-menuul .current_page_ancestor > a,

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