<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='index,follow' name='robots'/>
<meta content='Super SEO -  SEO Friendly Blogger Template' name='description'/>
<meta content='seo, seo friendly, blogger template' name='keywords'/>
<b:else/>
<meta content='noindex,follow' name='robots'/>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'/>
<link expr:href='data:blog.url' rel='canonical'/> 

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Super SEO
Author : Kang Ismet
Author URL : http://bloggertut.com
Published by : GalleryBloggerTemplates.com
Date:     23 Oct 2012
----------------------------------------------- */
#navbar-iframe {display: none; height: 0 !important; visibility: hidden;}

/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#f2f2f2;margin:5px auto;font-size:14px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;color:#444;line-height:1.5;}
a{color:#1A74BA;text-decoration:none;outline:none;}
a:hover, a:active{color:#174271;text-decoration:underline;}

blockquote{border-left:5px solid #ddd;margin:10px 20px;padding-left:7px;font:italic 1em/1.5 Georgia, Times, serif;}

input, button, textarea, select{ font:normal 12px/12px "Verdana", sans-serif;color:#535353;vertical-align:middle;}
legend{display:none;}
fieldset{border:none;}
img{border:0;}

/* wrapper */
#wrapper{width:960px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:white;border:1px solid #e1e1e1;} 

/* Header */
#header-wrapper{width:920px;padding:0 0 0px 20px;position:relative;height:105px;}
h1.logo{margin:10px 0 0 0;padding:0;width:400px;font-size:250%;}
h1.logo a{padding:0 0 0 5px;width:400px;text-transform:uppercase;color:#444;text-decoration:none;}
.descriptionwrapper {margin:0 0 0 7px;padding:0;width:400px;font-size:100%;}

#header-inner {
width:432px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header {
color:#000000;
text-align:left;
}
#r_head{
width:468px;
float:right;
padding-top:20px;
}

/* Search */
.search{width:250px;position:absolute;right:0;bottom:30px;padding:11px 20px 0 0;}
.search form{float:right;margin-right:0;}
.search input{float:left;background:url(http://1.bp.blogspot.com/-4xCIMqSoOKY/UOY1EnLw2FI/AAAAAAAAAVs/rJcDnjOBzpg/s1600/search-input.png) no-repeat;border:none;padding:8px 0 7px 18px;width:182px;color:#000066;font-weight:bold;}
.search button{float:left;background:url(http://4.bp.blogspot.com/-lWpUMvhvYbQ/UOY1EYFBQzI/AAAAAAAAAVk/xh5m-Fe15hM/s1600/search-button.png) no-repeat;width:44px;height:29px;border:none;cursor:pointer;color:#fff;vertical-align:middle;padding:2px 5px 5px 0;font:bold 12px/12px "Verdana", sans-serif;}


/* Top Menu */
.menu{width:880px;margin:0 20px;border:0 solid #403f3f ;background:none;overflow:hidden;border-bottom:3px solid #191919;}
/**/ * html .menu{height:1%;} /* */ 
.menu ul, .menu li{float:left;list-style:none;margin:0;padding:0;}
.menu li a{display:block;margin:0;padding:7px 10px;color:#000;text-decoration:none;font-weight:normal;}
.menu li a:hover{background-color:#2A2A2A;}
.selected{background-color:#2A2A2A;}

.clear{clear:both}
.right {float:right;}
.right a{color:#999;}
.right a:hover{color:#444;text-decoration:none;}
.left {float:left;}

/*******************
*        TOP                           *
********************/
#top {
        background: #fff;
        margin: 0 auto;
        padding: 0;
        width:920px;
}

#topnav {
        background: #fff;
        height: 32px;
        margin: 0;
        padding:2px 0 1px 0;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 11px;
}

#topnav .current_page_item {
        background: #242423;
}

#topnav .current_page_item a {
        color: #fff !important;
}

#topnav ul {
        float: left;
        list-style: none;
        margin: 0 0 0 1px;
        padding: 0;
}

#topnav li {
        float: left;
        list-style: none;
        margin: 0 5px 0 0;
        padding: 0;
        font-weight: bold;
        text-transform: uppercase;
}

#topnav ul li {
        list-style: none;
        margin: 0 0 0 5px;
        padding: 0;
        /*border-right: 1px solid #045;*/
}

#topnav li a, #topnav li a:link, #topnav li a:visited {
        font-weight: bold;
        color: #242423;
        display: block;
        margin: 0;
        padding: 8px 12px 7px 12px;
}

#topnav li a:hover, #topnav li a:active {
        background: #242423;
        color: #fff;
        display: block;
        text-decoration: none;
        margin: 0;
        padding: 8px 12px 7px 12px;
        border-bottom: none;
}

#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
        background: #fff;
        width: 130px;
        color: #111;
        float: none;
        margin: 0;
        padding: 8px 12px 7px 12px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
}

#topnav li li a:hover, #topnav li li a:active {
        background: #242423;
        color: #fff;
        padding: 8px 12px 7px 12px;
}

#topnav li ul {
        z-index: 9999;
        width: 155px;
        margin: 0;
        padding: 0;
        position: absolute;
        left: -999em;
        height: auto;
}

#topnav li li {
        border:none;
}

#topnav li ul a {
        width: 120px;
}

#topnav li ul a:hover, #topnav li ul a:active {
}

#topnav li ul ul {
        margin: -29px 0 0 156px;
        border: none;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
        left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
        left: auto;
}

#topnav li:hover, #topnav li.sfhover {
        position: static;
}

#topnav .left a {
        margin: 0;
        padding: 0 5px 0 5px;
}

/*Menu*/
#navbarsecond{
border-top: 1px solid #e5e5e5;
border-bottom: 3px solid #191919;
width:920px;
margin:0 20px;
}
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline;  position: relative; }
.dropdown a {  position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:43px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
#navbarsecond .dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
#navbarsecond .dropdown li:hover ul,
#navbarsecond .dropdown li.sfHover ul { left: 0; top:47px; /* match top ul list item height */ z-index: 99; }
#navbarsecond ul.dropdown li:hover li ul,
#navbarsecond ul.dropdown li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li:hover ul,
#navbarsecond ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
#navbarsecond ul.dropdown li li:hover li ul,
#navbarsecond ul.dropdown li li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li li:hover ul,
#navbarsecond ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
.dropdown {
float:left;
}
.dropdown a {
padding: 12px 10px 15px;
margin:0 5px 0 0;
text-decoration:none;
line-height:1.2;
font-size: 14px;
color: #848484;
display:block;
}
.dropdown a:hover {
background:#ededed;
color:#dadada;
}
.dropdown ul {
text-align: left;
margin: 0;
background:#ededed;
border-top:none;
z-index:999;
padding:10px 0 10px;
}
#navbar .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
}
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
outline:0;
color: #848484;
font-weight:bold;
}
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
outline:0;
font-weight:normal;
color:#c0c0c0;
}
.dropdown li ul li {
float:left;
margin:0;
padding:0;
}
.dropdown li ul li a {
color:#dadada;
margin:0;
padding:3px 10px;
}
.dropdown li:hover a {
color:#dadada;
background:#ededed;
}
.dropdown li:hover ul a {
color:#848484;
}
.dropdown li:hover li a:hover {
color:#dadada;
}
.dropdown a.sf-with-ul {
min-width:1px;
}
.sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('http://1.bp.blogspot.com/-6GgrJ1W8PTc/UGge0oI9URI/AAAAAAAABWQ/vKw0B6A-3Ec/downt.png') no-repeat center;
}
.dropdown li:hover li .sf-sub-indicator {  /* give all except IE6 the correct values */
background:url('http://4.bp.blogspot.com/-j02qJiTwkZA/UGge2mhbLZI/AAAAAAAABWo/bIRQBVtcmI4/rightt.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('http://3.bp.blogspot.com/-aoUKDwhvsLg/UGgezjTLXHI/AAAAAAAABWA/IZ4v2fbi7Yo/down.png') no-repeat center;
}
#navbarsecond .dropdown li:hover .sf-sub-indicator {
background:url('http://4.bp.blogspot.com/-Lbc304aBmM4/UGge0LgrLtI/AAAAAAAABWI/sqb2WFOGVYw/downh.png') no-repeat center;
}
#navbarsecond .dropdown li:hover li .sf-sub-indicator {  /* give all except IE6 the correct values */
background:url('http://4.bp.blogspot.com/-wfkEqNuGEYM/UGge17gIaBI/AAAAAAAABWg/Z2nFYzO4Pho/right.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .dropdown a {
color: #000;
font-size:14px;
padding:12px 10px;
line-height:1.2;
}
#navbarsecond .dropdown a:hover {
background: #242423;
color:#fff;
}
#navbarsecond .dropdown ul {
background: #242423;
padding:10px 0 10px;
margin-top:-4px;
}
#navbarsecond .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
background: #242423;
}
#navbarsecond .dropdown li ul li {
color:#000;
}
#navbarsecond .dropdown li ul li a {
color:#000;
padding:4px 10px;
}
#navbarsecond .dropdown li:hover a {
color:#fff;
background: #242423;
}
#navbarsecond .dropdown li:hover ul a {
color:#fff;
}
#navbarsecond .dropdown li:hover li a:hover {
color:#dadada;
}

#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}

/* layout */
#main{margin:10px 0;}
#content{margin:0;width:590px;float:left;margin:0;padding:0 15px 0 20px; line-height:150%;padding-bottom:none !important;}
.post{padding:0;text-align:left;}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}

/* CONTENT */
#content h2{color:#222;text-align:left;font-size:30px; font-family:  "Lato" "Myriad Pro", "Arial", sans-serif;padding:0;margin:0;line-height: 1.1;padding-right:25px;}
#content h2 a{color:#222;text-decoration:none;}
#content h2 a:hover{color:#1A74BA;}

#content h3, #content h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:0;}
#content h3 a{color:#111;text-decoration:none;}
#content h3 a:hover{color:#DF2F00;text-decoration:none;}

.under, .info{  margin-top:5px; font-size:11px;height:18px;line-height:18px;}
.categories{background:url(https://lh3.googleusercontent.com/-73os3eAauJQ/T-RyBcFxY3I/AAAAAAAABYc/DcyiImFFGz8/s13/icon-article-tags.png) 0 center no-repeat;padding:0 0 0 20px;float:left;}

.jump-link {padding:0 0 0 20px;float:right;font-weight:bold;font-size:12px;}

#content .under a, #content .info a{color:#666;text-decoration:none;}

/* table setting for content only*/
#content table{background:#FFF;border:1px solid #CCC;border-collapse:collapse;margin:5px 0 10px;}
#content th, #content td{border:1px solid #CCC;padding:5px 10px;text-align:left;vertical-align:top;}
#content tr.even td{background:#F7F7F7;}
#content th{background:#EDEFF0;}
.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:0;margin:0px 0 0px 0;}

.post{padding-bottom:0px;line-height:1.6em}
.post ul{list-style:none;margin:0px 0 10px 0;}
.post ul li{padding-left:33px;position:relative;background:url(http://3.bp.blogspot.com/-c4BqKaosVsY/UIgIFErpBfI/AAAAAAAACxE/6nEZup64J3g/s1600/p-con-li.png) no-repeat 15px 3px;}
.post ol {padding:10px 0;}
.post ol li{margin:0 0 0 35px;position:relative;}
.post img{max-width:590px;}
.post-meta{background:none;color:#999;font-size:11px;margin:8px 0;padding-bottom:8px;width:590px; border-bottom:1px solid #e5e5e5}
.post-meta a{color:#999;font-style:normal}
.post-meta a:hover{color:#1A74BA}
.post-meta span {padding: 0px 10px 0px 0px;}

/* Related Post */
#content .related_posts{margin-top:25px;padding:0 10px 0 0;} 
#content .related_posts h4{color:#111;font-size:19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;;color:#444;;letter-spacing:-0.5px;padding:15px 0 7px 0;border-bottom:solid 1px #fafafa;margin-bottom:5px;}
#content .related_posts a{color:#444;} 
#content .related_posts ul{padding:0;}
#content .related_posts ul li{list-style:none;padding:9px 5px 9px 14px;border-bottom:1px solid #eee;line-height:18px;background:url(http://2.bp.blogspot.com/-ipsIvfDpiDA/T4MMjQaiGAI/AAAAAAAAAPE/0Jo4k87vtPc/bullet.png) no-repeat 0 14px;}


/* SIDEBAR */
#sidebarwrap{margin-top:15px;}
#sidebarwrap .module, #sidebarwrap .subscribe{margin-bottom:5px;padding:0 0 5px 0;width:300px;}
#sidebarwrap .widget{margin-bottom:5px;padding:0 0 5px 0; line-height:150%;}
#sidebarwrap .widget h2{
border-bottom: 1px solid #E5E5E5;
font-size: 14px;
line-height: 1.3;
margin: 0 0 15px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}

#sidebarwrap p{padding:2px 0;margin:2px 0;}

#sidebarwrap .widget ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .widget ul li{padding:5px 0;color:#444;font-weight:normal;}
#sidebarwrap .widget a{color:#000000;}

/* Label */
#sidebarwrap .Label ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .Label ul li{padding:5px 0;border-bottom:1px solid #eee;color:#444;font-weight:normal;width:142px;float:left;margin:0 3px;}
#sidebarwrap .Label ul li a{background:transparent url(http://2.bp.blogspot.com/-YBaVWiNSvHo/UIeZgBcvBZI/AAAAAAAACwk/8L_bK0VCljI/s1600/bullet.png) no-repeat 0 5px;padding-left:12px;color:#444;}
#sidebarwrap .Label ul li a:hover{color:#000;text-decoration:none}

#ArchiveList {padding:0 0 0 20px;}
#ArchiveList ul li {padding:3px 0;}
.zippy{color:#aaa}


#sidebarwrap .LinkList ul{padding:0;margin-bottom:5px;}
#sidebarwrap .LinkList ul li{list-style:none;padding:10px 0 10px 15px;line-height:15px;background:transparent url(http://2.bp.blogspot.com/-YBaVWiNSvHo/UIeZgBcvBZI/AAAAAAAACwk/8L_bK0VCljI/s1600/bullet.png) 0 14px no-repeat;border-bottom:solid 1px #eee;}


/* Footer */
.footer{background:#fff;width:920px;padding:0 20px 20px 20px;overflow:hidden;margin:0 auto;}
.footer hr{border-left:none;border-right:none;border-top:3px solid #E0DFDF;border-bottom:none;height :1px;display:block;margin-bottom:10px;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#333;font-weight:normal;text-decoration:none;}

/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;}
.clearfix{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* Comments
----------------------------------------------- */
#comments h4 { color:#111;font-size:normal 19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;padding:10px 0 10px 0;margin-bottom:10px;}

#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
padding-left:20px;
font:bold 14px/14px Arial, sans-serif;
}

#comments-block .comment-body {
margin-top:0;
padding-left:0;
padding-top:10px;
}

#comments-block .comment-footer, #comments-block .comment-footer a{
font-size:11px;
margin:0 0 10px 0;
padding-bottom:5px;
padding-left:0;
text-transform:none;
color:#aaa;
}
#comments-block .comment-footer{border-bottom: solid 1px #ccc;}

#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#commentsHolder{width:620px;}

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
margin-top: 20px;
padding-top:20px;
text-align: center;
border-top:1px solid #e5e5e5;
}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(http://3.bp.blogspot.com/-9SV9QR-8bQE/UJM-DrFbXII/AAAAAAAAC-Q/5N44DYPqBRQ/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-1TUB0CyILC4/UJM992t1HsI/AAAAAAAAC-I/XDga_51faqc/s1600/leftarrow.png)}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(http://3.bp.blogspot.com/-9SV9QR-8bQE/UJM-DrFbXII/AAAAAAAAC-Q/5N44DYPqBRQ/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-1TUB0CyILC4/UJM992t1HsI/AAAAAAAAC-I/XDga_51faqc/s1600/leftarrow.png)}
.home-link{display:none}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}

#comments .form-comment {width:580px;}
#comments .form-comment iframe {width:580px;margin:0;padding:0;}

.clear{clear:both;}

/* Sponsor */
#sidebarwrap .sponsor{padding:3px 0;margin:0;text-align:center;border:#ccc 1px solid;}
#sidebarwrap .sponsor img{padding:5px;margin:3px;border:#ddd 1px solid;background:#fefefe;}


/* FORM */
.inputbox{padding:3px;font-family:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;border: 1px solid #999;}
.button{padding:2px 5px;border: 1px solid #999; color: #000; background:#eee;}

.thumbimg{float:left;margin:4px 10px 0 0px;border:1px solid #eee;padding:5px;}

/* social media buttons on post page  */
#content .socialmedia-post h3{color:#1A74BA;padding:0 0 7px 0;}
.socialmedia-post ul{ height:30px;padding:0 !important;margin: 0 auto;}
.socialmedia-post ul li{ padding: 0 15px 0 0;margin:0;float:left;list-style:none;background:none;}
.socialmedia-post ul li .last{ padding:0;margin:0}
.stumblebutton {padding:0;margin:1px 0 0 0;}

.forads a{font-weight:bold;}
.PostDate {color:red;}

/* Social Icons */
.iconFacebook,
.iconGoogle,
.iconTwitter,
.iconRSS {
    background: transparent url('http://4.bp.blogspot.com/-xle7tRvibpc/UIecojbG6kI/AAAAAAAACw0/lvzIR05C3tI/s1600/socialicons.png') no-repeat 4px 0;
    border-left: 1px solid #fafafa;
    display: block;
    float: right;
    font-size: 11px !important;
    font-weight: bold;
    height: 32px;
    line-height: 32px !important;
    margin: 0 0 0 6px;
    padding: 0 6px 0 30px;
}
.iconGoogle {
    background-position: 4px -36px;
}
.iconTwitter {
    background-position: 4px -72px;
}
.iconRSS {
    background-position: 4px -108px;
    padding-right: 0;
}
.iconFacebook:hover {
    background-position: 4px -144px;
}
.iconGoogle:hover {
    background-position: 4px -180px;
}
.iconTwitter:hover {
    background-position: 4px -216px;
}
.iconRSS:hover {
    background-position: 4px -253px;
}

#post-share-button{margin-top:25px;background:#fafafa;padding:10px 10px 5px 15px;width:95%}
.breadcrumbs{padding:5px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #eee;border-top:1px dotted #eee;}
#Attribution1 {display: none;}
 #comments p a{ display: none !important;}

]]></b:skin>

<style type='text/css'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
#content h2 {
font-size: 18px;
line-height: 1.1;
margin: -5px 0 0px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}
#post-footer{display:none}
.post{padding-bottom:15px;}
.post-meta{margin-top:-4px;}
.separator{margin-top:-6px;}
</b:if>
</style>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://kangismet.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://kangismet.googlecode.com/files/grey.png&quot;,threshold : 200});
});
</script>

  </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*
 * Superfish v1.4.8 - jQuery menu widget
 * Copyright (c) 2008 Joel Birch
 *
 * Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
 */
(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#xbb;</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);

jQuery(document).ready(function($) { 
    
    $('#navbar ul.dropdown').superfish({ 
        delay:       100,                               // 0.1 second delay on mouseout 
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation 
        dropShadows: false                              // disable drop shadows 
    });
    
    $('#navbarsecond ul.dropdown').superfish({ 
        delay:       100,                               // 0.1 second delay on mouseout 
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation 
        dropShadows: false                              // disable drop shadows 
    });
    
});
//]]>
</script>

<script type='text/javascript'>
 // ganti angka dibawah untuk mengatur jumlah karakter
 summary_noimg = 350;
 summary_img = 280;

 // ganti angka dibawah untuk merubah ukuran thumbnail
 img_thumb_height = 120;
 img_thumb_width = 160;

 // ganti dengan gambar sesuai selera anda
 img_thumb_nosrc = &quot;http://3.bp.blogspot.com/-TSC-t4b1XvQ/UHWqOo4keDI/AAAAAAAAATo/DgshIsz1IBs/s1600/default.png&quot;;
</script>

<script type='text/javascript'>
 //<![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;

  // this block of code is used to add default thumbnail to post without images
  if(img.length<=1) {
   imgtag = '<div style="clear:both; margin:0 10px 10px 0px;float:left;"><img src="'+img_thumb_nosrc+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
   summ = summary_noimg;
  }

  if(img.length>=1) {
   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
   summ = summary_img;
  }

  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  div.innerHTML = summary;
 }

 //]]>
</script>

<body>
<div id='wrapper'>

   <!-- skip links for text browsers -->
   <span id='skiplinks' style='display:none;'>
     <a href='#main'>skip to main </a> |
     <a href='#sidebar'>skip to sidebar</a>
   </span>

<div id='top'>
    <div id='topnav'>
      <div class='left'>
        <b:section id='topmenu' showaddelement='yes'>
          <b:widget id='PageList1' locked='false' title='TopMenu' type='PageList' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><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:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
      <!--end: left-->
      <div class='right'>
<a class='iconFacebook' href='#'>Facebook</a>

<a class='iconTwitter' href='#'>Twitter</a>

<a class='iconRSS' href='#'>RSS</a>

<a class='iconGoogle' href='#'>Google</a>   
      </div></div></div>
      <!--end: right-->

   <!-- header START -->
   <div id='header-wrapper'>
<div id='header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Gta pot  |All Gta gemes pc games cheets mods trailers and much more (Header)' type='Header' visible='true'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
        <div id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
  </div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
   <!-- header END -->

<!-- Menu START -->
<div id='navbarsecond'>
<ul class='dropdown' id='secondmenu'>
<li><a href='/'>Home</a></li>
<li><a href=''>World News</a></li>
<li><a href=''>Entertainment</a></li>
<li><a href=''>Health</a></li>
<li><a href=''>Technology</a></li>
<li><a href=''>Auto</a></li>
<li><a class='sf-with-ul' href=''>Sport</a>
<ul class='sub-menu'>
<li><a href=''>Soccer</a></li>
<li><a href=''>Formula 1</a></li>
<li><a href=''>Rally Racing</a></li>
<li><a href=''>Golf</a></li>
</ul>
</li>
</ul>
<div class='clear'/>
</div><!-- /#navbarsecond -->

<!-- Main START -->
<div class='clearfix' id='main'>



<!-- Content Start-->
<div id='content'>

        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>
            <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>

        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

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

  <b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>

</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.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.url.canonical.http'>
    </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:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </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><data:post.commentLabelFull/>:</h4>

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

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

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

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

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:elseif cond='data:post.allowComments'/>
          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </b:if>
      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

  <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
            <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

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

      <div class='mobile-index-comment'>
        <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

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

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

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

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

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

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </h3>
          </b:if>

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

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

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.url.canonical' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

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

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

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

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

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

    <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <meta expr:content='data:post.url.canonical' itemprop='url'/>
            <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
          </b:if>
        </b:if>
      </span>

      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</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>

      <span class='post-comment-link'>
        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
           <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
         </b:if>
       </span>

      <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='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

      <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>

      </div>

      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:top.showPostLabels and 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:if cond='not data:label.isLast'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation and data:post.location'>
          <data:postLocationLabel/>
          <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
        </b:if>
      </span>
      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </div>
  </div>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://resources.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 + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
            <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

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

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

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

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          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:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

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

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

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

   </div>
<!-- Content End -->

<!-- Sidebar Start -->
<div id='sidebarwrap'>
<div style='margin:0; padding:0'>

        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>
            <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

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

    <b:include name='quickedit'/>
  </b:includable>
          </b:widget>
          <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
            <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
            <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
            <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
            <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
            <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
          </b:widget>
          <b:widget id='Label1' locked='false' title='Category' type='Label' visible='true'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' visible='true'>
            <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
      gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d4904138462864409416\x26blogName\x3dGta+pot++%7CAll+Gta+gemes+pc+games+chee...\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://gtapot.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttps://gtapot.blogspot.com/\x26vt\x3d-3866980242731205229&#39;,
              where: document.getElementById(&quot;navbar-iframe-container&quot;),
              id: &quot;navbar-iframe&quot;
          });
        }
      });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
          </b:widget>
        </b:section>

<div class='module'> 
<div style='margin:0; padding:0; width:140px;float:left;'>
  <b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div style='margin:0; padding:0 0px 0 10px; width:150px;float:left;'>
  <b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<div style='clear:both;'/>
</div>

  <b:section class='sidebar' id='sidebar3' preferred='yes'/>

</div>
</div>
<!-- Sidebar End -->

<div style='clear:both;'/>
</div>
<!-- Main End -->


<!--Start Footer-->
<div class='footer'>
<hr style='display:block;'/>
<p>Copyright &#169; 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.</p> 
<p><a href='http://blog.kangismet.net' title='SEO friendly Blogger Template'>Super SEO</a> created by <a href='http://www.shiningweb.info/' target='_blank'>SHININGWEB</a> | Published by <a href='http://xinstaller.blogspot.com/' target='_blank'>GalleryBloggerTemplates.com</a></p> 
</div>
<!--End Footer-->

</div>

</body>
</html>