Kompi Wide

<?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='styleshe
et' type='text/css'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='keyword here...' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,follow' name='robots'/>
<meta content='noindex,follow' name='googlebot'/>
</b:if>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='ALEXA CODE HERE' name='alexaVerifyID'/>
<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='YOUR BLOG URL' rel='openid.delegate'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Johny Prett
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 t
he 'attribution' clause of the license, you are required to keep the footer link
s which provides due credit to its authors and supporters. For more specific det
ails about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:url(http://1.bp.blogspot.com/-iT1mYIcUOAg/US9h2X1XIuI/AAAAAAAAXY
s/idLjTXFEEYo/s1600/vichy.png) repeat fixed top center;color:#333;font:x-small
Georgia Serif;font-size:small;text-align:left;margin:0}
ul,ol{list-style:none; padding:0; margin:0}
a:link{color:#111;text-decoration:none}
a:visited{color:#111;text-decoration:none}
a:hover{color:#ddd;text-decoration:none}
a img{border-width:0}
#headerpic-wrapper{background:url(http://4.bp.blogspot.com/-yEYGf3ef2ig/UTA38IL4
kKI/AAAAAAAAXa8/balrdpRuYxE/s1600/dark_fish_skin.png) repeat fixed top center;w
idth:100%;margin:0;padding-bottom:20px;border-bottom:5px solid #aaa; border-top:
3px solid #F67E79}
#header-wrapper{width:970px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:300px;text-align:left;margin:0;letter-spacing: 1px; col
or: #222; text-shadow: 0px 2px 3px #555;margin-left:-50px}
#header2{float:right;width:468px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:5px 0}
#header h1, #header p{line-height:1.4em;text-transform:uppercase;font:bold 34px
Oswald;margin:0 auto;padding:5px;}
#header a{color:#eee;text-decoration:none}
#header a:hover{color:#D20000}
#header .description{max-width:100%;text-transform:none;line-height:1.4em;font:b
old 14px Arial;margin:0 auto;padding:0 5px 5px;color: #aaa;text-shadow: 0px 3px
8px #2a2a2a;letter-spacing:0; }
#header img{margin-right:auto;margin-left:auto}
#nav-wrapper{float:left;width:97%;margin:0 auto;padding:4px;overflow:hidden;bord
er:1px solid #999;margin-bottom:10px}
#navwrapper {background:#aaa;margin:0 auto;padding:0}
#nav{background: #aaa;margin:0 auto;width:auto;height:23px;padding:5px}
#nav ul{float:left;width:auto;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;margin-right:5px;}
#nav ul li a,#nav ul li a:visited{float:left;padding:4px 10px;color:#fff;font:bo
ld 12px Arial;text-transform:none;text-shadow:1px 1px 1px #222}
#nav ul li a:hover,#nav .selected{background:#F67E79;color:#fff;text-decoration:
none;text-shadow:1px 1px 1px #222}
#fixed {position:fixed;top:0;left:0;width:100%;height:24px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:24px;position:relati
ve;z-index:999;}
* html, * html body{overflow-y:hidden;height:100%;}
* html #fixedinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inher
it; }
* html #fixedinner{margin-right:17px;}
* html #fixed {position:absolute;}
* html #outer-wrapper {height:100%;overflow:auto}
#toppic {width:960px;margin:0 auto;padding:4px;overflow:hidden;border:1px solid
#999;margin-top:150px;margin-bottom:10px}
#topwrapper {background:#aaa;width:960px;margin:0 auto;padding:0}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {border-right:2px solid #ccc;text-align:left;display: block;text-transfor
m: none;padding:8px 12px 8px;font:14px Oswald, sans-serif;text-transform:upperca
se;color:#000;}
#top a:hover {background:#282828;color:#eee;text-shadow:none}
#top a.trigger {background-image: url(http://2.bp.blogspot.com/-lZNK3ZWqsIM/UQKr
Zgj0PXI/AAAAAAAABRY/emAG0Cevy6E/s1600/arrow_white.gif);background-repeat: no-rep
eat;padding: 8px 24px 8px 12px;background-position: right center;}
#top a.trigger:hover {background-image: url(http://3.bp.blogspot.com/-LzmPTNyR6p
o/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:240px;}
#top ul li a {text-align:left;padding: 6px 10px;font:13px Oswald;font-weight:no
rmal;text-transform:none;border:none;text-shadow:none}
#top li ul {z-index:100;position: absolute;display: none;background-color:#28282
8;margin-left:-60px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-borde
r-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-
bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radi
us:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rg
ba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.90;opacity:.90}
#top li ul li {width:120px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;te
xt-decoration:none;}
#top ul li a:hover {text-decoration:none!important;color:#F67E79}
#outer-wrapper{width:970px;text-align:left;font:12px Arial;margin:0 auto;paddin
g:0;overflow:hidden;}
#main-wrapper{width:660px;float:left;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;
overflow:hidden;padding-top:10px}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height
:1.2em;margin:.1em 0}
.post{background:#ebebeb;margin:10px 0;padding:10px 15px;border:1px solid #ccc}
.post h1,.post h2{font:22px Oswald;line-height:1.4em;color:#111;margin:0;padding
:0;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee;height:70p
x}
.post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited,
.post h2 strong{display:block;text-decoration:none;color:#111}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#888}
.post-body{margin:0 0 0em;text-align:justify;font:16px PT Sans Narrow;line-heigh
t:1.3em;}
.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:0em 0}
.comment-link{margin-left:.1em}
.post blockquote{font:italic 14px Georgia;color:#000;margin: 10px 10px 10px 20px
;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #fff;bo
rder-left: 10px solid #ccc}
.post blockquote:hover{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #333;background: #eee;border-left: 10px solid #393939;
text-decoration:none; ;-moz-box-shadow: 0 0 15px 1px #bbb;-webkit-box-shadow: 0
0 15px 1px #bbb;box-shadow: 0 0 15px 1px #bbb}
.post blockquote p{margin:.75em 0}
.clear{clear:both}
#blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:10px 5px 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-al
ign:center;display:inline-block;color:#333;border:1px solid #C4C4C4; border-top-
color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:c
enter; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2
px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-w
ebkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E
5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% );f
ont:bold 12px Arial;text-transform:none;margin:0 0px;padding:8px 5px;}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background-color:#aaa;font:18px Oswald;color:#fff;margin:0;padding:5
px 0 5px 10px;text-shadow:1px 1px 1px #222;background-image:url(http://1.bp.blog
spot.com/-9FCgC3SpZ00/UPMiEedG1VI/AAAAAAAACl0/zLgl3K6_d3I/s1600/arrow_right.gif)
;background-repeat:no-repeat;background-position:right center}
#sidebar h2.active{background-image:url(http://2.bp.blogspot.com/-QB-QrnRTSJI/UP
MiEYKozJI/AAAAAAAAClw/ieBOFWLIqlM/s1600/arrow_down.gif);}
.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Tahoma;}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-top:1px solid #d
dd}
.sidebar .widget{background:#ebebeb;margin:2px 0 0px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0 10px;}
.sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#111;text-decoration:n
one;}
.sidebar li a:hover{color:#878773}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0px 0px 0px;padding:0}
#Label1 li {float:left; width:50%}
/* Comments
----------------------------------------------- */
.comments {background:#ebebeb;margin:10px 0;padding:10px 15px;border:1px solid #
ccc; line-height:1em; }
.comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:no
rmal; text-align:left; line-height:1.4em; }
.comments .comment .comment-actions a { display:inline-block; margin:0; padding:
1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#
E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white;
text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border
-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,le
ft bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-g
radient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding
:2px 8px; margin-right:10px; }
.comments .comment .comment-actions a:hover { text-decoration:none; background:#
fff; border:1px solid #5AB1E2; }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0
; text-align:none; }
.comments .comments-content .inline-thread { padding:0.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-top:1em; margin-left:40px;
font-size:12px; background:#f6f6f6; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-botto
m:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight
:bold; text-decoration:none; }
.comments .comments-content .icon.blog-author { width:18px; height:18px; display
:inline-block; margin:0 0 -4px 6px; }
.comments .comments-content .datetime { color:#999999; float:right; font-size:11
px; text-decoration:none; }
.comments .comments-content,.comments .comments-content .comment-content { margi
n:0 0 8px; }
.comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bo
ttom:5px; padding:5px; }
.comments .comments-content .comment-content { text-align:none; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0;
}
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text
-align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; }
.comments .continue { cursor:pointer; }
.comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:
1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#4
24242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration
:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; bac
kground:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-
stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center
top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin
-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-t
op:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow
:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width
:7px; overflow:visible; margin:0.3em; padding-right:4px; }
.comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.c
om/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-rep
eat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.
com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-r
epeat scroll 0 0 transparent; }
.comments .avatar-image-container { background-image:url(http://4.bp.blogspot.co
m/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background
-position:center center; background-repeat:no-repeat; float:left; width:36px; ma
x-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:
middle; overflow:hidden; border:1px solid #DDDDDD; }
.comments .avatar-image-container img { width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .commen
t-replies { margin-left:0; }}
.footer h2{font:14px Oswald;padding-bottom:5px;margin-bottom:5px;line-height:1.3
em;text-transform:uppercase;color:#fff;text-shadow:1px 1px 1px #222}
.footer{color:#eee;line-height:1.4em;font:normal 11px Tahoma;text-shadow:1px 1px
1px #222}
.footer ul{list-style:none;color:#eee;text-shadow:1px 1px 1px #222;margin:0;padd
ing:0}
.footer li{background:url(http://2.bp.blogspot.com/-6p_AqXL70hQ/UQWPHMObw9I/AAAA
AAAABZ0/f2UWIvjFkSQ/s1600/footerli.png) no-repeat 1px 6px;font:normal 11px Tahom
a;color:#fff;text-shadow:1px 1px 1px #222;text-indent:0;line-height:1.2em;margin
:0;padding:2px 0 3px 12px}
.footer a:link,.footer li a:visited{color:#eee;text-shadow:1px 1px 1px #222;text
-decoration:none}
.footer li a:hover{color:#555;text-shadow:none}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{background:#666 ;border-bottom:1px solid #444;border-top:5px solid #4
44;width:100%x;margin-left:auto;margin-right:auto;text-align:center;font:normal
normal 11px Arial}
#footer-wrapper{width:970px;text-align:left;font:normal normal 11px Arial;margin
:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:180px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:5px;width:180px;float:left;word-wrap:break-word;ove
rflow:hidden;padding:0 5px}
rflow:hidden}
.creditpic{background:#2a2a2a;width:100%;border-top:1px solid #000;margin:0 auto
;padding:0}
.credit{width:970px;line-height:1.6em;text-align:center;font-family:Arial;font-s
ize:11px;color:#ddd;overflow:hidden;clear:both;margin:0 auto;padding:10px}
.credit a:link,.credit a:visited{color:#ddd;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
/* Slider */
.sompret-wrapper {float:right; position: relative;padding-right:10px}
.sompret { overflow: hidden; position: relative; width:300px; height:400px;}
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {overflow: hidden;float: left;width:300px; height:auto;}
.paging {background:none; padding: 4px 0 2px; text-align:center;z-index: 100; }
.paging a { text-indent:-9999px; background:url(http://4.bp.blogspot.com/-b9OEmV
dL6Q4/URA_BL7OXWI/AAAAAAAAB2k/c9exOQaNu2U/s1600/slider_item_active.png) no-repea
t center; width:10px; height:10px; display:inline-block;margin:3px; border:none;
outline:none; }
.paging a.active { background:url(http://3.bp.blogspot.com/-eEgZtLbyI5A/URLe2rdc
XjI/AAAAAAAACGA/Bzcm_LnSpk4/s1600/slider_item.png) no-repeat center; border:none
; outline:none;}
.paging a:hover {font-weight: bold; border:none; outline:none;}
.crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-ind
ex: 101; background: url(http://4.bp.blogspot.com/-SMVDkVsdj0I/URLTaa0lVII/AAAAA
AAACFQ/STj40Z_py0Q/s1600/overlay_feature.png)repeat-x top;padding:5px 10px; }
.crott a{color: #fff;font: 16px Oswald }
.crott p{color: #fff;font: 12px Arial;}
#related-posts{float:left;width:auto;border-top:3px solid #ddd;margin-top:10px}
#related-posts h3{background:none;font:18px Oswald;padding:3px;color:#111;text-s
hadow:1px 1px 1px #fff}
#related-posts .maskolis_img {border:4px solid #666;padding:0px 0px;width:123px;
height:165px;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;margin:10px 7px 5px}
#related-posts .maskolis_img:hover{border:4px solid #aaa;opacity:.7;filter:alpha
(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
#viewers{background:#aaa;float:left;width:100%;margin:0;padding:9px;padding-left
:42px}
#viewers a {color:#fff;text-decoration:none;font-size:11px;padding:4px 8px;backg
round: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-ra
dius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8
) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.
8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inse
t;}
#viewers a:hover {color:#000}
.newsfea{padding:4px;border:1px solid #878773;margin:0 10px 5px 0}
.newscrott{background:#aaa;padding:5px 10px;font:18px Oswald;color:#fff;text-sha
dow:1px 1px 1px #222}
#judul-post{border-bottom:1px solid #ddd;margin-bottom:10px;padding-left:0}
.bungkus-tanggal{background:#aaa;float:left;margin-right:10px}
.setiap-hari{width:auto;height:auto;text-align:left;text-transform:uppercase;pad
ding:5px 10px 10px}
.nama-hari{color:#fff;font:20px Oswald;text-shadow:1px 1px 1px #222}
.nama-bulan{font:11px Tahoma}
.sompret-image{text-align:left;width:153px;height:205px;position:relative;line-h
eight:1.6em;overflow:hidden;margin:0}
.sompret-image img{position:absolute;min-height:205px;max-width:153px}
.sompret-image a{display:block;position:relative;overflow:hidden;height:205px;wi
dth:153px;color:#000}
.sompret-image a:hover{text-decoration:none}
.summary{font:11px Tahoma;color:#666;margin:0 10px;padding:3px 0}
.sompret-header{font:12px oswald;text-transform:uppercase;margin:10px}
.sompret-footer{font:italic 10px Arial;margin:10px}
.menusearch{width:240px;float:right;margin:0 auto;padding:0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;bac
kground:#eee;width:240px;height:24px; 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;line-height:24px;height:24p
x;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;widt
h: 228px;height:24px;border:0px;outline: none;line-height:24px;}
.searchform .searchbutton {border:none;margin:0;padding:0;font-size:12px;height:
24px;width:23px;}
.PopularPosts .item-thumbnail img{float:right;width:80px;height:105px;background
:#999;padding:4px;margin:0;}
.quickedit{display:none}
.toplogo {position:absolute;float:left;margin-top:-15px;width: 220px;height:133p
x;display:block;background-position: 0px -15px;text-indent:-9999px;-webkit-trans
ition: 0.10s ease-in;-moz-transition: 0.10s ease-in;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-
o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.
5), only screen and (min-device-pixel-ratio: 1.5){.toplogo a{background: url('im
ages/sp_flag@2x.png') no-repeat;background-size: 220px 133px;background-position
: 0px 0px;}}
.toplogo:hover {margin-top:-10px}
.breadcrumbs{background:#ebebeb;height:30px;line-height:30px;border:solid 1px #c
2c2c2;width:auto;overflow:hidden;padding-left:10px;font-size:95%;margin:0}
.breadcrumbs li{list-style-type:none;display:inline-block;float:left}
.breadcrumbs a{display:inline-block;background-image:url(http://4.bp.blogspot.co
m/-WLPWocFdw1g/T8pvm1tUvQI/AAAAAAAAGeo/RdXYGXddUmY/s1600/breadcrumb.gif);backgro
und-repeat:no-repeat;background-position:right;padding-right:10px;text-decoratio
n:none;outline:none;}
.breadcrumbs a:hover{color:#000}
.kotak_iklan {text-align: center;margin-top:10px;margin-bottom:8px;}
.kotak_iklan img {margin: 0px 0px 2px 2px;padding: 5px;text-align: center;borde
r: 1px solid #aaa;}
.kotak_iklan img:hover {border: 1px solid #666}
.google_translate img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;bor
der:0}
.google_translate:hover img{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.3
0;border:0}
.google_translatextra:hover img{filter:alpha(opacity=0.30);-moz-opacity:.30;opac
ity:.30;border:0}
.postmeta{font:11px Tahoma;text-transform:none;font-weight:400;border: 1px solid
#CCC; margin: 10px 0px;margin-top:20px; padding: 10px; width: auto; height: aut
o; background: #aaa;-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgb
a(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rg
ba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,
0,.8) inset;}
.author{color:#111;background:url(http://4.bp.blogspot.com/-BPwzTuzUVOE/UTCOGQCa
7CI/AAAAAAAAXbs/b_XwQJmAkxo/s1600/photo.gif) left center no-repeat;padding:2px 5
px 2px 17px}
.clock{color:#111;background:url(http://1.bp.blogspot.com/-o9cNjXMWnfs/UTCOGCYcl
oI/AAAAAAAAXbo/OGx3VY4uD9M/s1600/clock.gif) left center no-repeat;padding:2px 5p
x 2px 17px}
.komentar{color:#111;background:url(http://1.bp.blogspot.com/-npTyOKBmUDo/UTCOGE
O-NvI/AAAAAAAAXbw/bmgGTrS_zwo/s1600/comment-left.gif) left center no-repeat;padd
ing:2px 5px 2px 17px}
.clock a{color:#111}
.clock a:hover{color:#ddd}
.postmeta img{transform:rotate(5deg);width:67px; height:67px; margin:0 10px 0 0;
float:left; padding:2px; background:#555;}
.postmeta img:hover{transform:rotate(0deg)}
.join{color:#111;background:url(http://4.bp.blogspot.com/-TE0IRkd_0Co/UTCV-4KagG
I/AAAAAAAAXcQ/u2MqCB-fb9U/s1600/bookmark.gif) left center no-repeat;padding:2px
5px 2px 17px}
#carousel {background:#ebebeb;width: 968px; position: relative; float: left; mar
gin: 0 0 10px;height:330px;overflow:hidden;border:1px solid #ccc}
#carousel .judul{margin-left:10px;font:18px Oswald;padding:5px;color:#000;text-s
hadow:1px 1px 1px #fff}
#carousel .container {position: absolute;left: 0px;width: 970px;overflow:hidden;
}
#carousel ul{width:10000px;position: relative;overflow:hidden;margin-top:0px;}
#carousel ul li {display: inline; float: left; margin:1px 7px 2px 10px; padding:
8px; width: 160px; overflow: hidden;height:258px;background: #aaa;-moz-box-shado
w: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shad
ow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1
px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset}
#carousel .thumb{height:215px;width: 160px;transition:all 400ms ease-in-out;-web
kit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-tr
ansition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#carousel .thumb:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtm
l-opacity:.7}
#carousel #previous_button { position: absolute; top:8px;right: 39px; width: 25
px; height: 22px; cursor: pointer; background: url(http://4.bp.blogspot.com/-atI
1zRgEc2E/UTdnxmCN1GI/AAAAAAAACdw/gdMd1oSe3Ac/s1600/paginate.png) no-repeat; back
ground-position: 0 0; }
#carousel #next_button { position: absolute; top:8px; right:10px; width: 25px; h
eight: 22px; cursor: pointer; background: url(http://4.bp.blogspot.com/-atI1zRgE
c2E/UTdnxmCN1GI/AAAAAAAACdw/gdMd1oSe3Ac/s1600/paginate.png) no-repeat; backgroun
d-position: -27px 0; }
#carousel #next_button:hover, #previous_button:hover { -ms-filter: "progid: DXIm
ageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0
.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-
out; -webkit-transition: opacity .25s ease-in-out; }
#carousel ul li a.slider_title{color:#111;display:block;text-align:center;font:1
1px Oswald;}
#carousel ul li a.slider_title:hover{color:#555;}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post h1,.post h2,h3.date-header,.jump-link,.feed-links{display:none}
#main-wrapper{width:668px}
.post{width:153px;height:240px;float:left;overflow:hidden;margin:2px 12px 10px 0
;padding:0;background:none;border:1px solid #878773;}
#sliderTimer-wrapper{height:80%;width:100%;margin:0;padding:0;}
.camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,
.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.cam
era_wrap tr,.camera_wrap th,.camera_wrap td
.camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thu
mbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap
tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap t
r,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:in
herit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
.camera_wrap{display:none;float:left;position:relative;z-index:0;width:96%;paddi
ng:5px;border:3px #555 solid;-moz-border-radius:4px;-webkit-border-radius:4px;bo
rder-radius:4px;}
.camera_wrap img{max-width:none!important}
.camera_fakehover{height:100%;min-height:100px;position:relative;width:100%;z-in
dex:1}
.camera_src{display:none}
.cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1}
.cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
.cameraContent{bottom:0;display:none;left:0;position:absolute;right:0;top:0;widt
h:100%}
.camera_target{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;rig
ht:0;text-align:left;top:0;width:100%;z-index:0}
.camera_overlayer{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;
right:0;top:0;width:100%;z-index:0}
.camera_target_content{bottom:0;left:0;overflow:hidden;position:absolute;right:0
;top:0;z-index:2}
.camera_target_content .camera_link{background:url(http://1.bp.blogspot.com/-HVk
OhvZvPWE/UQlkh-TuJsI/AAAAAAAAIEI/3OoSgPgTtvk/s1600/blank.gif);display:block;heig
ht:100%;text-decoration:none}
.camera_loader{background:url(http://1.bp.blogspot.com/-U50t_WWuuYY/UR2JCuL7yFI/
AAAAAAAAALE/w8dJNZaYB2E/s1600/loading.gif) no-repeat center;background:rgba(255,
255,255,0.9) url(http://1.bp.blogspot.com/-U50t_WWuuYY/UR2JCuL7yFI/AAAAAAAAALE/w
8dJNZaYB2E/s1600/loading.gif) no-repeat center;border:1px solid #fff;-webkit-bor
der-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;
overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-in
dex:3}
.camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-in
dex:3}
.camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .ca
mera_bar{height:100%;position:absolute;width:auto}
.camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .ca
mera_bar{height:auto;position:absolute;width:100%}
.camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15p
x;width:120px;z-index:4}
.camera_caption{bottom:0;display:block;position:absolute;width:100%}
.camera_caption > div{padding:10px 10px}
.camerarelative{overflow:hidden;position:relative}
.imgFake{cursor:pointer}
.camera_prevThumbs{bottom:4px;cursor:pointer;left:0;position:absolute;top:4px;vi
sibility:hidden;width:30px;z-index:10}
.camera_prevThumbs div{background:url(http://2.bp.blogspot.com/-6YtLNXfobBM/USSK
Urbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat -160px 0;displa
y:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
.camera_nextThumbs{bottom:4px;cursor:pointer;position:absolute;right:0;top:4px;v
isibility:hidden;width:30px;z-index:10}
.camera_nextThumbs div{background:url(http://2.bp.blogspot.com/-6YtLNXfobBM/USSK
Urbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat -190px 0;displa
y:block;height:40px;margin-top:-20px;position:absolute;top:50%;width:30px}
.camera_command_wrap .hideNav{display:none}
.camera_command_wrap{left:0;position:relative;right:0;z-index:4}
.camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-
align:center}
.camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border
-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;ma
rgin:20px 5px;position:relative;text-align:left;text-indent:-9999px;width:16px}
.camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rg
ba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgb
a(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255
,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
.camera_wrap .camera_pag .camera_pag_ul li > span{-webkit-border-radius:5px;-
moz-border-radius:5px;border-radius:5px;height:8px;left:4px;overflow:hidden;posi
tion:absolute;top:4px;width:8px}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{-moz-box-s
hadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-sh
adow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1p
x 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{-moz-box-shad
ow:0;-webkit-box-shadow:0;box-shadow:0}
.camera_pag_ul li img{display:none;position:absolute}
.camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px s
olid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:a
bsolute}
.camera_prev,.camera_next,.camera_commands{cursor:pointer;height:40px;margin-top
:-20px;position:absolute;top:50%;width:40px;z-index:2}
.camera_prev{left:0}
.camera_prev > span{background:url(http://2.bp.blogspot.com/-6YtLNXfobBM/USSK
Urbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat 0 0;display:blo
ck;height:40px;width:40px}
.camera_next{right:0}
.camera_next > span{background:url(http://2.bp.blogspot.com/-6YtLNXfobBM/USSK
Urbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat -40px 0;display
:block;height:40px;width:40px}
.camera_commands{right:41px}
.camera_commands > .camera_play{background:url(http://2.bp.blogspot.com/-6YtL
NXfobBM/USSKUrbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat -80
px 0;height:40px;width:40px}
.camera_commands > .camera_stop{background:url(http://2.bp.blogspot.com/-6YtL
NXfobBM/USSKUrbd2VI/AAAAAAAAAPE/B1hxLGWEtb8/s1600/skinscamera.png) no-repeat -12
0px 0;display:block;height:40px;width:40px}
.camera_wrap .camera_pag .camera_pag_ul li{-webkit-border-radius:8px;-moz-border
-radius:8px;border-radius:8px;cursor:pointer;display:inline-block;height:16px;ma
rgin:20px 5px;position:relative;text-indent:-9999px;width:16px}
.camera_thumbs_cont{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom
-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomlef
t:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidd
en;position:relative;width:100%}
.camera_commands_emboss .camera_thumbs_cont{-moz-box-shadow:0 1px 0 rgba(255,255
,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,
255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),in
set 0 1px 1px rgba(0,0,0,0.2)}
.camera_thumbs_cont > div{float:left;width:100%}
.camera_thumbs_cont ul{overflow:hidden;padding:3px 4px 8px;position:relative;tex
t-align:center}
.camera_thumbs_cont ul li{display:inline;padding:0 4px}
.camera_thumbs_cont ul li > img{border:1px solid;cursor:pointer;margin-top:5p
x;vertical-align:bottom}
.camera_clear{display:block;clear:both}
.showIt{display:none}
.camera_caption a{color:#fff;font:16px Oswald;margin:0 10px 10px 0}
.camera_caption a:hover{color:#999}
.camera_caption .comt{font:11px Tahoma;margin:5px 0 0;color:#fc0}
.camera_caption p{font:12px Arial;margin:5px 0 0}
.camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:re
lative}
.pattern_1 .camera_overlayer{background:url(http://4.bp.blogspot.com/-mK_USJALT1
w/USSK5zcb0VI/AAAAAAAAAPM/BXmbKtwCdPI/s1600/laya.png) repeat}
.pattern_2 .camera_overlayer{background:url(http://2.bp.blogspot.com/-VVgg8zHpY1
Q/USSLGoqh93I/AAAAAAAAAPU/1L3y6jLQv3I/s1600/layb.png) repeat}
.pattern_3 .camera_overlayer{background:url(http://2.bp.blogspot.com/-vt97g0-7sy
0/USSLQhI53RI/AAAAAAAAAPc/LUep3GmWmnI/s1600/layc.png) repeat}
.pattern_4 .camera_overlayer{background:url(http://1.bp.blogspot.com/-siY1U2dtkd
k/USSLcJ6_iWI/AAAAAAAAAPk/P8wAOzA3Myo/s1600/layd.png) repeat}
.pattern_5 .camera_overlayer{background:url(http://4.bp.blogspot.com/-svWnNDcbzk
Q/USSLndwFBeI/AAAAAAAAAPs/IpAgpa_YNXs/s320/laye.png) repeat}
.pattern_6 .camera_overlayer{background:url(http://4.bp.blogspot.com/-beOrTn_xAb
0/USSL5TpKKKI/AAAAAAAAAP0/Be6TaEBGNbM/s320/layf.png) repeat}
.pattern_7 .camera_overlayer{background:url(http://1.bp.blogspot.com/-ZIu8sF_tT7
4/USSMFPPT_aI/AAAAAAAAAP8/ihrFsYG3Y4E/s320/layg.png) repeat}
.pattern_8 .camera_overlayer{background:url(http://1.bp.blogspot.com/-KSaEP4OQ_q
w/USSMPrJ3PzI/AAAAAAAAAQE/K-3k29KDUwM/s320/layh.png) repeat}
.pattern_9 .camera_overlayer{background:url(http://3.bp.blogspot.com/-FilWZbFD07
E/USSMiDKIURI/AAAAAAAAAQM/K7a6fvbnvGc/s1600/layi.png) repeat}
.pattern_10 .camera_overlayer{background:url(http://4.bp.blogspot.com/-M96ItiZRE
7w/USSMiAM3xEI/AAAAAAAAAQQ/_NGNkQuKAnM/s320/layj.png) repeat}
.camera_caption{color:#fff}
.camera_caption > div{background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5
aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
.camera_wrap .camera_pag .camera_pag_ul li{background:#8cd700}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span{background:#000}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background:#6
66;box-shadow: 0 0 8px #e6aef8}
.camera_pag_ul li img{border:3px solid #f3fbfd;-moz-box-shadow:0 3px 6px rgba(0,
0,0,.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);box-shadow:0 3px 6px rgba(0,
0,0,.5)}
.camera_pag_ul .thumb_arrow{border-top-color:#f3fbfd}
.camera_prevThumbs,.camera_nextThumbs,.camera_prev,.camera_next,.camera_commands
,.camera_thumbs_cont{background:#f3fbfd;background:rgba(216,216,216,0.85)}
.camera_wrap .camera_pag .camera_pag_ul li{background:#fff;box-shadow:0 1px 3px
rgba(0,0,0,.5); -moz-box-shadow:0 1px 3px rgba(0,0,0,.5); -webkit-box-shadow:0 1
px 3px rgba(0,0,0,.5)}
.camera_thumbs_cont ul li > img{border-color:1px solid #000}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
background-position: -160px -640px;
}
.camera_black_skin .camera_nextThumbs div {
}
.camera_black_skin .camera_prev > span {
background-position: 0 -640px;
}
.camera_black_skin .camera_next > span {
}
.camera_black_skin .camera_commands > .camera_play {
}
.camera_black_skin .camera_commands > .camera_stop {
background-position: -120px -640px ;
}
@media screen and (max-width: 960px) {
.main-wrapper{width:65.5%}
.sidebarleft-wrapper,.sidebar2-wrapper{display:none}
}
@media screen and (max-width: 760px) {
.main-wrapper{margin-right:0;width:auto;padding:10px 10px 0}
.sidebar-wrapper,.sidebar1-wrapper{border:none;width:auto;margin:0 auto 10px;pad
ding:0 10px}
}
@media screen and (max-width: 340px){
.camera_wrap{width:95%}
.camera_caption p{display:none}
.cutter{width:100px;height:70px;}
}
</style>
</b:if></b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
#sidebar-wrapper{display:none}
</style>
</b:if></b:if>
<script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {$('.sompret-image').hover(function(){$(this).find('img
').animate({top:'260px',right:'200px'},{queue:false,duration
:500});}, function(){$(this).find('img').animate({top:'0px',righ
t:'0px'},{queue:false,duration:500});});})
</script>
//<![CDATA[
jQuery(document).ready(function() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the
image reel.
var imageWidth = $(".sompret").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to sl
ide
var image_reelPosition = triggerID * imageWidth; //Determines the di
stance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is decla
red in the rotateSwitch function)

$(".crott").stop(true,true).slideUp('slow');
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDow
n("slow");
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow"
);
play = setInterval(function(){ //Set timer - this will repeat itself
every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 10000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
//]]>
</script>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVn
YEnU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 60;
summaryPost1 = 180;
summaryPost2 = 100;
numposts = 10;
numposts1 = 6;
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].lengt
h)}}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.ent
ry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.len
gth)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(entr
y.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].tit
le.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}e
lse 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=postconte
nt;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","Se
p","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postda
te.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 t
rtd='<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><
img src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+
daystr+' / '+pcm+' comments</p><div class="title">'+removeHtmlTag(postcontent,su
mmaryPost1)+'... </div></h3></li>';document.write(trtd);j++}}function showrecent
posts0(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=n
ew Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitl
e=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.li
nk[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='re
plies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];b
reak}}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("<i
mg");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];v
ar month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","De
c"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];v
ar y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==m
onth[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li><div><img
class="alignnone" src="'+img[i]+'"/><h5>'+posttitle+'</h5><div class="title">'+
removeHtmlTag(postcontent,summaryPost)+'... </div></div></li>';document.write(tr
td);j++}}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Mat
h.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.e
ntry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.l
ength)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternat
e'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(en
try.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].t
itle.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t
}else if("summary"in entry){var postcontent=entry.summary.$t}else var postconten
t="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcon
tent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.subst
r(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=["January","February","March","April","May","June"
,"July","August","September","October","November","December"];var day=postdate.s
plit("-")[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=m+' '+day+' '+y;var trtd='<div class="crott"><a href="'+postu
rl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost2)+'... </p></d
iv>';document.write(trtd);j++}}function showrecentposts2(json){j=(showRandomImg)
?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numpo
sts1;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){v
ar postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry
.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length
-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);
c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""
))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar",
"Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-
")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];f
or(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}
}var daystr=day+' '+m+' '+y;var trtd='<a href="'+posturl+'"><img src="'+img[i]+'
"/></a>';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[rela
tedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url
}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s
.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://1.bp.blogsp
ot.com/-QjSndGbF0No/T-Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-video.gif'}if(r
elatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=related
Titles[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<relatedUr
ls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.le
ngth-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=related
Titles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;th
umburl=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<rela
tedUrls.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.le
ngth>0)document.write('<h3>'+relatedpoststitle+'</h3>');document.write('<div sty
le="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document
.write('<a style="text-decoration:none;margin:0 10px 10px 0;float:left;backgroun
d:none;');if(i!=0)document.write('"');else document.write('"');document.write('
href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/>
<div style="width:127px;padding:0 10px;color:#000;height:38px;text-align:center;
margin:0px 0px; font:12px Oswald;font-weight:400; line-height:16px;text-shadow:1
px 1px 1px #ddd">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r
++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length
);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length
)}
//]]>
</script>
//<![CDATA[
function resizeThumb(el, from, to) {
$(el).each(function() {
$(this).attr({
'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
'width': to, 'height': to
});
});
}
$(function() {
resizeThumb('#PopularPosts1 img', '72', '105');
});
//]]>
</script>
$(function() {
$('#comments p').find('a').remove();
});
</script>
<script src='http://yourjavascript.com/0932011143/camera-slider.js' type='text/j
avascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.j
s' type='text/javascript'/>
//<![CDATA[
jQuery(document).ready(function() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the
image reel.
var imageWidth = $(".sompret").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to sl
ide
var image_reelPosition = triggerID * imageWidth; //Determines the di
stance the image reel needs to slide
$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is decla
red in the rotateSwitch function)

$(".crott").stop(true,true).slideUp('slow');
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDow
n("slow");
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow"
);
play = setInterval(function(){ //Set timer - this will repeat itself
every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 10000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
//]]>
</script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38999114-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javas
cript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl&
#39; : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.ins
ertBefore(ga, s);
})();
</script>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/
javascript'/>
//<![CDATA[
imgr=new Array();imgr[0]="http://1.bp.blogspot.com/-QjSndGbF0No/T-Nt3HgKsDI/AAAA
AAAAG9o/cN6_Oy306rc/s1600/no-video.gif";showRandomImg=true;aBold=true;summaryPos
t = 80;summaryPost1 = 240;numposts=12;numposts1=10;numposts2=8;function removeHt
mlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].index
Of(">")!=-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.ent
ry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.len
gth)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(entr
y.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].tit
le.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}e
lse 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=postconte
nt;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","Se
p","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postda
te.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 t
rtd='<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><
img src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><div
class="title">'+removeHtmlTag(postcontent,summaryPost1)+'... </div></h3></li>';d
ocument.write(trtd);j++}}function showrecentposts0(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(entr
y.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entr
y.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/ht
ml'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var post
content=entry.content.$t}else if("summary"in entry){var postcontent=entry.summar
y.$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.ind
exOf("\"",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].s
ubstring(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 da
ystr=day+' '+m+' '+y;var trtd='<li><div><img class="alignnone" src="'+img[i]+'"/
><h5>'+posttitle+'</h5><div class="title">'+removeHtmlTag(postcontent,summaryPos
t)+'... </div></div></li>';document.write(trtd);j++}}
function showrecentposts2(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 == 'tex
t/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 = '<li class="car"><div class="thumb"><a href="'+posturl+'"><im
g width="160" height="210" class="Thumbnail thumbnail carousel " src="'+img[i]+'
"/></a></div><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
j++;
}
}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Mat
h.random()):0;img=new Array();for(var i=0;i<numposts2;i++){var entry=json.feed.e
ntry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.l
ength)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternat
e'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(en
try.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].t
itle.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t
}else if("summary"in entry){var postcontent=entry.summary.$t}else var postconten
t="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcon
tent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.subst
r(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=post
date.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++}}
//]]>
</script>
//<![CDATA[
$(document).ready(function() {
$('#sidebar .widget-content').hide();
$('#sidebar h2:first').addClass('active').next().slideDown('slow');
$('#sidebar h2').css('cursor', 'pointer').click(function() {
if($(this).next().is(':hidden')) {
$('#sidebar h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>
</head>
<body>
<div id='fixed'>
<div id='fixedinner'>
<div id='headerpic-wrapper'>
<div id='header-wrapper'>
<div class='toplogo'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Kompi Wide (Header)' type='Header'>
<b:includable id='title'>
<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 == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sour
ceUrl + "\"); " + "background-positio
n: " + data:backgroundPositionStyleStr + "; &qu
ot; + data:widthStyleStr + "m
in-height: " + data:height + "_height: " +
data:height + "background-repeat: no-repeat; "
' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
</p>
</b:if>
</div>
</div>
</b:if>
<b:else/>

<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot
;_headerimg"' expr:src='data:sourceUrl' style='display: block'/></h1>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
</b:if>
</div>
</b:if>
<b:else/>

<div class='titlewrapper'>
<h1 class='title'>
</h1>
<b:else/>
<p class='title'>
</p>
</b:if>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section></div>
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'
/>
<div style='width:450px;float:right;padding:13px 5px 0 0;margin-top:12px'>
<a class="google_translate" href="#" target="_blank&
quot; rel="nofollow" title="English" onclick="window.op
en('http://translate.google.com/translate?u='+encodeURIComponent(locatio
n.href)+'&langpair=id%7cen&hl=en'); return false;"><i
mg alt="English" align="absbottom" title="English"
height="30" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/A
AAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cur
sor: pointer;margin-right:10px" width="24"/></a>
quot; rel="nofollow" title="French" onclick="window.ope
n('http://translate.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=id%7cfr&hl=en'); return false;"><im
g alt="French" align="absbottom" title="French" he
ight="30" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAA
AAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor:
pointer;margin-right:10px" width="24"/></a>
quot; rel="nofollow" title="Russian" onclick="window.op
en('http://translate.google.com/translate?u='+encodeURIComponent(locatio
n.href)+'&langpair=id%7cru&hl=en'); return false;"><i
mg alt="Russian" align="absbottom" title="Russian"
height="30" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/A
AAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cur
sor: pointer;margin-right:10px" width="24"/></a>
quot; rel="nofollow" title="Japanese" onclick="window.o
pen('http://translate.google.com/translate?u='+encodeURIComponent(locati
on.href)+'&langpair=id%7cja&hl=en'); return false;"><
img alt="Japanese" align="absbottom" title="Japanese&qu
ot; height="30" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJA
I/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style=&quot
;cursor: pointer;margin-right:10px" width="24"/></a>
quot; rel="nofollow" title="Arabic" onclick="window.ope
n('http://translate.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=id%7car&hl=en'); return false;"><im
g alt="Arabic" align="absbottom" title="Arabic" he
ight="30" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAA
AAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor:
pointer;margin-right:10px" width="24"/></a>
<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value=='')t
his.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.val
ue=''' type='text' value='Search games....'/>
</form>
</div>
</div>
<div style='clear:both;'/>
</div></div>
</div></div>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>Homepage</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
</ul>
</li>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>

<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'>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='nav-wrapper'>
<div id='navwrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<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></div></div>
<div id='sliderTimer-wrapper'>
<div id='randompost'/>
//<![CDATA[
$(document).ready(function () {
CameraSlider({
blogURL:'http://kompiwide.blogspot.com/',
idcontaint:"#randompost",
NumCharacter: 160,
});
});
//]]>
</script>
</b:if>
<div class='clear'/>
</div>
<div class='newsfea'>
<div class='newscrott'>
Latest Article <span style='color: #000; float:right; font:normal 14px Oswald;pa
dding-top:2px;text-shadow:none'>Get our latest posts by subscribing this site</s
pan>
</div></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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"' ex
pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi
sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.
sharePostUrl + "&target=blog"' expr:onclick='"window.open(thi
s.href, \"_blank\", \"height=270,width=475\"); return false;
"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho
wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='
data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.s
hareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top
.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><
a class='goog-inline-block share-button sb-facebook' expr:href='data:post.shareP
ostUrl + "&target=facebook"' expr:onclick='"window.open(this.
href, \"_blank\", \"height=430,width=620\"); return false;&q
uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar
e-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='
data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' exp
r:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data
:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data
:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div cla
ss='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<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'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link&q
uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</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' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs
g'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.co
m/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != d
ata:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ho
me</a></span><span><data:blog.pageName/></span></div>
<b:else/>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:tit
le' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel
='v:url'><data:label.name/></a></span>
</b:loop>
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Ho
me</a></span><span>Unlabelled</span> <span><data:post.title/></span></div>
</b:if>
</b:loop>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<b:if cond='data:post.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'/>
editor' src='' style='display: none' width='100%'/>
<b:else/>
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</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)'>&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>
<div class='mobile-index-comment'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:o
nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <
data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP
lural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' title='Previous Post'
>« Prev Post</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='da
ta:widget.instanceId + "_blog-pager-older-link"' title='Next Post'>Nex
t Post »</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/>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></
a>
</b:if>
</b:if>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-resul
ts=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='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canon
icalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen
ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can
onicalUrl'>
</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='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title
/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink
.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:ba
cklink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi
dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post
.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>
<div class='post hentry'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<div id='judul-post'>
var timestamp="<data:post.dateHeader/>";
if(timestamp!="") {
var timesplit=timestamp.split(",");
var date_dayname=timesplit[0];
var date_daymonyear=timesplit[1]};
</script>
<div class='bungkus-tanggal'>
<div class='setiap-hari'>
<span class='nama-hari'>
<script type='text/javascript'>document.write(date_dayname);</script>
</span>
<br/>
<span class='nama-bulan'>
<script type='text/javascript'>document.write(date_daymonyear);</script>
</span>
</div>
</div>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1></div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:
post.id'>
<b:if cond='data:post.isFirstPost'>
//<![CDATA[
function sompret_image_creator(image_url,post_title)
{
var image_size=260;
var show_default_thumbnail=true;
var default_thumbnail="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAA
ACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbna
il;
image_tag='<img src="'+image_url.replace('/s72-c/','/w'+image_size+'/')+'" alt="
'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<b:if cond='data:post.snippet'>
<div class='sompret-image'>
<a expr:href='data:post.url'>
document.write(sompret_image_creator("<data:post.thumbnailUrl/>",&quot
;<data:post.title/>"));
</script>
<div class='sompret-header'>
<data:post.title/>
</div>
<div class='sompret-footer'>
<data:post.timestamp/><br/>
<b:if cond='data:post.labels'>
<data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</div>
<div class='summary'>
<data:post.snippet/>
</div>
</a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<div style='clear: both;'/> 
</div>
<div class='postmeta'>
<img src='http://3.bp.blogspot.com/-gFOrLnXRujQ/UTCVcz35yOI/AAAAAAAAXcI/0-daL5E_
hZA/s1600/photo.jpg'/>
<h3 class='date-header'><span class='author'><a expr:href='data:
post.authorProfileUrl' rel='author' title='author profile'>
<span class='post-author vcard' itemprop='name'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span></a> </span><br/>
<span class='clock'> Posted on <data:post.dateHeader/> | <a clas
s='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abb
r class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/
></abbr></a> </span><br/><span class='komentar'><b:if cond='data:post.allowComme
nts'> With <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCom
mentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if con
d='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments
>= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h3><br/>
<span class='join'>Join Me On: <a href='http://www.facebook.com/you facebook' re
l='nofollow'>Facebook</a> | <a href='http://www.twitter.com/your twitter' rel='n
ofollow'>Twitter</a> | <a href='https://plus.google.com/your G+/' rel='nofollow'
>Google Plus</a></span>
<span style='float:right;font:italic 10px Arial, Sans-Serif;color:#111;'><a href
='http://www.kompiajaib.com/' target='_blank'>:: Thank you for visiting ! ::</a>
</span>
</div>


<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

(function() {
var po = document.createElement('script'); po.type = 'text/javascrip
t'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertB
efore(po, s);
})();
</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getEleme
ntById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/w
idgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script&quo
t;,"twitter-wjs");</script>
</b:if>


<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>

<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-rela
ted='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url
' href='https://twitter.com/share'>Tweet</a>
</div>

<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_co
unt' send='true' show_faces='false'/>
</div>

<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pint
erest.com/pin/create/button/?url=" + data:post.url'><img src='//assets.pint
erest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='button
Bookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:n
one;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
#pin-wrapper > a {background-image:none !important;}
</style>
</b:if>

</div>

<div id='related-posts'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "
?alt=json-in-script&callback=related_results_labels_thumbs&max-results=1
2"' type='text/javascript'/></b:if></b:loop>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="Related movie you might like to see :";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/></b:if>
<div class='post-footer'>
<div id='viewers'>
<span style='float:left;font:12px Oswald;text-transform:uppercase'>
<a expr:href='data:post.url'>View more</a>
</span>
</div>
</div>
</b:if></b:if>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'><data:newerPageTitle/></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='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'><data:olderPageTitle/></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>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:else/>
<b:if cond='data:blog.url != data:post.url'>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' tit
le='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:post.url' rel='boo
kmark' title='permanent link'><abbr class='published' expr:title='data:post.time
stampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<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.comme
ntLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:else/>
</b:if>
</b:if>
<b:else/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>
<b:if cond='data:mobileindex'>

<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>

<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:else/>
</b:if>
</b:if>
<b:else/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
</b:if>

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

<b:include name='feedLinks'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale": &
quot;<data:top.languageCode/>"});
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='"item-control " + data:comment.adminClass'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d
ata:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:
data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink
Url'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"
'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorCla
ss' 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:comme
nt.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comm
ent.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.oldestLink
Url'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo
mmentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularP
osts'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

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

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

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

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr
:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.t
itle/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='Recent Posts' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Comments' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clear'> </div>
<div id='carousel'>
<div class='judul'>Most Movie Watch</div>
<div id='previous_button'/>
<div id='next_button'/>
<div class='container'>
<ul>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results=&qu
ot;+numposts1+"&orderby=published&alt=json-in-script&callback=s
howrecentposts2\"><\/script>");
</script>
</ul><div class='clear'/>
</div>
</div>
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLit
e({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script> </b:if>
</div> 
</div></div> 
<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='Test Footer 2' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='HTML2' locked='false' title='Test Footer 1' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='HTML1' locked='false' title='Information' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='HTML7' locked='false' title='Other Blogs' type='HTML'>
</b:if>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-wid
get-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
</div>
<div class='creditpic'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='http://superblogpedia.blogspot.com/'>super blog pedia</a><br/>
Copyright © 2013. <a class='sitename' expr:href='data:blog.homepageUrl' exp
r: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> Publ
ished 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>
</body>
</HTML>

Kompi Wide

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Kompi Wide

Încărcat de

Drepturi de autor:

Formate disponibile

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

S-ar putea să vă placă și