SlideShare une entreprise Scribd logo
1  sur  37
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'
type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow'
rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>
<b:skin><![CDATA[
/* ----------------------------------------------Blogger Template Style
Name
: Johny Coba Dulu
Author
: Maskolis
Url
: http://www.maskolis.com/
Updated by: Blogger Team
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 which provides due credit to its authors and supporters. For more specific
details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
body{background:#183e67;color:#222;font:x-small Trebuchet MS;fontsize:normal;text-align:left;margin:0}
a:link{color:#173c64;text-decoration:none}
a:visited{color:#173c64;text-decoration:none}
a:hover{color:#eee;text-decoration:none}
a img{border-width:0}
#headerpic{background:#eee;width:100%px;}
#header-wrapper{width:985px;margin:0 auto;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:500px;text-align:left;color:#ddd;margin:0}
#header2{float:right;width:468px;margin:10px 0 0;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:0px 0 0}
#header h1, #header p{line-height:1.2em;text-transform:none;letterspacing:.1em;font: bold 30px Oswald;text-shadow:1px 1px 1px #fff;margin:0
auto;padding:5px 5px .15em;color:#0a2e56;}
#header a{text-decoration:none}
#header a:hover{color:#333}
#header .description{max-width:100%;text-transform:uppercase;letterspacing:.01em;line-height:1.2em;font:12px Oswald;color:#aaa;margin:0
auto;padding:0 5px 5px}
#header img{margin-left:auto;margin-right:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#nav-wrapper{background:#0a2e56;height:35px;font:12px
Arial;overflow:hidden;border-bottom:1px solid #111}
#nav{margin:0 auto;width:979px;height:35px;padding:0}
#nav ul{float:left;width:auto;height:35px;margin:0;padding:0;list-styletype:none}
#nav ul li{float:left;height:35px}
#nav ul li a,#nav ul li a:visited{float:left;height:35px;padding:10px
10px;color:#ccc;text-transform:none}
#nav ul li a:hover{color:#ffcc00;text-decoration:none;}
#ads-wrapper,#ads1-wrapper{padding-left:8px;width:745px;float:left;wordwrap:break-word;overflow:hidden}
#mainpage-wrapper{width:750px;float:left;word-wrap:break-word;overflow:hidden}
#main-wrapper{width:750px;float:left;word-wrap:breakword;overflow:hidden;padding-top:10px}
#crosscol-wrapper{width:728px;float:left;word-wrap:breakword;overflow:hidden;padding:5px;margin:8px 8px
0;background:#1a4d86;height:90px;-moz-border-radius:4px;-webkit-borderradius:4px;border-radius:4px;}
.crosscol .widget{margin:0;}
#box-wrapper{width:365px;float:left;word-wrap:break-word;overflow:hidden}
#box1-wrapper{padding-left:10px;width:365px;float:left;word-wrap:breakword;overflow:hidden}
.ads .widget,.ads1 .widget,..box .widget,.box1 .widget{margin:0;padding:0 0 5px}
.ads ul,.ads1 ul,.box ul,.box1 ul{list-style:none;margin:0;padding:0}
.sidebar1-wrapper{padding:0 auto;margin:0 auto;width:auto;float: right;
word-wrap: break-word; overflow: hidden;}
.sidebar1 ul {list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0px 0px 0px;padding:0}
#sidebar-wrapper{background:#a7b1be;width:220px;float:right;word-wrap:breakword;overflow:hidden;margin:8px 8px 8px 0;-moz-border-radius:4px;-webkit-borderradius:4px;border-radius:4px;}
h2{font:14px Arial;line-height:1.4em;text-transform:none;letterspacing:.01em;color:#666;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;lineheight:1.2em;margin:.1em 0}
.post{background:#ededed;margin:10px 5px 10px 8px;padding:10px 15px;border:5px
solid #a7b1be;-moz-border-radius:4px;-webkit-border-radius:4px;borderradius:4px;text-shadow:2px 1px 1px #fff}
.post h3{font:bold 30px Oswald;line-height:1.2em;color:#1a4d86;margin:.25em 0
0;padding:0 0 4px;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:#1a4d86}
.post h3 strong,.post h3 a:hover{color:#222}
.post-body{border-top:2px solid #1a4d86;font:16px PT Sans Narrow;paddingtop:10px;line-height:1.3em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px
Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.6em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;lineheight: 1.6em;color: #111;background: #fff;border-left: 20px solid #a7b1be;textshadow:none}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid
#999;color:#333;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{background:#ededed;padding:0 15px;border:5px solid #a7b1be;-mozborder-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:10px 5px
10px 8px;font:normal 12px Arial}
#comments h4{line-height:1.4em;text-transform:uppercase;color:#1a4d86;margin:1em
0}
#comments-block{color:#222;line-height:1.4em;margin:1em 0 1.5em}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{line-height:1.4em;text-transform:none;letterspacing:.01em;margin:-.25em 0 2em}
#comments-block .comment-body p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}
#blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:15px 0 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;textalign:center;display:inline-block;color:#eee;background:#1a4d86;font:bold 12px
Arial;text-transform:none;margin:0 0px;padding:5px 5px;-moz-border-radius:4px;webkit-border-radius:4px;border-radius:4px}
.feed-links{clear:both;line-height:2.5em}
.menusearch{width:240px;float:right;margin:0 auto;padding:0 auto}
.searchform {margin-top:0px;display: inline-block;zoom: 1;*display:
inline;padding:0;background:#eee;width:240px;height:25px; overflow:hidden;webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px
solid #021427;box-shadow:0 0 5px 0 #666 inset;}
.searchform input {font:italic 12px Arial;color:#222;lineheight:25px;height:25px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0
6px;margin:0;width: 195px;height:25px;border:0px;outline: none;lineheight:25px;}
.searchform .searchbutton {border:none;margin:0;padding:0;fontsize:12px;height:25px;width:25px;}
.sidebar h2{font:16px Oswald;color:#000;texttransform:uppercase;margin:0;padding:5px;}
.sidebar li{border-bottom:1px dotted #ddd;text-indent:0;lineheight:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{margin:0 0 5px;padding:0 5px}
.sidebar{font:12px Oswald;color:#444}
.sidebar .widget-content{border:5px solid #e5e5e5;background:#fff;margin:0
auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{color:#1a4d86;text-decoration:none}
.sidebar li a:hover{color:#111}
.sidebar ul{list-style:none;margin:0px;padding:5px 5px;}
.main .widget{margin:0 0 .5em;padding:0 0 .5em}
#bot-wrapper {width:985px;float:left;word-wrap:break-word;overflow:hidden}
#slide1-wrapper{width:646px;float:right;word-wrap:break-word;overflow:hidden}
#slide2-wrapper{width:300px;float:left;word-wrap:breakword;overflow:hidden;margin:8px 0 0 8px;padding:6px;border:5px solid #1a4d86;}
.bot .widget,.slide1 .widget,.slide2 .widget{margin:0;padding:0 0 0px}
.bot ul,.slide1 ul,.slide2 ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#slider{width:616px;height:308px;float:right;margin:8px 8px 0
0;clear:both;padding:.0px;border:5px solid #1a4d86}
#loopedSlider{float:left;background:none;width:616px;position:relative;clear:bot
h;height:308px;margin:0;padding:0}
#loopedSlider .featured-thumb{width:616px;height:308px;overflow:hidden;margin:0
0 10px}
#loopedSlider
.container{width:616px;height:308px;overflow:hidden;position:relative}
#loopedSlider .slides{position:absolute;top:0;left:0}
#loopedSlider .slides div{position:absolute;top:0;width:616px;display:none}
#loopedSlider .slides div h2.entry-title a{font-
family:Oswald;color:#fff;float:left;width:200px;line-height:1.3em;fontweight:400;padding:0 10px}
#loopedSlider .slides div h2.entry-title a:hover{color:#dfebf9}
#loopedSlider .slides div h2.entrytitle{background:url(http://4.bp.blogspot.com/bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)repeat;lef
t:10px;text-align:left;margin-top:0;position:absolute;top:10px;width:220px;minheight:80px;padding:10px 0}
#loopedSlider .slides div img{width:616px;height:auto;overflow:hidden;marginleft:0}
#loopedSlider .slides div h2.entry-title a{font-size:30px;line-height:40px;fontweight:400;margin:0 0 15px}
#loopedSlider ul.pagination{position:absolute;top:238px;list-styletype:none;width:640px;float:left;overflow:hidden;margin:0}
ul.pagination li{float:left;display:inline;width:77px;height:60px;padding:0 3px
0 8px}
ul.pagination a{display:block;width:80px;padding-top:0;border:2px solid
#fff;height:56px;overflow:hidden}
#loopedSlider .next,#loopedSlider .previous{background:transparent
url(http://3.bp.blogspot.com/mGp_iWwvO5Q/UO2VV8nA6TI/AAAAAAAACUI/dSgvO7zqhC8/s1600/pagination.png) no-repeat
0
0;cursor:pointer;display:block;height:30px;position:absolute;top:258px;width:33p
x;z-index:999}
#loopedSlider .previous{background-position:-36px -31px;right:44px}
#loopedSlider .previous:hover{background-position:0 0}
#loopedSlider .next{background-position:-35px 0;right:10px}
#loopedSlider .next:hover{background-position:1px -31px}
ul.pagination a:hover,ul.pagination li.active a{border:2px solid #1a4d86}
#loopedSlider a.button{color:#fff;font:12px Arial;textalign:center;border:none;border-radius:2px 2px 2px 2px;-moz-border-radius:2px;webkit-border-radius:2px 2px 2px
2px;width:60px;background:url(http://4.bp.blogspot.com/NtqyerVwRl4/UOxS0u0xM5I/AAAAAAAACJQ/gkjDNVTe0us/s1600/button-search.gif) repeatx bottom;margin-right:0px;float:left;padding:5px 5px}
#loopedSlider a.button:hover{ background-position:top left}
#outer-wrapper{background:#fff;width:985px;text-align:left;font:#ddd;margin:10px
auto;padding:0px;}
.newsfea{background:url(http://4.bp.blogspot.com/zYBBPmfIB6Q/UCqe325YZtI/AAAAAAAAIa8/4TqM8cIDaU0/s1600/new.png) no-repeat 0px
8px;margin:0px;padding:5px 0 5px 40px;font:14px Oswald;color:#1a4d86;texttransform:uppercase;border-bottom:2px solid #878889}
.footer h2{font:14px Oswald;padding-bottom:5px;margin-bottom:5px;lineheight:1.3em;text-transform:uppercase;color:#fff}
.footer{color:#ddd;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px
5px;font:normal 12px Arial;color:#626262;text-indent:0;lineheight:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}
.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444
0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%);
background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image:
-webkit-gradient(linear,left top,left bottom,color-stop(0,#444),colorstop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222
100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-
bottom:1px solid #000;border-top:4px solid #111;width:979px;margin:0 3px;textalign:center;font:normal 12px Arial}
#footer-wrapper{width:965px;text-align:left;font:normal 12px Arial;margin:0
auto;padding:0 10px 10px}
#footer1-wrapper{width:315px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:310px;float:left;word-wrap:breakword;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.creditwrap{background:#111;width:979px;margin:0 3px 3px;padding:0 auto;bordertop:1px solid #444;text-shadow:1px 1px 2px #000}
.credit{width:959px;line-height:1.6em;text-align:center;font-family:Arial;fontsize:11px;color:#ccc;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#ccc;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
.menuku-wrap{background:url(http://3.bp.blogspot.com/faP6Fn9WqLo/UPkslzJ5PSI/AAAAAAAAJfI/pJghtOCFU3s/s1600/menuku.png) repeat-x
top;height:54px;width:100%;}
.menuku{font:normal 12px Arial;line-height:normal;width:985px;texttransform:none;color:#f1f1f1;text-decoration:none;margin:0 auto;padding:0 auto}
.menuku ul{margin:0;padding:0}
.menuku li{liststyle:none;color:#b69786;float:left;display:inline;position:relative;margin:0;pa
dding:0}
.menuku li a{background:url(http://3.bp.blogspot.com/-C7cjkpxQeE/UPktW40dq8I/AAAAAAAAJfQ/Brd4yRErBYA/s1600/mnubg.png) repeat-x
top;display:block;text-decoration:none;font-weight:700;color:#ccc;textshadow:1px 1px 2px #111;outline:none;margin:10px 4px 8px;padding:8px
16px;border:1px solid #111}
.menuku li a:hover{background:#333;-moz-box-shadow: inset 2px 2px 2px #151515;webkit-box-shadow: inset 2px 2px 2px #151515;box-shadow: inset 2px 2px 2px
#151515;}
.menuku li ul{position:absolute;zindex:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0
;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
.menuku li ul a{margin:0;font:12px Arial;background:#2c2c2c;borderleft:none;border:none;display:block;padding:7px 10px;-moz-box-shadow:0 2px 2px
rgba(0,0,0,0.6)}
.menuku li ul a:hover{background:#1b1b1b;color:#fff}
.menuku li ul li{float:none;display:block;width:auto}
.menuku li ul ul{top:0;left:100%}
.menuku li a:hover,.menuku ul li a:hover{color:#eee}
#related-posts{float:left;width:auto;}
#related-posts h1{background:none;color:#1a4d86;font:20px Oswald;padding:3px}
#related-posts .maskolis_img {padding:0px;width:130px;height:90px;transition:all
400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all
400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms
ease-in-out;border:1px solid #999}
#related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-mozopacity:.7;-khtml-opacity:.7}
#maskolis h1{background:url(http://4.bp.blogspot.com/uRiKr4nL7oQ/UPmC_Fl2IRI/AAAAAAAAJk8/raGJCmT-6Qs/s1600/game.png) no-repeat 5px
5px;font:14px Oswald;margin:0px;padding:5px 5px 5px 33px;texttransform:uppercase;}
#maskolis h1 a,#maskolis h1 a:visited{color:#1a4d86}
#maskolis h1 a:hover{color:#666}
#maskolis {background:#ededed;overflow:hidden;padding-bottom:10px;border:5px
solid #a7b1be}
#maskolis .col_maskolis
{width:164px;height:150px;float:left;padding:0;margin:2px 5px 8px;textalign:center;}
#maskolis .maskolis_img {border:2px solid #a7b1be;margin:3px 3px
0;width:160px;height:115px;transition:all 400ms ease-in-out;-webkittransition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-otransition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#maskolis .maskolis_img:hover{border:2px solid #323232;}
#maskolis .posttitle {height:20px;border:0 none;line-height:6px;margin:0 0px
5px;padding:2px}
#maskolis .posttitle a{color:#111;font:12px Arial}
#maskolis .posttitle a:hover {color:#1a4d86}
#tabber-wrapper{background:#ededed;width:730px;float:left;word-wrap:breakword;overflow:hidden;margin:0 0 10px;border:5px solid #a7b1be}
ul.tab-view{float:left;liststyle:none;height:32px;width:728px;margin:0;padding:0;font:12px Arial}
ul.tab-view li{float:left;height:31px;lineheight:31px;overflow:hidden;position:relative;margin:0 0 -1px;padding:0}
ul.tab-view li a{textdecoration:none;color:#111;display:block;outline:none;font-weight:700;padding:0
15px}
html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view
li.active a:hover{color:#000;background:#a7b1be}
.tab-wrapper{bordertop:none;overflow:hidden;clear:both;float:left;width:728px;margin-bottom:10px}
.tabber{padding:10px 0 0}
.tabber .column{float:left;display:inline;width:133px;height: 140px;margin:0 2px
0 9px}
.tabber .column_img{border:1px solid #a7b1be;width:133px;height:95px}
.tabber h2{font:11px Arial;line-height:15px;margin:0 0 5px;text-align:center}
.tabber h2 a{color:#444}
.tabber h2 a:hover{color:#1a4d86}
.
jogos{background:#ededed;height:128px;overflow:hidden;position:relative;width:19
0px;-moz-border-radius:4px;-webkit-border-radius:4px;borderradius:4px;margin:5px;padding:10px}
.jogosbg{background:url(http://3.bp.blogspot.com/-muN7YzlBB0/T2BddBOU7PI/AAAAAAAAAQc/HUtK0nhzvTI/semi_transparent.png) repeat scroll
0 0 transparent;bottom:0;color:#FFF;height:43px;marginbottom:10px;position:absolute;width:190px;padding:0}
.jogos img{display:block;width:190px;height:128px}
h2.articletitle{color:#fff;font:14px Arial;line-height:20px;margin:0;padding:2px
2px 2px 5px}
h2.articletitle a{color:#fff}
h2.articletitle a:hover{color:#fecb01}
]]></b:skin>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.topwrap {position: relative;}
.wrapbg {position: absolute;bottom:0px;background: #000;opacity: 0.7;filter:
alpha(opacity=70);width: 119px !important;padding:1px 7px 3px;margin:10px 1px
6px}
h2.post-title {margin-top: 0px;line-height: 14px;font-size: 12px;textalign:center;}
h2.post-title a, h2.post-title a:visited {font:11px Arial;color: #111;}
h2.post-title a:hover {color: #1a4d86;}
.post {background: none;float: left;width: 133px;margin:0 7px 5px 4px;height:
135px;border:none;padding:0;text-shadow:none}
#main-wrapper{padding:0 5px;margin:8px;width:720px;border:5px solid
#a7b1be;background:#ededed}
.post-data{padding-top:5px;font:normal 10px Arial;color:#fff;}
.post-body {border-top:none;background:none;margin:0;color: #0e2e52;font:normal
11px Arial;line-height: 18px;}
h3.post-title{display:none;}
.post img{background:#a7b1be;padding:1px}
.post-footer{display:none;}
</style>
</b:if></b:if>
<script type='text/javascript'>
//<![CDATA[
var thumbnail_mode = "left" ;
var summary_noimg = 60;
var summary_img = 16;
var indent = 5;
function stripHtmlTags(s, max) {
return s.replace(/<.*?>/ig, '').split(/s+/).slice(0, max - 1).join(' ')
}
function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/<!--s*mores*-->/)
[0];
}
function getSummaryImproved(post, max) {
var re = /<.*?>/gi
var re2 = /<br.*?>/gi
var re3 = /(</{1}p>)|(</{1}div>)/gi
var re4 = /(<style.*?/{1}style>)|(<script.*?/{1}script>)|(<table.*?/
{1}table>)|(<form.*?/{1}form>)|(<code.*?/{1}code>)|(<pre.*?/{1}pre>)/gi
post = post.replace(re4, '')
post = post.replace(re3, '<br /> ').split(re2)
for (var i = 0; i < post.length; i++) {
post[i] = post[i].replace(re, '');
}
var post2 = new Array();
for (var i in post) {
//if(post[i]!='' && post[i]!=' ' && post[i] != 'n')
post2.push(post[i]);
if (/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]);
}
var s = "";
var indentBlank = "";
for (var i = 0; i < indent; i++) {
indentBlank += " ";
}
if (post2.join('<br/>').split(' ').length < max - 1) {
s = post2.join(indentBlank + ' <br/>');
} else {
var i = 0;
while (s.split(' ').length < max) {
s += indentBlank + ' ' + post2[i] + '<br/>';
i++;
}
}
return s;
}
function createSummaryAndThumb(pID, title, url, date, comment) {
var posturl = url;
var title = title;
var date = date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (/<!--s*mores*-->/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
} else {
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if (img.length <= 1) {
imgtag = '<div class="post-thumb"><a title="' + title + '"
href="' + posturl + '"><img width="100%" height="95px" class="thumbnail"
src="http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg"/></a></div>';
summ = summary_img;
}
if (img.length >= 1) {
imgtag = '<div class="post-thumb"><a title="' + title + '"
href="' + posturl + '"><img width="100%" height="95px" class="thumbnail" src="'
+ img[0].src + '"/></a></div>';
summ = summary_img;
}
var postlink = '<div class="post-data">' + date + ' / ' + comment +
' Comments </div>';
var summary = '<div class="cbt-post-summary"><div class="topwrap">'
+ imgtag + '<div class="wrapbg">' + postlink + '</div></div><h2 class="posttitle"><a title="' + title + '" href="' + posturl + '">' + title + '</a></h2>';
div.innerHTML = summary;
div.style.display = "block";
}
}
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'/>
<script src='http://yourjavascript.com/013120251122/tabview.js'
type='text/javascript'/>
<link href='http://static.graddit.com/css/graddit.css' rel='stylesheet'
type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
if(typeof jQuery!='undefined'){jQuery(function($)
{$.fn.extend({loopedSlider:function(options){var settings=$.extend({},
$.fn.loopedSlider.defaults,options);return this.each(function()
{if($.fn.jquery<'1.3.2'){return}var $t=$(this);var o=$.metadata?
$.extend({},settings,$t.metadata()):settings;var distance=0;var times=1;var
slides=$(o.slides,$t).children().size();var width=$(o.slides,
$t).children().outerWidth();var position=0;var active=false;var number=0;var
interval=0;var restart=0;var pagination=$("."+o.pagination+" li a",
$t);if(o.addPagination&&!$(pagination).length){var buttons=slides;$
($t).append("<ul class="+o.pagination+">");$(o.slides,
$t).children().each(function(){if(number<buttons){$("."+o.pagination,
$t).append("<li><a rel="+(number+1)+" href="#" >"+
(number+1)+"</a></li>");number=number+1}else{number=0;return false}$
("."+o.pagination+" li a:eq(0)",$t).parent().addClass("active")});pagination=$
("."+o.pagination+" li a",$t)}else{$(pagination,$t).each(function()
{number=number+1;$(this).attr("rel",number);$(pagination.eq(0),
$t).parent().addClass("active")})}if(slides===1){$(o.slides,
$t).children().css({position:"absolute",left:position,display:"block"});return}$
(o.slides,$t).css({width:(slides*width)});$(o.slides,
$t).children().each(function(){$
(this).css({position:"absolute",left:position,display:"block"});position=positio
n+width});$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:-width});if(slides>3){$(o.slides,
$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:-
width})}if(o.autoHeight){autoHeight(times)}$(".next",$t).click(function()
{if(active===false){animate("next",true);if(o.autoStart){if(o.restart)
{autoStart()}else{clearInterval(sliderIntervalID)}}}return false});$
(".previous",$t).click(function(){if(active===false)
{animate("prev",true);if(o.autoStart){if(o.restart)
{autoStart()}else{clearInterval(sliderIntervalID)}}}return
false});if(o.containerClick){$(o.container,$t).click(function()
{if(active===false){animate("next",true);if(o.autoStart){if(o.restart)
{autoStart()}else{clearInterval(sliderIntervalID)}}}return false})}$(pagination,
$t).click(function(){if($(this).parent().hasClass("active")){return
false}else{times=$(this).attr("rel");$(pagination,
$t).parent().siblings().removeClass("active");$
(this).parent().addClass("active");animate("fade",times);if(o.autoStart)
{if(o.restart){autoStart()}else{clearInterval(sliderIntervalID)}}}return
false});if(o.autoStart){sliderIntervalID=setInterval(function()
{if(active===false){animate("next",true)}},o.autoStart);function autoStart()
{if(o.restart)
{clearInterval(sliderIntervalID,interval);clearTimeout(restart);restart=setTimeo
ut(function(){interval=setInterval(function()
{animate("next",true)},o.autoStart)},o.restart)}else{sliderIntervalID=setInterva
l(function(){if(active===false){animate("next",true)}},o.autoStart)}}}function
current(times){if(times===slides+1){times=1}if(times===0){times=slides}$
(pagination,$t).parent().siblings().removeClass("active");$(pagination+"[rel='"+
(times)+"']",$t).parent().addClass("active")};function autoHeight(times)
{if(times===slides+1){times=1}if(times===0){times=slides}var getHeight=$
(o.slides,$t).children(":eq("+(times-1)+")",$t).outerHeight();$(o.container,
$t).animate({height:getHeight},o.autoHeight)};function animate(dir,clicked)
{active=true;switch(dir){case"next":times=times+1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}if(slides<3)
{if(times===3){$(o.slides,$t).children(":eq(0)").css({left:
(slides*width)})}if(times===2){$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:width})}}$(o.slides,
$t).animate({left:distance},o.slidespeed,function(){if(times===slides+1)
{times=1;$(o.slides,$t).css({left:0},function(){$(o.slides,
$t).animate({left:distance})});$(o.slides,$t).children(":eq(0)").css({left:0});$
(o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:width})}if(times===slides)$(o.slides,$t).children(":eq(0)").css({left:
(slides*width)});if(times===slides-1)$(o.slides,$t).children(":eq("+(slides1)+")").css({left:(slides*widthwidth)});active=false});break;case"prev":times=times-1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}if(slides<3)
{if(times===0){$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:(-width)})}if(times===1){$(o.slides,
$t).children(":eq(0)").css({position:"absolute",left:0})}}$(o.slides,
$t).animate({left:distance},o.slidespeed,function(){if(times===0){times=slides;$
(o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:
(slides*width-width)});$(o.slides,$t).css({left:-(slides*width-width)});$
(o.slides,$t).children(":eq(0)").css({left:(slides*width)})}if(times===2)$
(o.slides,
$t).children(":eq(0)").css({position:"absolute",left:0});if(times===1)$
(o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:width});active=false});break;case"fade":times=[times]*1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}$(o.slides,
$t).children().fadeOut(o.fadespeed,function(){$(o.slides,
$t).css({left:distance});$(o.slides,$t).children(":eq("+(slides1)+")").css({left:slides*width-width});$(o.slides,
$t).children(":eq(0)").css({left:0});if(times===slides){$(o.slides,
$t).children(":eq(0)").css({left:(slides*width)})}if(times===1){$(o.slides,
$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:-width})}$
(o.slides,
$t).children().fadeIn(o.fadespeed);active=false});break;default:break}}})}});
$.fn.loopedSlider.defaults={container:".container",slides:".slides",pagination:"
pagination",containerClick:false,autoStart:6000,restart:0,slidespeed:400,fadespe
ed:200,autoHeight:0,addPagination:false}})}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=tru
e;summaryPost=200;summaryPost1=60;summaryTitle=20;numposts1=6;numposts3=6;numpos
ts2=5;numposts=10;Title1="Adventure";Title2="Action";Title3="Bike
Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game";function
removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++)
{if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")
+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var
i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.
$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var
k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate')
{posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c
=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]
;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var
trtd='<div class="column"><a href="'+posturl+'"><img class="column_img"
src="'+img[i]+'"/></a><h2><a
href="'+posturl+'">'+posttitle+'</a></h2></div>';document.write(trtd);j++}}
function showrecentposts1(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var
i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.
$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var
k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate')
{posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c
=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]
;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var
trtd='<div class="slides"><div><a href="'+posturl+'"><img class="featured-thumb"
src="'+img[i]+'"/></a><h2 class="entry-title"><a
href="'+posturl+'">'+posttitle+'</a></h2></div></div>';document.write(trtd);j+
+}}
function showrecentposts4(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var
i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.
$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var
k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate')
{posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c
=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]
;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var
trtd='<li><a href="#"><img width="80" height="60" src="'+img[i]
+'"/></a></li>';document.write(trtd);j++}}
function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts2 <= json.feed.entry.length) {
maxpost = numposts2;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type ==
'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent
; a = s.indexOf("<img"); b = s.indexOf("src="",a); c =
s.indexOf(""",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+'
'+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 =
["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="jogos"><a href="'+posturl+'"><img src="'+img[i]
+'"/></a><div class="jogosbg"><h2 class="articletitle"><a
href="'+posturl+'">'+posttitle+'</a></h2><p></p></div></div>';
document.write(trtd);
j++;
}
}
function showrecentposts3(json){j=(showRandomImg)?
Math.floor((imgr.length+1)*Math.random()):0;img=new
Array();if(numposts3<=json.feed.entry.length)
{maxpost=numposts3}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i+
+){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var
posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var
k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html')
{pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
postcontent=entry.content.$t}else if("summary"in entry){var
postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.
$t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c
=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!
=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var
month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]
;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var
y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++)
{if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+'
'+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div
class="col_maskolis"><a href="'+posturl+'"><img class="maskolis_img"
src="'+img[i]+'"/></a><h2 class="posttitle"><a
href="'+posturl+'">'+posttitle+'</a></h2><div
class="clear"></div></div>';document.write(trtd);j++}}
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new
Array();var thumburl=new Array();function related_results_labels_thumbs(json)
{for(var i=0;i<json.feed.entry.length;i++){var
entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.
$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error)
{s=entry.content.
$t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(
b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{thumburl[relatedTitlesNum]=d}else
thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg'}if(relatedTitles[relatedTitl
esNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum]
.substring(0,35)+"...";for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='alternate')
{relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function
removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var
tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!
contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length1]=relatedTitles[i];tmp3[tmp3.length1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function
contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return
false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++)
{if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var
r=Math.floor((relatedTitles.length-1)*Math.random());var
i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');d
ocument.write('<div style="clear:
both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a
style="text-decoration:none;margin:0 7px 10px 0;float:left;');if(i!
=0)document.write('"');else document.write('"');document.write('
href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]
+'"/><br/><div style="width:130px;padding:0 0px;color:#222;height:35px;textalign:center;margin:0px 0px; font:14px PT Sans Narrow; lineheight:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r+
+}else{r=0}i+
+}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.spl
ice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</head>
<body>
<div id='headerpic'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Johny Coba Dulu (Header)'
type='Header'>
<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:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>

</b:if>

<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>

</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(&quot;&quot; +
data:sourceUrl + &quot;&quot;); &quot;
+
&quot;background-position: &quot;
+
data:backgroundPositionStyleStr + &quot;; &quot;
+
data:widthStyleStr
+ &quot;min-height: &quot; +
data:height
+ &quot;_height: &quot; + data:height
+ &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId +
&quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header' id='header2' maxwidgets='1'
showaddelement='yes'/>
<div style='clear:both;'/>
</div> </div><!-- end header-wrapper -->
<div id='nav-wrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<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>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='menusearch'>
<div style='float:right;padding:5px 8px 0 0;'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q'
onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;'
onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text'
value='Search games....'/>
</form>
</div></div>
</div></div>
<div class='menuku-wrap'>
<div class='menuku'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Drop menu</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</li>
<li><a href='#'>Drop menu 2</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
<li><a href='#'>Menu 3.3</a></li>
<li><a href='#'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</li>
<li><a href='#'>Drop menu 3</a>
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</li>
<li><a href='http://www.maskolis.com/2012/07/johny-joss-banget-template-jossuntuk.html'><blink>Instruction to use</blink></a></li>
</ul>
</div></div>
<!-- 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='outer-wrapper'><div id='wrap2'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='bot-wrapper'>
<b:section class='bot' id='bot' preferred='yes'/>
<div id='slide1-wrapper'>
<b:section class='slide1' id='slide1' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='slide2-wrapper'>
<b:section class='slide2' id='slide2' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
</b:if></b:if>
</div>
<div id='content-wrapper'>
<div id='mainpage-wrapper'>
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='newsfea'>
Latest Games
</div></b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='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;'
title='Previous Post'>&#171; Prev Game</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;'
title='Next Post'>Next Game &#187;</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</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-buttonlink-text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sbblog' 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-buttonlink-text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sbtwitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sbfacebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;'
expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;,
&quot;height=430,width=620&quot;); return false;&quot;'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sborkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' 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;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&maxresults=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='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='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='post' var='post'>
<div class='post hentry'>
<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-bottom:10px;font:16px PT Sans Narrow;'>
<div expr:id='&quot;labels_&quot; + data:post.id' style='display: none;
visibility: hidden;'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>,</b:loop></b:if></div><div class='ffbs_rate'
expr:id='data:post.id'>{[[&#39;&lt;img
src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
<script expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id +
&quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; +
data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id +
&quot;&amp;info=info-&quot; + data:post.id +
&quot;&amp;info_delay=2&amp;url=&quot; + data:post.url +
&quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;cla
ss_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot
;' type='text/javascript'/>
</div>
<div class='clear'/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script
type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,
&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.tim
estamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-bottom:1px solid #1a4d86;width:100%;height:24px;textalign:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:14px PT Sans
Narrow;color:#1a4d86'>
<strong>Share this game</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;maxresults=8&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;<b>Related Games :</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<div class='post-footer'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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 bloggercomment-from-post' frameborder='0' height='410' id='comment-editor'
name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threaded_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>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b: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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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 bar hentry uncustomized-post-template'>
<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:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id' 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'>
<a expr:href='data:post.authorProfileUrl'
itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
itemprop='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:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobileshare-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<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.dateHeader'>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<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:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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 bloggercomment-from-post' frameborder='0' height='410' 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 bloggercomment-from-post' frameborder='0' height='410' id='comment-editor'
name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>
<div class='mobile-post-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;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</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'/>
<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='feedLinksBody' var='links'>
</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-blockwrapper&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:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='sidebar-wrapper'>
<div id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML11' locked='false' title='Type Your Category' type='HTML'>
<b:includable id='main'>
<script>
document.write(&quot;&lt;script
src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;
+numposts2+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts2&quot;&gt;&lt;/script&gt;&quot;);
</script>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-labelwidget-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:section>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='ads1-wrapper'>
<div id='tabber-wrapper'>
<ul class='tab-view'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
<li><a href='#tab6'><script>document.write(Title6);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/diary?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/economics?
max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/health?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/news?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/sport?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab6'>
<script>
document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/health?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;);
</script></div>
<div class='clear'/>
</div></div>
</div>
<div id='ads-wrapper'>
<div id='box-wrapper'>
<b:section class='box' id='box' preferred='yes'>
<b:widget id='HTML15' locked='false' title='GameCategory' type='HTML'>
<b:includable id='main'>
<div id='maskolis'>
<script>
document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>?
max-results=8&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;);
document.write(&quot;&lt;script
src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;
+numposts3+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts3&quot;&gt;&lt;/script&gt;&quot;);
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='box1-wrapper'>
<b:section class='box1' id='box1' preferred='yes'>
<b:widget id='HTML16' locked='false' title='GameCategory' type='HTML'>
<b:includable id='main'>
<div id='maskolis'>
<script>
document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>?
max-results=8&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;);
document.write(&quot;&lt;script
src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;
+numposts3+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts3&quot;&gt;&lt;/script&gt;&quot;);
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</b:if>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div> <!-- end content-wrapper -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='picfooter'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Template Information' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Template Information' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
<b:widget id='HTML7' locked='false' title='Test Footer 2' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div> <div style='clear:both;'/>
</div>
</div>

</b:if>
<div class='creditwrap'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='http://www.maskolis.com/'>Creating Website</a> | <a
href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a
href='http://www.mastemplate.com/'>Mas Template</a><br/>
Copyright &#169; 2013. <a class='sitename' expr:href='data:blog.homepageUrl'
expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div style='float:right;text-align:right;'>
Template Created by <a href='http://www.maskolis.com/'>Creating Website</a>
Published by <a href='http://www.mastemplate.com/'>Mas Template</a><br/>
Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
</div>
</div>
</div> <!-- end outer-wrapper -->
<script type='text/javascript'>
$(function() {
$(&#39;.menuku li&#39;).hover(function() {
$
(this).children(&#39;ul&#39;).filter(&#39;:not(:animated)&#39;).show(200);
}, function() {
$(this).children(&#39;ul&#39;).hide(400);
});
});
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view
li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view
li").click(function(){$("ul.tab-view li").removeClass("active");$
(this).addClass("active");$(".tabber").hide();var activeTab=$
(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
//]]>
</script>
</body>
</HTML>

Contenu connexe

Tendances

メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計拓樹 谷
 
QConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassQConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassLoiane Groner
 
Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)paulcuenca9
 
CSS Components
CSS ComponentsCSS Components
CSS Components拓樹 谷
 
laycodeyueenciel
laycodeyueenciellaycodeyueenciel
laycodeyueencielatefrodita
 
Mario Benedetti. No te rindas
Mario Benedetti. No te rindasMario Benedetti. No te rindas
Mario Benedetti. No te rindasManuel Gimon
 
Thinking about CSS Architecture
Thinking about CSS ArchitectureThinking about CSS Architecture
Thinking about CSS Architecture拓樹 谷
 
Sass & Compass - DrupalCamp CR13
Sass & Compass - DrupalCamp CR13Sass & Compass - DrupalCamp CR13
Sass & Compass - DrupalCamp CR13Jose Leiva
 
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)Román Hernández
 
HTML&CSS 6 - Advanced CSS
HTML&CSS 6 - Advanced CSSHTML&CSS 6 - Advanced CSS
HTML&CSS 6 - Advanced CSSDinis Correia
 
Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Carlos Caicedo
 
CSS Pra Gente Grande
CSS Pra Gente GrandeCSS Pra Gente Grande
CSS Pra Gente GrandeShankar Cabus
 

Tendances (18)

メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
 
Documento
DocumentoDocumento
Documento
 
QConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassQConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e Compass
 
Tutorial
TutorialTutorial
Tutorial
 
thiết kế website bằng blogspot
thiết kế website bằng blogspotthiết kế website bằng blogspot
thiết kế website bằng blogspot
 
Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)Chatbot convertido compressed (1)-comprimido (3)
Chatbot convertido compressed (1)-comprimido (3)
 
Efficient css
Efficient cssEfficient css
Efficient css
 
CSS Components
CSS ComponentsCSS Components
CSS Components
 
laycodeyueenciel
laycodeyueenciellaycodeyueenciel
laycodeyueenciel
 
Mario Benedetti. No te rindas
Mario Benedetti. No te rindasMario Benedetti. No te rindas
Mario Benedetti. No te rindas
 
Thinking about CSS Architecture
Thinking about CSS ArchitectureThinking about CSS Architecture
Thinking about CSS Architecture
 
Sass & Compass - DrupalCamp CR13
Sass & Compass - DrupalCamp CR13Sass & Compass - DrupalCamp CR13
Sass & Compass - DrupalCamp CR13
 
Why Sass?
Why Sass?Why Sass?
Why Sass?
 
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
 
HTML&CSS 6 - Advanced CSS
HTML&CSS 6 - Advanced CSSHTML&CSS 6 - Advanced CSS
HTML&CSS 6 - Advanced CSS
 
Tutorial
TutorialTutorial
Tutorial
 
Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)
 
CSS Pra Gente Grande
CSS Pra Gente GrandeCSS Pra Gente Grande
CSS Pra Gente Grande
 

En vedette

Etude PwC m-Santé 2013
Etude PwC m-Santé 2013Etude PwC m-Santé 2013
Etude PwC m-Santé 2013PwC France
 
Datos combinados blog
Datos combinados blogDatos combinados blog
Datos combinados blogvitirlo
 
Tobias van Amstel & Sebastiaan Heijnne
Tobias van Amstel & Sebastiaan HeijnneTobias van Amstel & Sebastiaan Heijnne
Tobias van Amstel & Sebastiaan HeijnneTechMeetups
 
Guia d’usos i estil a les xarxes socials de la Generalitat de Catalunya
Guia d’usos i estil a les xarxes socials de la Generalitat de CatalunyaGuia d’usos i estil a les xarxes socials de la Generalitat de Catalunya
Guia d’usos i estil a les xarxes socials de la Generalitat de Catalunyagencat .
 

En vedette (7)

Session 6
Session 6Session 6
Session 6
 
Etude PwC m-Santé 2013
Etude PwC m-Santé 2013Etude PwC m-Santé 2013
Etude PwC m-Santé 2013
 
Human Resources
Human ResourcesHuman Resources
Human Resources
 
Datos combinados blog
Datos combinados blogDatos combinados blog
Datos combinados blog
 
Tobias van Amstel & Sebastiaan Heijnne
Tobias van Amstel & Sebastiaan HeijnneTobias van Amstel & Sebastiaan Heijnne
Tobias van Amstel & Sebastiaan Heijnne
 
Research paper 1
Research paper 1Research paper 1
Research paper 1
 
Guia d’usos i estil a les xarxes socials de la Generalitat de Catalunya
Guia d’usos i estil a les xarxes socials de la Generalitat de CatalunyaGuia d’usos i estil a les xarxes socials de la Generalitat de Catalunya
Guia d’usos i estil a les xarxes socials de la Generalitat de Catalunya
 

Johny coba dulu

  • 1. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML expr:dir='data:blog.languageDirection'> <head> <meta charset='utf-8'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | Your Blog Description</title> </b:if> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Blog Description here!' name='description'/> <meta content='Your Keywords here!' name='keywords'/> <meta content='Author Name here!' name='Author'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='id' name='geo.country'/> <meta content='1 days' name='revisit-after'/> <meta content='Indonesia' name='geo.placename'/> </b:if> <b:skin><![CDATA[ /* ----------------------------------------------Blogger Template Style Name : Johny Coba Dulu Author : Maskolis Url : http://www.maskolis.com/ Updated by: Blogger Team 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 which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/ ----------------------------------------------- */ body{background:#183e67;color:#222;font:x-small Trebuchet MS;fontsize:normal;text-align:left;margin:0} a:link{color:#173c64;text-decoration:none} a:visited{color:#173c64;text-decoration:none} a:hover{color:#eee;text-decoration:none} a img{border-width:0} #headerpic{background:#eee;width:100%px;} #header-wrapper{width:985px;margin:0 auto;} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:500px;text-align:left;color:#ddd;margin:0} #header2{float:right;width:468px;margin:10px 0 0;text-align:left;color:#555} .header .widget,.header2 .widget{margin:0 auto;padding:0px 0 0} #header h1, #header p{line-height:1.2em;text-transform:none;letterspacing:.1em;font: bold 30px Oswald;text-shadow:1px 1px 1px #fff;margin:0 auto;padding:5px 5px .15em;color:#0a2e56;} #header a{text-decoration:none} #header a:hover{color:#333}
  • 2. #header .description{max-width:100%;text-transform:uppercase;letterspacing:.01em;line-height:1.2em;font:12px Oswald;color:#aaa;margin:0 auto;padding:0 5px 5px} #header img{margin-left:auto;margin-right:auto} #navbar-iframe{height:0;visibility:hidden;display:none} #nav-wrapper{background:#0a2e56;height:35px;font:12px Arial;overflow:hidden;border-bottom:1px solid #111} #nav{margin:0 auto;width:979px;height:35px;padding:0} #nav ul{float:left;width:auto;height:35px;margin:0;padding:0;list-styletype:none} #nav ul li{float:left;height:35px} #nav ul li a,#nav ul li a:visited{float:left;height:35px;padding:10px 10px;color:#ccc;text-transform:none} #nav ul li a:hover{color:#ffcc00;text-decoration:none;} #ads-wrapper,#ads1-wrapper{padding-left:8px;width:745px;float:left;wordwrap:break-word;overflow:hidden} #mainpage-wrapper{width:750px;float:left;word-wrap:break-word;overflow:hidden} #main-wrapper{width:750px;float:left;word-wrap:breakword;overflow:hidden;padding-top:10px} #crosscol-wrapper{width:728px;float:left;word-wrap:breakword;overflow:hidden;padding:5px;margin:8px 8px 0;background:#1a4d86;height:90px;-moz-border-radius:4px;-webkit-borderradius:4px;border-radius:4px;} .crosscol .widget{margin:0;} #box-wrapper{width:365px;float:left;word-wrap:break-word;overflow:hidden} #box1-wrapper{padding-left:10px;width:365px;float:left;word-wrap:breakword;overflow:hidden} .ads .widget,.ads1 .widget,..box .widget,.box1 .widget{margin:0;padding:0 0 5px} .ads ul,.ads1 ul,.box ul,.box1 ul{list-style:none;margin:0;padding:0} .sidebar1-wrapper{padding:0 auto;margin:0 auto;width:auto;float: right; word-wrap: break-word; overflow: hidden;} .sidebar1 ul {list-style:none;padding:0;margin:0;} .sidebar1 .widget {margin:0px 0px 0px;padding:0} #sidebar-wrapper{background:#a7b1be;width:220px;float:right;word-wrap:breakword;overflow:hidden;margin:8px 8px 8px 0;-moz-border-radius:4px;-webkit-borderradius:4px;border-radius:4px;} h2{font:14px Arial;line-height:1.4em;text-transform:none;letterspacing:.01em;color:#666;margin:.5em 0 .25em} h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;lineheight:1.2em;margin:.1em 0} .post{background:#ededed;margin:10px 5px 10px 8px;padding:10px 15px;border:5px solid #a7b1be;-moz-border-radius:4px;-webkit-border-radius:4px;borderradius:4px;text-shadow:2px 1px 1px #fff} .post h3{font:bold 30px Oswald;line-height:1.2em;color:#1a4d86;margin:.25em 0 0;padding:0 0 4px;} .post h3 a,.post h3 a:visited,.post h3 strong{color:#1a4d86} .post h3 strong,.post h3 a:hover{color:#222} .post-body{border-top:2px solid #1a4d86;font:16px PT Sans Narrow;paddingtop:10px;line-height:1.3em;margin:1em 0 .75em;} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.6em} .post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;lineheight: 1.6em;color: #111;background: #fff;border-left: 20px solid #a7b1be;textshadow:none} .post blockquote p{margin:.75em 0} table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#333;margin:10px 0} table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
  • 3. table th{text-transform:uppercase;font-weight:400;border:1px solid #999} table td{border:1px solid #999} table tr.even td{border:none} .comments{background:#ededed;padding:0 15px;border:5px solid #a7b1be;-mozborder-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:10px 5px 10px 8px;font:normal 12px Arial} #comments h4{line-height:1.4em;text-transform:uppercase;color:#1a4d86;margin:1em 0} #comments-block{color:#222;line-height:1.4em;margin:1em 0 1.5em} #comments-block .comment-body{margin:.25em 0 0} #comments-block .comment-footer{line-height:1.4em;text-transform:none;letterspacing:.01em;margin:-.25em 0 2em} #comments-block .comment-body p{margin:0 0 .75em} .deleted-comment{font-style:italic;color:gray} #blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:15px 0 0} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;textalign:center;display:inline-block;color:#eee;background:#1a4d86;font:bold 12px Arial;text-transform:none;margin:0 0px;padding:5px 5px;-moz-border-radius:4px;webkit-border-radius:4px;border-radius:4px} .feed-links{clear:both;line-height:2.5em} .menusearch{width:240px;float:right;margin:0 auto;padding:0 auto} .searchform {margin-top:0px;display: inline-block;zoom: 1;*display: inline;padding:0;background:#eee;width:240px;height:25px; overflow:hidden;webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #021427;box-shadow:0 0 5px 0 #666 inset;} .searchform input {font:italic 12px Arial;color:#222;lineheight:25px;height:25px;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 195px;height:25px;border:0px;outline: none;lineheight:25px;} .searchform .searchbutton {border:none;margin:0;padding:0;fontsize:12px;height:25px;width:25px;} .sidebar h2{font:16px Oswald;color:#000;texttransform:uppercase;margin:0;padding:5px;} .sidebar li{border-bottom:1px dotted #ddd;text-indent:0;lineheight:1.3em;margin:0;padding:3px 0 4px} .sidebar .widget{margin:0 0 5px;padding:0 5px} .sidebar{font:12px Oswald;color:#444} .sidebar .widget-content{border:5px solid #e5e5e5;background:#fff;margin:0 auto;padding:0px 0px} .sidebar a:link,.sidebar a:visited{color:#1a4d86;text-decoration:none} .sidebar li a:hover{color:#111} .sidebar ul{list-style:none;margin:0px;padding:5px 5px;} .main .widget{margin:0 0 .5em;padding:0 0 .5em} #bot-wrapper {width:985px;float:left;word-wrap:break-word;overflow:hidden} #slide1-wrapper{width:646px;float:right;word-wrap:break-word;overflow:hidden} #slide2-wrapper{width:300px;float:left;word-wrap:breakword;overflow:hidden;margin:8px 0 0 8px;padding:6px;border:5px solid #1a4d86;} .bot .widget,.slide1 .widget,.slide2 .widget{margin:0;padding:0 0 0px} .bot ul,.slide1 ul,.slide2 ul {list-style:none;margin:0 0 0;padding:0 0 0;} #slider{width:616px;height:308px;float:right;margin:8px 8px 0 0;clear:both;padding:.0px;border:5px solid #1a4d86} #loopedSlider{float:left;background:none;width:616px;position:relative;clear:bot h;height:308px;margin:0;padding:0} #loopedSlider .featured-thumb{width:616px;height:308px;overflow:hidden;margin:0 0 10px} #loopedSlider .container{width:616px;height:308px;overflow:hidden;position:relative} #loopedSlider .slides{position:absolute;top:0;left:0} #loopedSlider .slides div{position:absolute;top:0;width:616px;display:none} #loopedSlider .slides div h2.entry-title a{font-
  • 4. family:Oswald;color:#fff;float:left;width:200px;line-height:1.3em;fontweight:400;padding:0 10px} #loopedSlider .slides div h2.entry-title a:hover{color:#dfebf9} #loopedSlider .slides div h2.entrytitle{background:url(http://4.bp.blogspot.com/bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)repeat;lef t:10px;text-align:left;margin-top:0;position:absolute;top:10px;width:220px;minheight:80px;padding:10px 0} #loopedSlider .slides div img{width:616px;height:auto;overflow:hidden;marginleft:0} #loopedSlider .slides div h2.entry-title a{font-size:30px;line-height:40px;fontweight:400;margin:0 0 15px} #loopedSlider ul.pagination{position:absolute;top:238px;list-styletype:none;width:640px;float:left;overflow:hidden;margin:0} ul.pagination li{float:left;display:inline;width:77px;height:60px;padding:0 3px 0 8px} ul.pagination a{display:block;width:80px;padding-top:0;border:2px solid #fff;height:56px;overflow:hidden} #loopedSlider .next,#loopedSlider .previous{background:transparent url(http://3.bp.blogspot.com/mGp_iWwvO5Q/UO2VV8nA6TI/AAAAAAAACUI/dSgvO7zqhC8/s1600/pagination.png) no-repeat 0 0;cursor:pointer;display:block;height:30px;position:absolute;top:258px;width:33p x;z-index:999} #loopedSlider .previous{background-position:-36px -31px;right:44px} #loopedSlider .previous:hover{background-position:0 0} #loopedSlider .next{background-position:-35px 0;right:10px} #loopedSlider .next:hover{background-position:1px -31px} ul.pagination a:hover,ul.pagination li.active a{border:2px solid #1a4d86} #loopedSlider a.button{color:#fff;font:12px Arial;textalign:center;border:none;border-radius:2px 2px 2px 2px;-moz-border-radius:2px;webkit-border-radius:2px 2px 2px 2px;width:60px;background:url(http://4.bp.blogspot.com/NtqyerVwRl4/UOxS0u0xM5I/AAAAAAAACJQ/gkjDNVTe0us/s1600/button-search.gif) repeatx bottom;margin-right:0px;float:left;padding:5px 5px} #loopedSlider a.button:hover{ background-position:top left} #outer-wrapper{background:#fff;width:985px;text-align:left;font:#ddd;margin:10px auto;padding:0px;} .newsfea{background:url(http://4.bp.blogspot.com/zYBBPmfIB6Q/UCqe325YZtI/AAAAAAAAIa8/4TqM8cIDaU0/s1600/new.png) no-repeat 0px 8px;margin:0px;padding:5px 0 5px 40px;font:14px Oswald;color:#1a4d86;texttransform:uppercase;border-bottom:2px solid #878889} .footer h2{font:14px Oswald;padding-bottom:5px;margin-bottom:5px;lineheight:1.3em;text-transform:uppercase;color:#fff} .footer{color:#ddd;line-height:1.3em;font:normal 12px Arial} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(http://4.bp.blogspot.com/Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;lineheight:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} .footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000} .footer .widget-content{padding:0 auto} .picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),colorstop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-
  • 5. bottom:1px solid #000;border-top:4px solid #111;width:979px;margin:0 3px;textalign:center;font:normal 12px Arial} #footer-wrapper{width:965px;text-align:left;font:normal 12px Arial;margin:0 auto;padding:0 10px 10px} #footer1-wrapper{width:315px;float:left;word-wrap:break-word;overflow:hidden} #footer2-wrapper{margin-left:10px;width:310px;float:left;word-wrap:breakword;overflow:hidden;padding:0 10px} #footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden} .creditwrap{background:#111;width:979px;margin:0 3px 3px;padding:0 auto;bordertop:1px solid #444;text-shadow:1px 1px 2px #000} .credit{width:959px;line-height:1.6em;text-align:center;font-family:Arial;fontsize:11px;color:#ccc;overflow:hidden;clear:both;margin:0 auto;padding:10px 0} .credit a:link,.credit a:visited{color:#ccc;text-decoration:none} .credit a:hover{color:#fff;text-decoration:none} .menuku-wrap{background:url(http://3.bp.blogspot.com/faP6Fn9WqLo/UPkslzJ5PSI/AAAAAAAAJfI/pJghtOCFU3s/s1600/menuku.png) repeat-x top;height:54px;width:100%;} .menuku{font:normal 12px Arial;line-height:normal;width:985px;texttransform:none;color:#f1f1f1;text-decoration:none;margin:0 auto;padding:0 auto} .menuku ul{margin:0;padding:0} .menuku li{liststyle:none;color:#b69786;float:left;display:inline;position:relative;margin:0;pa dding:0} .menuku li a{background:url(http://3.bp.blogspot.com/-C7cjkpxQeE/UPktW40dq8I/AAAAAAAAJfQ/Brd4yRErBYA/s1600/mnubg.png) repeat-x top;display:block;text-decoration:none;font-weight:700;color:#ccc;textshadow:1px 1px 2px #111;outline:none;margin:10px 4px 8px;padding:8px 16px;border:1px solid #111} .menuku li a:hover{background:#333;-moz-box-shadow: inset 2px 2px 2px #151515;webkit-box-shadow: inset 2px 2px 2px #151515;box-shadow: inset 2px 2px 2px #151515;} .menuku li ul{position:absolute;zindex:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0 ;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} .menuku li ul a{margin:0;font:12px Arial;background:#2c2c2c;borderleft:none;border:none;display:block;padding:7px 10px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6)} .menuku li ul a:hover{background:#1b1b1b;color:#fff} .menuku li ul li{float:none;display:block;width:auto} .menuku li ul ul{top:0;left:100%} .menuku li a:hover,.menuku ul li a:hover{color:#eee} #related-posts{float:left;width:auto;} #related-posts h1{background:none;color:#1a4d86;font:20px Oswald;padding:3px} #related-posts .maskolis_img {padding:0px;width:130px;height:90px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;border:1px solid #999} #related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-mozopacity:.7;-khtml-opacity:.7} #maskolis h1{background:url(http://4.bp.blogspot.com/uRiKr4nL7oQ/UPmC_Fl2IRI/AAAAAAAAJk8/raGJCmT-6Qs/s1600/game.png) no-repeat 5px 5px;font:14px Oswald;margin:0px;padding:5px 5px 5px 33px;texttransform:uppercase;} #maskolis h1 a,#maskolis h1 a:visited{color:#1a4d86} #maskolis h1 a:hover{color:#666} #maskolis {background:#ededed;overflow:hidden;padding-bottom:10px;border:5px solid #a7b1be} #maskolis .col_maskolis {width:164px;height:150px;float:left;padding:0;margin:2px 5px 8px;textalign:center;} #maskolis .maskolis_img {border:2px solid #a7b1be;margin:3px 3px
  • 6. 0;width:160px;height:115px;transition:all 400ms ease-in-out;-webkittransition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-otransition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out} #maskolis .maskolis_img:hover{border:2px solid #323232;} #maskolis .posttitle {height:20px;border:0 none;line-height:6px;margin:0 0px 5px;padding:2px} #maskolis .posttitle a{color:#111;font:12px Arial} #maskolis .posttitle a:hover {color:#1a4d86} #tabber-wrapper{background:#ededed;width:730px;float:left;word-wrap:breakword;overflow:hidden;margin:0 0 10px;border:5px solid #a7b1be} ul.tab-view{float:left;liststyle:none;height:32px;width:728px;margin:0;padding:0;font:12px Arial} ul.tab-view li{float:left;height:31px;lineheight:31px;overflow:hidden;position:relative;margin:0 0 -1px;padding:0} ul.tab-view li a{textdecoration:none;color:#111;display:block;outline:none;font-weight:700;padding:0 15px} html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{color:#000;background:#a7b1be} .tab-wrapper{bordertop:none;overflow:hidden;clear:both;float:left;width:728px;margin-bottom:10px} .tabber{padding:10px 0 0} .tabber .column{float:left;display:inline;width:133px;height: 140px;margin:0 2px 0 9px} .tabber .column_img{border:1px solid #a7b1be;width:133px;height:95px} .tabber h2{font:11px Arial;line-height:15px;margin:0 0 5px;text-align:center} .tabber h2 a{color:#444} .tabber h2 a:hover{color:#1a4d86} . jogos{background:#ededed;height:128px;overflow:hidden;position:relative;width:19 0px;-moz-border-radius:4px;-webkit-border-radius:4px;borderradius:4px;margin:5px;padding:10px} .jogosbg{background:url(http://3.bp.blogspot.com/-muN7YzlBB0/T2BddBOU7PI/AAAAAAAAAQc/HUtK0nhzvTI/semi_transparent.png) repeat scroll 0 0 transparent;bottom:0;color:#FFF;height:43px;marginbottom:10px;position:absolute;width:190px;padding:0} .jogos img{display:block;width:190px;height:128px} h2.articletitle{color:#fff;font:14px Arial;line-height:20px;margin:0;padding:2px 2px 2px 5px} h2.articletitle a{color:#fff} h2.articletitle a:hover{color:#fecb01} ]]></b:skin> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style> .topwrap {position: relative;} .wrapbg {position: absolute;bottom:0px;background: #000;opacity: 0.7;filter: alpha(opacity=70);width: 119px !important;padding:1px 7px 3px;margin:10px 1px 6px} h2.post-title {margin-top: 0px;line-height: 14px;font-size: 12px;textalign:center;} h2.post-title a, h2.post-title a:visited {font:11px Arial;color: #111;} h2.post-title a:hover {color: #1a4d86;} .post {background: none;float: left;width: 133px;margin:0 7px 5px 4px;height: 135px;border:none;padding:0;text-shadow:none} #main-wrapper{padding:0 5px;margin:8px;width:720px;border:5px solid #a7b1be;background:#ededed} .post-data{padding-top:5px;font:normal 10px Arial;color:#fff;} .post-body {border-top:none;background:none;margin:0;color: #0e2e52;font:normal 11px Arial;line-height: 18px;} h3.post-title{display:none;}
  • 7. .post img{background:#a7b1be;padding:1px} .post-footer{display:none;} </style> </b:if></b:if> <script type='text/javascript'> //<![CDATA[ var thumbnail_mode = "left" ; var summary_noimg = 60; var summary_img = 16; var indent = 5; function stripHtmlTags(s, max) { return s.replace(/<.*?>/ig, '').split(/s+/).slice(0, max - 1).join(' ') } function getSummaryLikeWP(id) { return document.getElementById(id).innerHTML.split(/<!--s*mores*-->/) [0]; } function getSummaryImproved(post, max) { var re = /<.*?>/gi var re2 = /<br.*?>/gi var re3 = /(</{1}p>)|(</{1}div>)/gi var re4 = /(<style.*?/{1}style>)|(<script.*?/{1}script>)|(<table.*?/ {1}table>)|(<form.*?/{1}form>)|(<code.*?/{1}code>)|(<pre.*?/{1}pre>)/gi post = post.replace(re4, '') post = post.replace(re3, '<br /> ').split(re2) for (var i = 0; i < post.length; i++) { post[i] = post[i].replace(re, ''); } var post2 = new Array(); for (var i in post) { //if(post[i]!='' && post[i]!=' ' && post[i] != 'n') post2.push(post[i]); if (/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]); } var s = ""; var indentBlank = ""; for (var i = 0; i < indent; i++) { indentBlank += " "; } if (post2.join('<br/>').split(' ').length < max - 1) { s = post2.join(indentBlank + ' <br/>'); } else { var i = 0; while (s.split(' ').length < max) { s += indentBlank + ' ' + post2[i] + '<br/>'; i++; } } return s; } function createSummaryAndThumb(pID, title, url, date, comment) { var posturl = url; var title = title; var date = date; var comment = comment; var div = document.getElementById(pID); var content = div.innerHTML; if (/<!--s*mores*-->/.test(content)) { div.innerHTML = getSummaryLikeWP(pID);
  • 8. div.style.display = "block"; } else { var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if (img.length <= 1) { imgtag = '<div class="post-thumb"><a title="' + title + '" href="' + posturl + '"><img width="100%" height="95px" class="thumbnail" src="http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg"/></a></div>'; summ = summary_img; } if (img.length >= 1) { imgtag = '<div class="post-thumb"><a title="' + title + '" href="' + posturl + '"><img width="100%" height="95px" class="thumbnail" src="' + img[0].src + '"/></a></div>'; summ = summary_img; } var postlink = '<div class="post-data">' + date + ' / ' + comment + ' Comments </div>'; var summary = '<div class="cbt-post-summary"><div class="topwrap">' + imgtag + '<div class="wrapbg">' + postlink + '</div></div><h2 class="posttitle"><a title="' + title + '" href="' + posturl + '">' + title + '</a></h2>'; div.innerHTML = summary; div.style.display = "block"; } } //]]> </script> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/> <link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/> <script type='text/javascript'> //<![CDATA[ if(typeof jQuery!='undefined'){jQuery(function($) {$.fn.extend({loopedSlider:function(options){var settings=$.extend({}, $.fn.loopedSlider.defaults,options);return this.each(function() {if($.fn.jquery<'1.3.2'){return}var $t=$(this);var o=$.metadata? $.extend({},settings,$t.metadata()):settings;var distance=0;var times=1;var slides=$(o.slides,$t).children().size();var width=$(o.slides, $t).children().outerWidth();var position=0;var active=false;var number=0;var interval=0;var restart=0;var pagination=$("."+o.pagination+" li a", $t);if(o.addPagination&&!$(pagination).length){var buttons=slides;$ ($t).append("<ul class="+o.pagination+">");$(o.slides, $t).children().each(function(){if(number<buttons){$("."+o.pagination, $t).append("<li><a rel="+(number+1)+" href="#" >"+ (number+1)+"</a></li>");number=number+1}else{number=0;return false}$ ("."+o.pagination+" li a:eq(0)",$t).parent().addClass("active")});pagination=$ ("."+o.pagination+" li a",$t)}else{$(pagination,$t).each(function() {number=number+1;$(this).attr("rel",number);$(pagination.eq(0), $t).parent().addClass("active")})}if(slides===1){$(o.slides, $t).children().css({position:"absolute",left:position,display:"block"});return}$ (o.slides,$t).css({width:(slides*width)});$(o.slides, $t).children().each(function(){$ (this).css({position:"absolute",left:position,display:"block"});position=positio n+width});$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:-width});if(slides>3){$(o.slides, $t).children(":eq("+(slides-1)+")").css({position:"absolute",left:-
  • 9. width})}if(o.autoHeight){autoHeight(times)}$(".next",$t).click(function() {if(active===false){animate("next",true);if(o.autoStart){if(o.restart) {autoStart()}else{clearInterval(sliderIntervalID)}}}return false});$ (".previous",$t).click(function(){if(active===false) {animate("prev",true);if(o.autoStart){if(o.restart) {autoStart()}else{clearInterval(sliderIntervalID)}}}return false});if(o.containerClick){$(o.container,$t).click(function() {if(active===false){animate("next",true);if(o.autoStart){if(o.restart) {autoStart()}else{clearInterval(sliderIntervalID)}}}return false})}$(pagination, $t).click(function(){if($(this).parent().hasClass("active")){return false}else{times=$(this).attr("rel");$(pagination, $t).parent().siblings().removeClass("active");$ (this).parent().addClass("active");animate("fade",times);if(o.autoStart) {if(o.restart){autoStart()}else{clearInterval(sliderIntervalID)}}}return false});if(o.autoStart){sliderIntervalID=setInterval(function() {if(active===false){animate("next",true)}},o.autoStart);function autoStart() {if(o.restart) {clearInterval(sliderIntervalID,interval);clearTimeout(restart);restart=setTimeo ut(function(){interval=setInterval(function() {animate("next",true)},o.autoStart)},o.restart)}else{sliderIntervalID=setInterva l(function(){if(active===false){animate("next",true)}},o.autoStart)}}}function current(times){if(times===slides+1){times=1}if(times===0){times=slides}$ (pagination,$t).parent().siblings().removeClass("active");$(pagination+"[rel='"+ (times)+"']",$t).parent().addClass("active")};function autoHeight(times) {if(times===slides+1){times=1}if(times===0){times=slides}var getHeight=$ (o.slides,$t).children(":eq("+(times-1)+")",$t).outerHeight();$(o.container, $t).animate({height:getHeight},o.autoHeight)};function animate(dir,clicked) {active=true;switch(dir){case"next":times=times+1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}if(slides<3) {if(times===3){$(o.slides,$t).children(":eq(0)").css({left: (slides*width)})}if(times===2){$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:width})}}$(o.slides, $t).animate({left:distance},o.slidespeed,function(){if(times===slides+1) {times=1;$(o.slides,$t).css({left:0},function(){$(o.slides, $t).animate({left:distance})});$(o.slides,$t).children(":eq(0)").css({left:0});$ (o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:width})}if(times===slides)$(o.slides,$t).children(":eq(0)").css({left: (slides*width)});if(times===slides-1)$(o.slides,$t).children(":eq("+(slides1)+")").css({left:(slides*widthwidth)});active=false});break;case"prev":times=times-1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}if(slides<3) {if(times===0){$(o.slides,$t).children(":eq("+(slides1)+")").css({position:"absolute",left:(-width)})}if(times===1){$(o.slides, $t).children(":eq(0)").css({position:"absolute",left:0})}}$(o.slides, $t).animate({left:distance},o.slidespeed,function(){if(times===0){times=slides;$ (o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left: (slides*width-width)});$(o.slides,$t).css({left:-(slides*width-width)});$ (o.slides,$t).children(":eq(0)").css({left:(slides*width)})}if(times===2)$ (o.slides, $t).children(":eq(0)").css({position:"absolute",left:0});if(times===1)$ (o.slides,$t).children(":eq("+(slides-1)+")").css({position:"absolute",left:width});active=false});break;case"fade":times=[times]*1;distance=(-(times*widthwidth));current(times);if(o.autoHeight){autoHeight(times)}$(o.slides, $t).children().fadeOut(o.fadespeed,function(){$(o.slides, $t).css({left:distance});$(o.slides,$t).children(":eq("+(slides1)+")").css({left:slides*width-width});$(o.slides, $t).children(":eq(0)").css({left:0});if(times===slides){$(o.slides, $t).children(":eq(0)").css({left:(slides*width)})}if(times===1){$(o.slides, $t).children(":eq("+(slides-1)+")").css({position:"absolute",left:-width})}$ (o.slides, $t).children().fadeIn(o.fadespeed);active=false});break;default:break}}})}}); $.fn.loopedSlider.defaults={container:".container",slides:".slides",pagination:" pagination",containerClick:false,autoStart:6000,restart:0,slidespeed:400,fadespe ed:200,autoHeight:0,addPagination:false}})}
  • 10. //]]> </script> <script type='text/javascript'> //<![CDATA[ imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=tru e;summaryPost=200;summaryPost1=60;summaryTitle=20;numposts1=6;numposts3=6;numpos ts2=5;numposts=10;Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++) {if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">") +1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts(json){j=(showRandomImg)? Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title. $t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate') {posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html') {pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published. $t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c =s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d! =""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] ;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++) {if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img class="column_img" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2></div>';document.write(trtd);j++}} function showrecentposts1(json){j=(showRandomImg)? Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title. $t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate') {posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html') {pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published. $t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c =s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d! =""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] ;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++) {if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="slides"><div><a href="'+posturl+'"><img class="featured-thumb" src="'+img[i]+'"/></a><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2></div></div>';document.write(trtd);j+ +}} function showrecentposts4(json){j=(showRandomImg)? Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title. $t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate') {posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html') {pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var
  • 11. postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published. $t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c =s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d! =""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] ;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++) {if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li><a href="#"><img width="80" height="60" src="'+img[i] +'"/></a></li>';document.write(trtd);j++}} function showrecentposts2(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); if (numposts2 <= json.feed.entry.length) { maxpost = numposts2; } else { maxpost=json.feed.entry.length; } for (var i = 0; i < maxpost; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src="",a); c = s.indexOf(""",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
  • 12. var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<div class="jogos"><a href="'+posturl+'"><img src="'+img[i] +'"/></a><div class="jogosbg"><h2 class="articletitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p></p></div></div>'; document.write(trtd); j++; } } function showrecentposts3(json){j=(showRandomImg)? Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts3<=json.feed.entry.length) {maxpost=numposts3}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i+ +){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html') {pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published. $t;if(j>imgr.length1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c =s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d! =""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] ;var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++) {if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="clear"></div></div>';document.write(trtd);j++}} var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json) {for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title. $t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error) {s=entry.content. $t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr( b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) {thumburl[relatedTitlesNum]=d}else
  • 13. thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-uitX7ROPtTU/TyvG4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg'}if(relatedTitles[relatedTitl esNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum] .substring(0,35)+"...";for(var k=0;k<entry.link.length;k++) {if(entry.link[k].rel=='alternate') {relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(! contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length1]=relatedTitles[i];tmp3[tmp3.length1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++) {if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))) {relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');d ocument.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 7px 10px 0;float:left;');if(i! =0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r] +'"/><br/><div style="width:130px;padding:0 0px;color:#222;height:35px;textalign:center;margin:0px 0px; font:14px PT Sans Narrow; lineheight:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r+ +}else{r=0}i+ +}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.spl ice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)} //]]> </script> </head> <body> <div id='headerpic'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Johny Coba Dulu (Header)' type='Header'> <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:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <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'>
  • 14. <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> <b:else/> </b:if> <p class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </p> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> <b:else/> <p class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </p> </b:if> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <h1 class='title'> <b:include name='title'/> </h1> <b:else/> <p class='title'> <b:include name='title'/> </p> </b:if> </div> <b:include name='description'/>
  • 15. </div> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/> <div style='clear:both;'/> </div> </div><!-- end header-wrapper --> <div id='nav-wrapper'> <div id='nav'> <b:section class='page' id='page' showaddelement='no'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'> <div class='widget-content'> <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> </div> </b:includable> </b:widget> </b:section> <div class='menusearch'> <div style='float:right;padding:5px 8px 0 0;'> <form action='/search' class='searchform' method='get'> <input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search games....'/> </form> </div></div> </div></div> <div class='menuku-wrap'> <div class='menuku'> <ul> <li><a href='/'>Home</a></li> <li><a href='#'>Drop menu</a> <ul> <li><a href='#'>Menu 1</a></li> <li><a href='#'>Menu 2</a></li> <li><a href='#'>Menu 3</a></li> <li><a href='#'>Menu 4</a></li> <li><a href='#'>Menu 5</a></li> </ul> </li> <li><a href='#'>Drop menu 2</a> <ul> <li><a href='#'>Menu 1</a></li> <li><a href='#'>Menu 2</a></li> <li><a href='#'>Menu 3</a> <ul> <li><a href='#'>Menu 3.1</a></li> <li><a href='#'>Menu 3.2</a></li> <li><a href='#'>Menu 3.3</a></li> <li><a href='#'>Menu 3.4</a></li> </ul> </li> <li><a href='#'>Menu 4</a></li>
  • 16. <li><a href='#'>Menu 5</a></li> </ul> </li> <li><a href='#'>Drop menu 3</a> <ul> <li><a href='#'>Menu 1</a></li> <li><a href='#'>Menu 2</a></li> <li><a href='#'>Menu 3</a></li> <li><a href='#'>Menu 4</a></li> <li><a href='#'>Menu 5</a></li> </ul> </li> <li><a href='http://www.maskolis.com/2012/07/johny-joss-banget-template-jossuntuk.html'><blink>Instruction to use</blink></a></li> </ul> </div></div> <!-- 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='outer-wrapper'><div id='wrap2'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div id='bot-wrapper'> <b:section class='bot' id='bot' preferred='yes'/> <div id='slide1-wrapper'> <b:section class='slide1' id='slide1' preferred='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='slide2-wrapper'> <b:section class='slide2' id='slide2' preferred='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> <div class='clear'/> </b:if></b:if>
  • 17. </div> <div id='content-wrapper'> <div id='mainpage-wrapper'> <div id='crosscol-wrapper'> <b:section class='crosscol' id='crosscol' preferred='yes'> <b:widget id='HTML2' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='main-wrapper'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div class='newsfea'> Latest Games </div></b:if> </b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='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;' title='Previous Post'>&#171; Prev Game</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;' title='Next Post'>Next Game &#187;</a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> </div> <div class='clear'/> </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-buttonlink-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sbblog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;'
  • 18. 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-buttonlink-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sbtwitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sbfacebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=620&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sborkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:datacount='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script defer='defer' 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>'; } } }
  • 19. 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&maxresults=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';
  • 20. 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,
  • 21. '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='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='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'>
  • 22. <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='post' var='post'> <div class='post hentry'> <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'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='margin-bottom:10px;font:16px PT Sans Narrow;'> <div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <data:label.name/>,</b:loop></b:if></div><div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div> <script expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;cla ss_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot ;' type='text/javascript'/> </div> <div class='clear'/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/>
  • 23. </div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;, &quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.tim estamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script> </b:if> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-bottom:1px solid #1a4d86;width:100%;height:24px;textalign:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'> <div style='float:left;padding:1px 0;margin-right:15px;font:14px PT Sans Narrow;color:#1a4d86'> <strong>Share this game</strong> : </div> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/> <a class='addthis_button_tweet'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra4f57432236fb4dee' type='text/javascript'/> </div> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;maxresults=8&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=10; var relatedpoststitle=&quot;<b>Related Games :</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <div class='post-footer'><span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span> </div> </div> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/>
  • 24. <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable> <b:includable id='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='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <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 bloggercomment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='threaded_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> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/>
  • 25. <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b: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='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </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>
  • 26. </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post bar hentry uncustomized-post-template'> <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:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' 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'> <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'> <data:post.author/> </a> </span> <b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' itemprop='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'>
  • 27. <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobileshare-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/>
  • 28. <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <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:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a>
  • 29. </span> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='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 bloggercomment-from-post' frameborder='0' height='410' 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 bloggercomment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='comment-form-js' var='post'> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </b:includable> <b:includable id='mobile-index-post' var='post'> <b:if cond='data:post.dateHeader'> <div class='mobile-index-date'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </div> </b:if>
  • 30. <div class='mobile-post-outer'> <div class='mobile-index-title-outer'> <h3 class='mobile-index-title entry-title'> <a href='javascript:void(0)'><data:post.title/></a> </h3> </div> <div> <div class='mobile-index-arrow'> <a href='javascript:void(0)'>&amp;rsaquo;</a> </div> <div class='mobile-post-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;'/> </div> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </b:if> </div> </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'/> <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='feedLinksBody' var='links'> </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>
  • 31. <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-blockwrapper&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>
  • 32. </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:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div>
  • 33. </div> <div id='sidebar-wrapper'> <div id='sidebar1-wrapper'> <b:section class='sidebar1' id='sidebar1' preferred='yes'> <b:widget id='HTML11' locked='false' title='Type Your Category' type='HTML'> <b:includable id='main'> <script> document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot; +numposts2+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts2&quot;&gt;&lt;/script&gt;&quot;); </script> </b:includable> </b:widget> </b:section> </div> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-labelwidget-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:section> </div>
  • 34. <b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='ads1-wrapper'> <div id='tabber-wrapper'> <ul class='tab-view'> <li><a href='#tab1'><script>document.write(Title1);</script></a></li> <li><a href='#tab2'><script>document.write(Title2);</script></a></li> <li><a href='#tab3'><script>document.write(Title3);</script></a></li> <li><a href='#tab4'><script>document.write(Title4);</script></a></li> <li><a href='#tab5'><script>document.write(Title5);</script></a></li> <li><a href='#tab6'><script>document.write(Title6);</script></a></li> </ul><div class='clear'/> <div class='tab-wrapper'> <div class='tabber' id='tab1'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/diary?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='tabber' id='tab2'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/economics? max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='tabber' id='tab3'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/health?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='tabber' id='tab4'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/news?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='tabber' id='tab5'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/sport?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='tabber' id='tab6'> <script> document.write(&quot; &lt;script src=&quot;/feeds/posts/default/-/health?maxresults=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts&quot;&gt;&lt;/script&gt;&quot;); </script></div> <div class='clear'/> </div></div> </div> <div id='ads-wrapper'> <div id='box-wrapper'> <b:section class='box' id='box' preferred='yes'> <b:widget id='HTML15' locked='false' title='GameCategory' type='HTML'> <b:includable id='main'> <div id='maskolis'> <script> document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>? max-results=8&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;); document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot; +numposts3+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts3&quot;&gt;&lt;/script&gt;&quot;);
  • 35. </script> </div> </b:includable> </b:widget> </b:section> </div> <div id='box1-wrapper'> <b:section class='box1' id='box1' preferred='yes'> <b:widget id='HTML16' locked='false' title='GameCategory' type='HTML'> <b:includable id='main'> <div id='maskolis'> <script> document.write(&#39;&lt;h1&gt;&lt;a href=&quot;/search/label/<data:content/>? max-results=8&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h1&gt;&#39;); document.write(&quot;&lt;script src=&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot; +numposts3+&quot;&amp;orderby=published&amp;alt=json-inscript&amp;callback=showrecentposts3&quot;&gt;&lt;/script&gt;&quot;); </script> </div> </b:includable> </b:widget> </b:section> </div> </div> </b:if> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>&#160;</div> </div> <!-- end content-wrapper --> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div class='picfooter'> <div id='footer-wrapper'> <b:section class='footer' id='footer' preferred='yes'/> <div id='footer1-wrapper'> <b:section class='footer' id='footer1' preferred='yes'> <b:widget id='HTML5' locked='false' title='Template Information' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='footer2-wrapper'> <b:section class='footer' id='footer2' preferred='yes'> <b:widget id='HTML6' locked='false' title='Template Information' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div>
  • 36. <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='footer3-wrapper'> <b:section class='footer' id='footer3' preferred='yes'> <b:widget id='HTML7' locked='false' title='Test Footer 2' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div style='clear:both;'/> </div> </div> </b:if> <div class='creditwrap'> <div class='credit'> <div style='float:left;text-align:left;'> <strong>Support :</strong> <a href='http://www.maskolis.com/'>Creating Website</a> | <a href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='http://www.mastemplate.com/'>Mas Template</a><br/> Copyright &#169; 2013. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved </div> <div style='float:right;text-align:right;'> Template Created by <a href='http://www.maskolis.com/'>Creating Website</a> Published by <a href='http://www.mastemplate.com/'>Mas Template</a><br/> Proudly powered by <a href='http://www.blogger.com'>Blogger</a> </div> </div> </div> </div> <!-- end outer-wrapper --> <script type='text/javascript'> $(function() { $(&#39;.menuku li&#39;).hover(function() { $ (this).children(&#39;ul&#39;).filter(&#39;:not(:animated)&#39;).show(200); }, function() { $(this).children(&#39;ul&#39;).hide(400); }); }); </script> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$ (this).addClass("active");$(".tabber").hide();var activeTab=$