temple blog

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

<!DOCTYPE html>

<HTML>

<head>

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

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

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

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if>



<meta expr:content='data:blog.metaDescription' name='description'/>

<meta content='Your Keywords Here' name='keywords'/>

<link href='http://fonts.googleapis.com/css?family=Bitter%7CBitter%7CDroid+Sans%7CDroid+Sans%7CPT+Sans+Narrow' rel='stylesheet'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: ExcluSive

Date: 11 28 2012

Updated by: satankMKR/Makmur

URL1: http://www.ivythemes.com

URL2: http://mkr-site.blogspot.com

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#fff" value="#777777">

<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#333333">

<Variable name="linkcolor" description="Link Color"

type="color" default="#58a" value="#5588aa">

<Variable name="pagetitlecolor" description="Blog Title Color"


<Variable name="descriptioncolor" description="Blog Description Color"


<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c60" value="#cc6600">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="sidebarcolor" description="Sidebar Title Color"


<Variable name="sidebartextcolor" description="Sidebar Text Color"


<Variable name="visitedlinkcolor" description="Visited Link Color"


<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif">

<Variable name="startSide" description="Side where text starts in bloglanguage"

type="automatic" default="left" value="left">

<Variable name="endSide" description="Side where text ends in blog language"

type="automatic" default="right" value="right">

*/

#navbar-iframe{display:none!important}

#Navbar1{position:absolute;left:-9999px}

header,nav,section,aside,article,footer{display:block}

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

body,.body-fauxcolumn-outer{background:white;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size

/* */:/**/

small;font-size:/**/

small;text-align:center}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

a:link{color:#505050;text-decoration:none}

a:visited{color:#999999;text-decoration:none}

a:hover{color:#000000;text-decoration:none}

a img{border-width:0}

a,img,#navnya ul.subnya{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid rgb(51,51,51);border-bottom:2px solid rgb(51,51,51);position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}

#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}

/* Header

-----------------------------------------------

*/

#header-wrapper{margin:0 auto 0;padding:10px;color:#494949}

#header{text-align:center;color:#666;margin:0;overflow:hidden;width:100%}

#header h1,#header p{margin:0;padding:5px 20px 0;line-height:1.2em}

#header a{color:#666666;text-decoration:none}

#header a:hover{color:#666666}

#header .description{margin:0;padding:0 20px 10px}

#header .titlewrapper .title{font-size:280%;text-transform:uppercase;text-shadow:0 1px 2px #949494}

#header .title a:hover{color:#000}

#header img{margin-left:auto;margin-right:auto}

/* Navigation

----------------------------------------------- */

#navnya{border-bottom:3px solid #525252}

#navnya ul{height:32px;margin:8px 0 0 0;padding:0 0 0 8px;background-color:#F1F1F1;border-top:1px solid #D8D8D8}

#navnya li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative}

#navnya li a{display:block;line-height:32px;text-decoration:none;color:#252525;padding:0 15px}

#navnya li a:hover{color:black}

#navnya ul.subnya{position:absolute;z-index:2;height:auto;width:150px;background:#F1F1F1;margin-top:0;padding-left:0;border-radius:0 0 2px 2px;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}

#navnya ul.subnya li{width:100%;border-top:1px solid #D1D1D1;border-bottom:1px solid white}

#navnya ul.subnya li:first-child{border-top:0}

#navnya ul.subnya li:last-child{border-bottom:0}

#navnya li.homex a{width:48px;height:40px;display:block;text-indent:-9999px;padding:0;margin-top:-8px;background-image:url(http://4.bp.blogspot.com/-72nUU7y5BTE/ULOLC33yUMI/AAAAAAAAG2s/IwK_sQlyBAI/s25/48_home.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#525252}

#navnya li.homex a:hover{background-color:black}

#navnya ul.subnya::after{content:"";display:block;width:100%;height:5px;position:absolute;background:#F1F1F1;top:-3px;left:0;z-index:2}

#navnya ul.subnya a:hover{padding-left:20px}

#navnya li:hover ul.subnya{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}

#navmobile{display:none}

/* Outer-Wrapper

----------------------------------------------- */

#outer-wrapper {

width:990px;

margin:0 auto;

padding:0;

text-align:left;

font:normal normal 11px Verdana, Geneva, sans-serif;

}

#main-wrapper{width:69%;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */

overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper{width:31%;float:right;word-wrap:break-word;/* fix forlong text breaking sidebar float in IE */

overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper h2{padding:5px;margin:0 0 8px;border-bottom:1px solid#C2C2C2}

#sidebar-wrapper .widget-content{padding:0;margin:0}

/* Headings

----------------------------------------------- */

h1,h2,h3,h4,h5,h6,#related_posts strong,#search-result-container li a,#header .titlewrapper .title{font-weight:normal;margin:0;font-family:"Bitter",arial,sans-serif}

/* Posts

-----------------------------------------------

*/

.date-header{margin:1.5em 0 .5em;display:none;}

.post{margin:0;position:relative}

.post h1,.post h2{margin:0;padding:0;font-weight:normal;line-height:1.4em}

.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;font-weight:normal}

.post-body{margin:0 0 .75em;line-height:1.6em;font-size:12px}

.post-body blockquote{font-style:italic;border-left:3px solid #555;margin:10px 10px 10px 20px;padding:0 0 0 10px;line-height:1.3em}

.post-footer{position:absolute;left:-9999px;margin:.75em 0;color:#999999;letter-spacing:.1em;line-height:1.4em}

.comment-link{margin-left:.6em}

.tr-caption-container img{border:none;padding:0}

.post blockquote{margin:1em 20px}

.post blockquote p{margin:.75em 0}

/* Comments

----------------------------------------------- */

#comments h4{margin:0;padding:5px 10px;font-size:160%;line-height:1.4em}

#comments-block{margin:1em 0 1.5em;line-height:1.6em}

#comments-block .comment-author{margin:.5em 0}

#comments-block .comment-body{margin:.25em 0 0}

#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;letter-spacing:.1em}

#comments-block .comment-body p{margin:0 0 .75em}

.deleted-comment{font-style:italic;color:gray}

#comments{padding:0 5px}

.comments .avatar-image-container,.comments .avatar-image-container img{width:45px;height:45px;max-width:45px;max-height:45px}

.comments .inline-thread .avatar-image-container,.comments .inline-thread .avatar-image-container img{width:35px;height:35px;max-width:35px;max-height:35px}

.comments .comment-block{margin-left:55px}

.comments .inline-thread .comment-block{margin-left:45px}

.comments .comments-content .comment:first-child,.comments .comments-content .comment,.comments .comments-content .comment:last-child{padding:8px;margin-bottom:5px;border:1px solid #E4E4E4;background:#FCFCFC}

.comments .comments-content .inline-thread .comment:first-child,.comments .comments-content .inline-thread .comment,.comments .comments-content .inline-thread .comment:last-child{border:0;padding:3px;margin-bottom:0}

.comments .comments-content .inline-thread .comment:first-child{margin-top:10px}

.comments .inline-thread .comment-block{margin-left:45px;padding:5px;border:1px solid #DDD;background:#F7F7F7}

.comments .inline-thread .comment-block::before{content:"";width:0;height:0;border-width:5px 7px;border-style:solid;border-color:transparent #FCFCFC transparent transparent;position:absolute;top:8px;left:-14px;z-index:2}

.comments .inline-thread .comment-block::after{content:"";width:0;height:0;border-width:6px 8px;border-style:solid;border-color:transparent #DDD transparent transparent;position:absolute;top:7px;left:-17px}

.comments .comments-content .inline-thread{padding:0}

.comments .comments-content .comment-replies{margin-left:50px;margin-top:1em}

.comments .comments-content .icon.blog-author{display:block;width:36px;height:36px;position:absolute;right:-10px;top:-10px;background-image:url(http://2.bp.blogspot.com/-

ceH5QuNaYT4/UK-ianEBVAI/AAAAAAAAG14/8D-oU9jEgBQ/s1600/author.png);background-position:0 0;background-repeat:no-repeat}

.comments .comments-content .inline-thread .icon.blog-author{top:-2px;right:-2px}

.comments .comments-content .user{display:inline-block;float:left}

.comment-form{max-width:100%}

#blog-pager-newer-link{float:left}

#blog-pager-older-link{float:right}

#blog-pager{text-align:center}

.feed-links{display:none}

/* Sidebar Content

----------------------------------------------- */

.sidebar{color:#666666;line-height:1.5em}

.sidebar ul{list-style:none;margin:0 0 0;padding:0 0 0}

.sidebar li{margin:0;padding:0;line-height:1.5em}

.sidebar .widget,.main .widget{margin:0;padding:0}

.main .Blog{border-bottom-width:0}

/* Profile

----------------------------------------------- */

.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}

.profile-data{margin:0;letter-spacing:.1em;color:#999999;font-weight:bold;line-height:1.6em}

.profile-datablock{margin:.5em 0 .5em}

.profile-textblock{margin:0.5em 0;line-height:1.6em}

.profile-link{letter-spacing:.1em}

/* Footer

----------------------------------------------- */

#footer{width:auto;clear:both;margin:0 auto;padding:2%;color:white;background-color:black;text-transform:uppercase;letter-spacing:.1em;text-align:center;display:block}

img{max-width:100%;height:auto;width:auto\9}

.tab-widget-menu ul,.tab-widget-menu li{margin:0;padding:0;list-style:none}

img:hover{-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5}

#copyrightx{text-align:center;padding:10px 0 5px;border:1px solid #DDD;border-bottom:0;background:#F8F8F8}

]]></b:skin>

<style type='text/css'>

#main-wrapper{padding:10px 10px 10px 0}

#sidebar-wrapper{padding:10px 0 0 0}

.post-body h1{font-size:180%}






#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}

#cboxOverlay{position:fixed;width:100%;height:100%}

#cboxMiddleLeft,#cboxBottomLeft{clear:left}

#cboxContent{position:relative}

#cboxLoadedContent{overflow:auto}

#cboxTitle{margin:0}

#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}

.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none}

.cboxIframe{width:100%;height:100%;display:block;border:0}

#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box}

#cboxOverlay{background:#000}

#colorbox{}

#cboxTopLeft{width:14px;height:14px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) no-repeat 0 0}

#cboxTopCenter{height:14px;background:url(http://3.bp.blogspot.com/-5aOzBwjD00I/UKyByYyFTRI/AAAAAAAAGyQ/nauv7xG8wOA/s1600/border.png) repeat-x top left}

#cboxTopRight{width:14px;height:14px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) no-repeat -36px 0}

#cboxBottomLeft{width:14px;height:43px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) no-repeat 0 -32px}

#cboxBottomCenter{height:43px;background:url(http://3.bp.blogspot.com/-5aOzBwjD00I/UKyByYyFTRI/AAAAAAAAGyQ/nauv7xG8wOA/s1600/border.png) repeat-x bottom left}

#cboxBottomRight{width:14px;height:43px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) no-repeat -36px -32px}

#cboxMiddleLeft{width:14px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) repeat-y -175px 0}

#cboxMiddleRight{width:14px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) repeat-y -211px 0}

#cboxContent{background:#fff;overflow:visible}

.cboxIframe{background:#fff}

#cboxError{padding:50px;border:1px solid #ccc}

#cboxLoadedContent{margin-bottom:5px}

#cboxLoadingOverlay{background:url(http://4.bp.blogspot.com/-YUhrwgJlEr0/UKyB1bW5gvI/AAAAAAAAGyo/iL3XkVWz6eQ/s1600/loading_background.png) no-repeat center center}

#cboxLoadingGraphic{background:url(http://2.bp.blogspot.com/-QgCIUE4ery4/UKyB0TZpnmI/AAAAAAAAGyg/oKhQzv4eZ5Q/s1600/loading.gif) no-repeat center center}

#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}

#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(http://2.bp.blogspot.com/-vbdAP8-6cWg/UKyBzWPsHdI/AAAAAAAAGyY/UZAOafqh9Mc/s1600/controls.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px}

#cboxPrevious{left:0;background-position:-51px -25px}

#cboxPrevious:hover{background-position:-51px 0}

#cboxNext{left:27px;background-position:-75px -25px}

#cboxNext:hover{background-position:-75px 0}

#cboxClose{right:0;background-position:-100px -25px}

#cboxClose:hover{background-position:-100px 0}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px}

.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0}

.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}

.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0}

#mainisi,#maintop,.sidebar .widget{border:1px solid lightGrey;background:#F8F8F8;padding:5px}

.sidebar .widget{margin-bottom:10px}

.post h2.post-title,.post h1.post-title{padding:5px 0;font-size:180%}

#maintop .popular-posts ul,#maintop .popular-posts li,#maintop .PopularPosts .item-thumbnail,#maintop .PopularPosts img,#maintop .PopularPosts .item-thumbnail a{padding:0;margin:0;list-style:none;display:block}

#maintop .PopularPosts .item-title,#maintop .PopularPosts .item-snippet{position:absolute;left:-9999px}

#maintop .PopularPosts .item-thumbnail a{width:118px;height:118px;padding:2px}

#maintop .PopularPosts img{border:1px solid #D1D1D1;margin-right:0;padding:5px;width:100%}

#maintop{overflow:hidden;margin-bottom:10px;position:relative}

#maintop .popular-posts li{display:inline-block;float:left;width:118px;height:118px}

.wrapper{height:119px;overflow:hidden;width:590px;margin:0 auto}

#maintop1 h2{text-align:center;padding:0 0 5px;border-bottom:1px solid#C2C2C2;margin-bottom:6px}

.arrow{position:absolute;top:72px;display:block;height:41px;width:20px;background-image:url(http://3.bp.blogspot.com/-G23oP0clP4s/UK2uYNdHnFI/AAAAAAAAG0Q/uOGxi0L3yrY/w40/nav.png);background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}

.back{left:10px;background-position:0 -1px}

.back:hover{background-position:0 -41px}

.forward{right:10px;background-position:-19px -1px}

.forward:hover{background-position:-19px -41px}

#midside h2{position:absolute;left:-9999px}

#rcentpost li,#rcentcomnets li{border:1px solid #DDD;border-bottom:0;background:#FCFCFC;padding:5px;overflow:hidden;height:82px}

.contxisi{font-size:95%;line-height:13px}

#rcentpost li:last-child,#rcentcomnets li:last-child{border-bottom:1pxsolid #DDD}

#rcentpost .thumbp,#rcentcomnets li .kmtimg{float:left;margin-right:5px}

#rcentpost .thumbp a,#rcentcomnets li .kmtimg a{display:block;width:70px;height:70px}

#rcentpost .thumbp img,#rcentcomnets li .kmtimg img{width:100%;height:100%}

.titlexp h4,.ketkomt a{font-size:130%;line-height:17px}

.ketkomt a{font-family:"Bitter",arial,sans-serif}

.tab-widget-menu li{display:inline-block;float:left;width:31.3%;text-align:center;height:28px;line-height:29px;position:relative;border:1pxsolid lightGrey;background:white;z-index:2;bottom:-1px;cursor:pointer}

.tab-widget-menu li.tab2{margin:0 3%}

.tab-widget-menu li.selected,.tab-widget-menu li:hover{background:#F8F8F8}

.tab-widget-menu li.selected{border-bottom:0}

#rcentpost,#rcentcomnets{min-height:100px;background-image:url(http://4.bp.blogspot.com/-h0CltuAVwSs/UK3GfMM7EOI/AAAAAAAAG1E/51IsS_L6Ap8/s1600/download.gif);background-repeat:no-repeat;background-position:50% 50%}

.ketkomt span{display:block;float:left;width:206px;font-size:95%;line-height:14px}

#rcentpost ul,#rcentcomnets ul{height:410px;overflow:hidden;border-bottom:1px solid #DDD}

#rcentpost .spyWrapper{height:100%;overflow:hidden;position:relative}

.tab-widget-menu li a{display:block}

.Label li{display:inline-block;padding:5px 8px;float:left;border:1px solid #BEBEBE;margin:0 2px 2px 0;background:white}

.Label .widget-content{overflow:hidden}

#rightnav{float:right}

a.soicon{display:inline-block;float:left;margin-right:10px;height:24px;line-height:24px;padding-left:22px;background-image:url(http://4.bp.blogspot.com/-xle7tRvibpc/UIecojbG6kI/AAAAAAAACw0/lvzIR05C3tI/s1600/socialicons.png);background-position:0 -6px;background-repeat:no-repeat;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;-ms-transition:color .4s ease-in-out;transition:color .4s ease-in-out}

a.facebookx{background-position:0 -6px}

a.facebookx:hover{background-position:0 -150px}

a.twitterx{background-position:0 -79px}

a.twitterx:hover{background-position:0 -223px}

a.googlex{background-position:0 -43px}

a.googlex:hover{background-position:0 -187px}

a.rssx{background-position:0 -115px}

a.rssx:hover{background-position:0 -259px}

#leftnav{float:left}

#search-form-feed{padding:0;width:180px;position:relative;height:25px}

#feed-q-input{display:block;width:100%;height:25px;border:1px solid #B4B4B4;color:#838383;margin:0;font-size:9px;padding-left:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;background:white}

#feed-q-input:focus{color:#333;outline:none}

#search-result-container{width:300px;height:500px;overflow:auto;position:absolute;z-index:9999;padding:10px;left:0;margin:0;top:42px;display:none;font-size:11px;background:white;text-transform:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-o-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25)}

#search-result-container li{margin:0;padding:7px 8px;list-style:none;overflow:hidden;word-wrap:break-word;font:normal normal 10px Verdana,Geneva,sans-serif;color:#141414;background-color:white;text-transform:none}

#search-result-container li a{text-decoration:none;font-weight:bold;font-size:11px;display:block;line-height:12px;text-

shadow:none;border:none;background-image:none;padding:0;font-weight:bold;text-transform:capitalize}

#search-result-container li:last-child{border-bottom:0}

#search-result-container li:nth-child(even){background-color:#F0F0F0}

#search-result-container mark{background-color:black;color:white}

#search-result-container h4{margin:0 0 10px;font:normal bold 12px 'Trebuchet MS',Arial,Sans-Serif;color:black}

#search-result-container ol{border:1px dotted #B8B8B8;margin:0 0 10px;padding:0 0;overflow:hidden}

#search-result-container li img{display:block;float:left;margin:0 5px 1px 0;background-color:whiteSmoke;padding:0}

#search-result-loader{top:100%;position:absolute;z-index:999;width:60px;color:#535353;padding:3px 5px;margin:0;overflow:hidden;font:normal bold 10px Arial,Sans-Serif;display:none;text-transform:capitalize}

@media only screen and (min-width:768px) and (max-width:989px){

#outer-wrapper{width:754px}

#main-wrapper{width:62%}

#sidebar-wrapper{width:38%}

.wrapper{width:355px}

.ketkomt span{width:180px}

.titlexp h4{max-height:34px;overflow:hidden}

}

@media only screen and (max-width:767px){


#main-wrapper,#sidebar-wrapper{float:none;width:100%;padding:10px 0}


#leftnav{float:none;width:180px;margin:0 auto}

#rightnav{float:none;width:294px;margin:10px auto 0}

#header .titlewrapper .title{font-size:220%}


#navnya{display:none}

#navmobile{display:block}

.namobi{display:block;width:70px;height:30px;line-height:30px;text-align:center;border:1px solid #131313;color:white;background:#363636;cursor:pointer;font-size:15px;font-family:"Bitter",arial,sans-serif}

#navmobile ul{display:none}

#navmobile ul,#navmobile li{padding:0;margin:0;list-style:none}

#navmobile li a{line-height:30px;height:30px;padding:0 10px;display:block;border:1px solid #CFCFCF;background:#F1F1F1}

#navmobile li{margin:3px 0;position:relative}

#navmobile ul.subnya a{padding-left:20px;background:#FAFAFA}

#navmobile li a:hover{background:#DFDFDF}

#navmobile li.dgsub::after{content:"";width:0;height:0;border-width:10px 4px;border-style:solid;border-color:#7E7E7E transparent transparent transparent;position:absolute;top:10px;right:11px}

#copyrightx{font-size:9px}

}





}

</style>

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

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


.post{padding:0;background:#FCFCFC;border:1px solid #DDD;margin-bottom:8px}

a.thumbx{display:block;float:left;margin-right:10px;width:150px;height:150px}

a.thumbx img{display:block;width:100%;height:100%}

.post-body{margin:0}

.post-body p{font-size:110%}

.post-author.vcard,.d-header{display:inline-block;margin-right:10px}

.infox{padding-bottom:5px;float:left;width:490px;border-bottom:1px solid #C9C9C9;margin-bottom:10px}

#blog-pager a{display:block;padding:5px 10px}

#blog-pager a.blog-pager-older-link{padding-right:20px;background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-position:95%50%;background-repeat:no-repeat}

#blog-pager a.blog-pager-newer-link{padding-left:20px;background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-position:5% 50%;background-repeat:no-repeat}


.post{max-height:152px;overflow:hidden}

.infox{width:275px}

.post-title.entry-title{max-height:64px;overflow:hidden}

}


.post{max-height:152px;overflow:hidden}

.infox{width:260px}

.post h2.post-title{max-height:64px;overflow:hidden}

}


.post{width:50%;float:left;height:205px;max-height:205px;border:0;padding:5px}

a.thumbx{width:100%;margin:0}

.post h2.post-title{float:left;font-size:140%;max-height:50px;width:100%}

.infox{position:absolute;left:-9999px;border:0}

.blog-posts.hfeed{overflow:hidden}

.post-body p{position:absolute;left:-9999px}

}

</style>

<b:else/>


ul#social-ikonzs li{float:left;position:relative;list-style:none}

#social-ikonzs a{width:19px;height:20px;display:block;margin:0 3px;background-image:url(http://3.bp.blogspot.com/-GnsWJY-Hblo/UIbck16

A3BI/AAAAAAAAGJM/qdog-XGwwQE/h20/sprite+images.png);background-position:0 0;background-repeat:no-repeat}

ul#social-ikonzs li.facebookx a{background-position:-19px 0}

ul#social-ikonzs li.twitterx a{background-position:-116px 0}

ul#social-ikonzs li.googlex a{background-position:-39px 0}

ul#social-ikonzs li.stumbleuponx a{background-position:-97px 0}

ul#social-ikonzs li.diggx a{background-position:0 0}

ul#social-ikonzs li.deliciousx a{background-position:-136px 0}

ul#social-ikonzs li.linkedinx a{background-position:-58px 0}

ul#social-ikonzs li.redditx a{background-position:-78px 0}

ul#social-ikonzs li.technoratix a{background-position:-155px 0}

#social-ikonzs strong{display:block;width:auto;padding:4px 7px;position:absolute;background-color:#6D6D6D;color:white;left:200%;bottom:40px;-webkit-transition:all0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}

#social-ikonzs li:hover strong{left:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}

.ikonz-social{height:32px;position:absolute;bottom:0;left:0}

.ikonz-social span{float:left;font-size:150%;padding:0 5px;line-height:32px;height:32px;margin-right:5px}

ul#social-ikonzs{float:left;margin:7px 0 0;padding:0}

.post h1.post-title{margin-top:15px;margin-bottom:8px}

.breadcrumbs{font-size:85%;border-bottom:1px solid #BEBEBE;padding-bottom:5px}

.infox{position:absolute;float:right;padding:5px 8px;margin-bottom:5px;border:1px solid lightGrey;border-right:0;right:0;top:20px}

.post-author.vcard,.d-header{display:inline-block}

.post{padding-bottom:25px;border-bottom:1px solid #C9C9C9}

.pager-isi{background:white}

.pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%}

.pager-isi h6{color:#575757;font-size:105%;font-weight:bold}

a.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}

a.blog-pager-older-link{background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}

.pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}

.pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}

.post-body{margin:0 5px 15px}

#related_posts{overflow:hidden;border-top:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9}

#related_posts h4{padding:5px 0;text-align:center;font-size:160%;border-bottom:1px solid #C9C9C9}

#related_posts ul,#related_posts li{padding:0;margin:0;list-style:none}

#related_posts li{width:50%;display:inline-block;float:left;padding:5px 0}

#related_posts span{display:block;width:80px;height:80px;margin-right:5px;float:left;padding:3px;border:1px solid #DFDFDF}

#related_posts img{width:100%;height:100%}

#related_posts strong{line-height:1.6em;font-size:140%}

#related_posts span.lding{border:0;line-height:80px;width:80px;height:80px;margin:0 auto;float:none;text-indent:-9999px;background-image:url(http://4.bp.blogspot.com/-h0CltuAVwSs/UK3GfMM7EOI/AAAAAAAAG1E/51IsS_L6Ap8/s1600/download.gif);background-repeat:no-repeat;background-position:50% 50%}


.infox{left:-9999px;border:0}

#blog-pager{margin:0}

.post h1.post-title{margin-top:0}

.pager-isi a,.pager-isi .linkgrey{width:100%}

a.blog-pager-older-link{padding-right:30px}

a.blog-pager-newer-link{padding-left:30px}

}


.infox{left:-9999px;border:0}

.post h1.post-title{margin-top:0}

#blog-pager{margin:0}

.pager-isi a,.pager-isi .linkgrey{width:100%}

a.blog-pager-older-link{padding-right:30px}

a.blog-pager-newer-link{padding-left:30px}

#related_posts li{width:100%}

}

</style>

</b:if>

<b:else/>


.post-body {margin: 0 5px 10px;}

</style>

</b:if>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

var numpostx = 10,

thumbSize = 70,

contjumlah = 100,

pBlank = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",

animatedRecentPost = true,

limitspy = 5,

intervalspy = 2500,

tickspeed = 1000;

$(document).ready(function(){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results="+numpostx+"",type:"get",dataType:"jsonp",success:function(d){var f,g,a;var b='<ul class="spyx">';for(var e=0;e<d.feed.entry.length;e++){var h=d.feed.entry[e];for(var c=0;c<h.link.length;c++){if(h.link[c].rel=="alternate"){f=h.link[c].href;break}}if("content" in h){g=h.content.$t}else{if("summary" in h){g=h.summary.$t}else{g=""}}if("media$thumbnail" in h){postimg=h.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+thumbSize+"-c")}else{postimg=pBlank}var k=/<\S[^>]*>/g;g=g.replace(k,"");if(g.length>contjumlah){g=g.substring(0,contjumlah)+"..."}a=h.title.$t;b+='<li><div class="thumbp"><a href="'+f+'" target="_blank"><img alt="'+a+'"src="'+postimg+'"/></a></div><div class="titlexp"><h4><a href="'+f+'" target="_blank">'+a+'</a></h4></div><div class="contxisi">'+g+"</div></li>"}b+="</ul>";document.getElementById("rcentpost").innerHTML=b;(function(i){i.fn.newsTicker=function(l,j,m){l=limitspy||4;j=intervalspy||1000;m=tickspeed||400;return this.each(function(){var q=i(this),o=q.children();var p=function(){q.find("li:last").hide().prependTo(q).slideDown(m)},n=setInterval(p,j);q.css({height:o.outerHeight()*l,overflow:"hidden"}).hover(function(){clearInterval(n)},function(){n=setInterval(p,j)})})};if(animatedRecentPost){i(".spyx").newsTicker(limitspy,intervalspy,tickspeed)}i(window).load(function(){i(".spyx img").each(function(l){var j=i(this);setTimeout(function(){j.fadeIn(400)},400*(l+1))})})})(jQuery)}})});

//]]>

</script>


//<![CDATA[

r=i(this),p=r.children();var q=function(){r.find("li:last").hide().prependTo(r).slideDown(n)},o=setInterval(q,k);r.css({height:p.outerHeight()*m,overflow:"hidden"}).hover(function(){clearInterval(o)},function(){o=setInterval(q,k)})})};if(animatedRcomments){i(".spyrc").newsTickerrc(limitspyrc,intervalspyrc,tickspeedrc)}i(window).load(function(){i(".spyrc img").each(function(m){var k=i(this);setTimeout(function(){k.fadeIn(400)},400*(m+1))})})})(jQuery)}})});

//]]>

</script>


//<![CDATA[

// ColorBox v1.3.20 - jQuery lightbox plugin

// (c) 2012 Jack Moore - jacklmoore.com

// License: http://www.opensource.org/licenses/mit-license.php

(function(e,t,n){function G(n,r,i){var o=t.createElement(n);return r&&(o.id=s+r),i&&(o.style.cssText=i),e(o)}function Y(e){var t=T.length,n=(U+e)%t;return n<0?t+n:n}function Z(e,t){return Math.round((/%/.test(e)?(t==="x"?N.width():N.height())/100:1)*parseInt(e,10))}function et(e){return B.photo||/\.(gif|png|jp(e|g|eg)|bmp|ico)((#|\?).*)?$/i.test(e)}function tt(){var t,n=e.data(R,i);n==null?(B=e.extend({},r),console&&console.log&&console.log("Error: cboxElement missing settings object")):B=e.extend({},n);for(t in B)e.isFunction(B[t])&&t.slice(0,2)!=="on"&&(B[t]=B[t].call(R));B.rel=B.rel||R.rel||"nofollow",B.href=B.href||e(R).attr("href"),B.title=B.title||R.title,typeof B.href=="string"&&(B.href=e.trim(B.href))}function nt(t,n){e.event.trigger(t),n&&n.call(R)}function rt(){var e,t=s+"Slideshow_",n="click."+s,r,i,o;B.slideshow&&T[1]?(r=function(){M.text(B.slideshowStop).unbind(n).bind(f,function(){if(B.loop||T[U+1])e=setTimeout(J.next,B.slideshowSpeed)}).bind(a,function(){clearTimeout(e)}).one(n+"

"+l,i),g.removeClass(t+"off").addClass(t+"on"),e=setTimeout(J.next,B.slideshowSpeed)},i=function(){clearTimeout(e),M.text(B.slideshowStart).unbind([f,a,l,n].join(" ")).one(n,function(){J.next(),r()}),g.removeClass(t+"on").addClass(t+"off")},B.slideshowAuto?r():i()):g.removeClass(t+"off "+t+"on")}function it(t){V||(R=t,tt(),T=e(R),U=0,B.rel!=="nofollow"&&(T=e("."+o).filter(function(){var t=e.data(this,i),n;return t&&(n=t.rel||this.rel),n===B.rel}),U=T.index(R),U===-1&&(T=T.add(R),U=T.length-1)),W||(W=X=!0,g.show(),B.returnFocus&&e(R).blur().one(c,function(){e(this).focus()}),m.css({opacity:+B.opacity,cursor:B.overlayClose?"pointer":"auto"}).show(),B.w=Z(B.initialWidth,"x"),B.h=Z(B.initialHeight,"y"),J.position(),d&&N.bind("resize."+v+" scroll."+v,function(){m.css({width:N.width(),height:N.height(),top:N.scrollTop(),left:N.scrollLeft()})}).trigger("resize."+v),nt(u,B.onOpen),H.add(A).hide(),P.html(B.close).show()),J.load(!0))}function st(){!g&&t.body&&(Q=!1,N=e(n),g=G(K).attr({id:i,"class":p?s+(d?"IE6":"IE"):""}).hide(),m=G(K,"Overlay",d?"position:absolute":"").hide(),y=G(K,"Wrapper"),b=G(K,"Content").append(C=G(K,"LoadedContent","width:0; height:0; overflow:hidden"),L=G(K,"LoadingOverlay").add(G(K,"LoadingGraphic")),A=G(K,"Title"),O=G(K,"Current"),_=G(K,"Next"),D=G(K,"Previous"),M=G(K,"Slideshow").bind(u,rt),P=G(K,"Close")),y.append(G(K).append(G(K,"TopLeft"),w=G(K,"TopCenter"),G(K,"TopRight")),G(K,!1,"clear:left").append(E=G(K,"MiddleLeft"),b,S=G(K,"MiddleRight")),G(K,!1,"clear:left").append(G(K,"BottomLeft"),x=G(K,"BottomCenter"),G(K,"BottomRight"))).find("div div").css({"float":"left"}),k=G(K,!1,"position:absolute; width:9999px; visibility:hidden; display:none"),H=_.add(D).add(O).add(M),e(t.body).append(m,g.append(y,k)))}function ot(){return g?(Q||(Q=!0,j=w.height()+x.height()+b.outerHeight(!0)-b.height(),F=E.width()+S.width()+b.outerWidth(!0)-b.width(),I=C.outerHeight(!0),q=C.outerWidth(!0),g.css({"padding-bottom":j,"padding-right":F}),_.click(function(){J.next()}),D.click(function(){J.prev()}),P.click(function(){J.close()}),m.click(function()

{B.overlayClose&&J.close()}),e(t).bind("keydown."+s,function(e){var t=e.keyCode;W&&B.escKey&&t===27&&(e.preventDefault(),J.close()),W&&B.arrowKey&&T[1]&&(t===37?(e.preventDefault(),D.click()):t===39&&(e.preventDefault(),_.click()))}),e("."+o,t).live("click",function(e){e.which>1||e.shiftKey||e.altKey||e.metaKey||(e.preventDefault(),it(this))})),!0):!1}var r={transition:"elastic",speed:300,width:!1,initialWidth:"600",innerWidth:!1,maxWidth:!1,height:!1,initialHeight:"450",innerHeight:!1,maxHeight:!1,scalePhotos:!0,scrolling:!0,inline:!1,html:!1,iframe:!1,fastIframe:!0,photo:!1,href:!1,title:!1,rel:!1,opacity:.9,preloading:!0,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",xhrError:"This content failed to load.",imgError:"This image failed to load.",open:!1,returnFocus:!0,reposition:!0,loop:!0,slideshow:!1,slideshowAuto:!0,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:!1,onLoad:!1,onComplete:!1,onCleanup:!1,onClosed:!1,overlayClose:!0,escKey:!0,arrowKey:!0,top:!1,bottom:!1,left:!1,right:!1,fixed:!1,data:undefined},i="colorbox",s="cbox",o=s+"Element",u=s+"_open",a=s+"_load",f=s+"_complete",l=s+"_cleanup",c=s+"_closed",h=s+"_purge",p=!e.support.opacity&&!e.support.style,d=p&&!n.XMLHttpRequest,v=s+"_IE6",m,g,y,b,w,E,S,x,T,N,C,k,L,A,O,M,_,D,P,H,B,j,F,I,q,R,U,z,W,X,V,$,J,K="div",Q;if(e.colorbox)return;e(st),J=e.fn[i]=e[i]=function(t,n){var s=this;t=t||{},st();if(ot()){if(!s[0]){if(s.selector)return s;s=e("<a/>"),t.open=!0}n&&(t.onComplete=n),s.each(function(){e.data(this,i,e.extend({},e.data(this,i)||r,t))}).addClass(o),(e.isFunction(t.open)&&t.open.call(s)||t.open)&&it(s[0])}return s},J.position=function(e,t){function f(e){w[0].style.width=x[0].style.width=b[0].style.width=e.style.width,b[0].style.height=E[0].style.height=S[0].style.height=e.style.height}var n,r=0,i=0,o=g.offset(),u,a;N.unbind("resize."+s),g.css({top:-9e4,left:-9e4}),u=N.scrollTop(),a=N.scrollLeft(),B.fixed&&!d?(o.top-=u,o.left-=a,g.css({position:"fixed"})):(r=u,i=a,g.css({position:"absolute"})),B.right!==!1?i+=Math.max(N.width()-B.w-q-F-Z(B.right,"x"),0):B.left!==!1?

i+=Z(B.left,"x"):i+=Math.round(Math.max(N.width()-B.w-q-F,0)/2),B.bottom!==!1?r+=Math.max(N.height()-B.h-I-j-Z(B.bottom,"y"),0):B.top!==!1?r+=Z(B.top,"y"):r+=Math.round(Math.max(N.height()-B.h-I-j,0)/2),g.css({top:o.top,left:o.left}),e=g.width()===B.w+q&&g.height()===B.h+I?0:e||0,y[0].style.width=y[0].style.height="9999px",n={width:B.w+q,height:B.h+I,top:r,left:i},e===0&&g.css(n),g.dequeue().animate(n,{duration:e,complete:function(){f(this),X=!1,y[0].style.width=B.w+q+F+"px",y[0].style.height=B.h+I+j+"px",B.reposition&&setTimeout(function(){N.bind("resize."+s,J.position)},1),t&&t()},step:function(){f(this)}})},J.resize=function(e){W&&(e=e||{},e.width&&(B.w=Z(e.width,"x")-q-F),e.innerWidth&&(B.w=Z(e.innerWidth,"x")),C.css({width:B.w}),e.height&&(B.h=Z(e.height,"y")-I-j),e.innerHeight&&(B.h=Z(e.innerHeight,"y")),!e.innerHeight&&!e.height&&(C.css({height:"auto"}),B.h=C.height()),C.css({height:B.h}),J.position(B.transition==="none"?0:B.speed))},J.prep=function(t){function o(){return B.w=B.w||C.width(),B.w=B.mw&&B.mw<B.w?B.mw:B.w,B.w}function u(){return B.h=B.h||C.height(),B.h=B.mh&&B.mh<B.h?B.mh:B.h,B.h}if(!W)return;var n,r=B.transition==="none"?0:B.speed;C.remove(),C=G(K,"LoadedContent").append(t),C.hide().appendTo(k.show()).css({width:o(),overflow:B.scrolling?"auto":"hidden"}).css({height:u()}).prependTo(b),k.hide(),e(z).css({"float":"none"}),d&&e("select").not(g.find("select")).filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one(l,function(){this.style.visibility="inherit"}),n=function(){function y(){p&&g[0].style.removeAttribute("filter")}var t,n,o=T.length,u,a="frameBorder",l="allowTransparency",c,d,v,m;if(!W)return;c=function(){clearTimeout($),L.hide(),nt(f,B.onComplete)},p&&z&&C.fadeIn(100),A.html(B.title).add(C).show();if(o>1){typeof B.current=="string"&&O.html(B.current.replace("{current}",U+1).replace("{total}",o)).show(),_[B.loop||U<o-1?"show":"hide"]

().html(B.next),D[B.loop||U?"show":"hide"]().html(B.previous),B.slideshow&&M.show();if(B.preloading){t=[Y(-1),Y(1)];while(n=T[t.pop()])m=e.data(n,i),m&&m.href?(d=m.href,e.isFunction(d)&&(d=d.call(n))):d=n.href,et(d)&&(v=new Image,v.src=d)}}else H.hide();B.iframe?(u=G("iframe")[0],a in u&&(u[a]=0),l in u&&(u[l]="true"),u.name=s+ +(new Date),B.fastIframe?c():e(u).one("load",c),u.src=B.href,B.scrolling||(u.scrolling="no"),e(u).addClass(s+"Iframe").appendTo(C).one(h,function(){u.src="//about:blank"})):c(),B.transition==="fade"?g.fadeTo(r,1,y):y()},B.transition==="fade"?g.fadeTo(r,0,function(){J.position(0,n)}):J.position(r,n)},J.load=function(t){var n,r,i=J.prep;X=!0,z=!1,R=T[U],t||tt(),nt(h),nt(a,B.onLoad),B.h=B.height?Z(B.height,"y")-I-j:B.innerHeight&&Z(B.innerHeight,"y"),B.w=B.width?Z(B.width,"x")-q-F:B.innerWidth&&Z(B.innerWidth,"x"),B.mw=B.w,B.mh=B.h,B.maxWidth&&(B.mw=Z(B.maxWidth,"x")-q-F,B.mw=B.w&&B.w<B.mw?B.w:B.mw),B.maxHeight&&(B.mh=Z(B.maxHeight,"y")-I-j,B.mh=B.h&&B.h<B.mh?B.h:B.mh),n=B.href,$=setTimeout(function(){L.show()},100),B.inline?(G(K).hide().insertBefore(e(n)[0]).one(h,function(){e(this).replaceWith(C.children())}),i(e(n))):B.iframe?i(" "):B.html?i(B.html):et(n)?(e(z=new Image).addClass(s+"Photo").error(function(){B.title=!1,i(G(K,"Error").html(B.imgError))}).load(function(){var e;z.onload=null,B.scalePhotos&&(r=function(){z.height-=z.height*e,z.width-=z.width*e},B.mw&&z.width>B.mw&&(e=(z.width-B.mw)/z.width,r()),B.mh&&z.height>B.mh&&(e=(z.height-B.mh)/z.height,r())),B.h&&(z.style.marginTop=Math.max(B.h-z.height,0)/2+"px"),T[1]&&(B.loop||T[U+1])&&(z.style.cursor="pointer",z.onclick=function(){J.next()}),p&&(z.style.msInterpolationMode="bicubic"),setTimeout(function(){i(z)},1)}),setTimeout(function(){z.src=n},1)):n&&k.load(n,B.data,function(t,n,r){i(n==="error"?G(K,"Error").html(B.xhrError):e(this).contents())})},J.next=function(){!X&&T[1]&&(B.loop||T[U+1])&&(U=Y(1),J.load())},J.prev=function(){!X&&T[1]&&(B.loop||U)&&(U=Y(-1),J.load())},J.close=function(){W&&!V&&(V=!0,W=!1,nt(l,B.onCleanup),N.unbind("."+s+" ."+v),m.fadeTo(200,0),g.stop().fa

deTo(300,0,function(){g.add(m).css({opacity:1,cursor:"auto"}).hide(),nt(h),C.remove(),setTimeout(function(){V=!1,nt(c,B.onClosed)},1)}))},J.remove=function(){e([]).add(g).add(m).remove(),g=null,e("."+o).removeData(i).removeClass(o).die()},J.element=function(){return e(R)},J.settings=r})(jQuery,document,this);

//]]>

</script>

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


//<![CDATA[

/* Related Posts Widget for Google Blogger v2.0

Blog : http://www.moretechtips.net

Project: http://code.google.com/p/blogger-related-posts

Copyright 2009 [[email protected]]

Licensed under the Apache License, Version 2.0

(the "License"); you may not use this file except in compliance with the License.

You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

*/

(function(c){c.fn.relatedPostsWidget=function(s){if(!this.size())return this;s=c.extend({},c.fn.relatedPostsWidget.defaults,s);return this.each(function(){var k=c(this),z=0,g=null,p=null,t=0,q=0,l=-1,n=-1,u=-1,r=null,v=0,w=null,A="",b=s,F=function(){if(!((l+1)*b.show_n>=q&&!b.animate_loop))if(!v){c("li",g).eq(n).fadeOut(b.exit_time,B);b.show_n>1&&c("li",g).slice(n+1,u).fadeOut(b.exit_time)}},B=function(){if(g.parent().size()){l+

+;if(l*b.show_n>=q)l=0;n=l*b.show_n;u=(l+1)*b.show_n;c("li",g).eq(n).animate(r,

b.enter_time,"linear",C);b.show_n>1&&c("li",g).slice(n+1,u).animate(r,b.enter_time)}},C=function(){w&&clearTimeout(w);w=setTimeout(F,b.stay_time)},G=function(){r={};r[b.animate]="show";g.bind("mouseenter",function(){v=1}).bind("mouseleave",function(){v=0;C()});B()},x=function(){if(!(t||!g)){b.loading_class&&g.removeClass(b.loading_class);b.max_posts&&b.tags.length&&c("li:gt("+(b.max_posts-1)+")",g).remove();q=c("li",g).size();b.tags.length&&b.timeout&&b.max_posts&&c("img",g).each(function(){var d=

c(this);d.attr("rel")&&d.attr("src",d.attr("rel"))});if(b.show_n==0)c("li",g).show();else q&&G();t=1}},E=function(d){if(!t){z++;if(d.feed.entry){if(!g){k.html("");if(b.tags.length==0)b.recent_title&&c("<h4>"+b.recent_title+"</h4>").appendTo(k);else b.related_title&&c("<h4>"+b.related_title+"</h4>").appendTo(k);g=c('<ul class="rpw '+b.loading_class+'"></ul>').appendTo(k)}for(var i=0,o=d.feed.entry.length;i<o;i++){var e=d.feed.entry[i],h;a:{var f=0;for(h=e.link.length;f<h;f++)if(e.link[f].rel=="alternate"){h=

e.link[f].href;break a}h=""}f=e.title.$t;e=e.media$thumbnail?e.media$thumbnail.url:b.thumb_default;if(h!=A||b.tags.length==0)a:{varj=h,m=f,H=e;if(b.tags.length>0){e=c("li",g);f=0;for(var I=e.length;f<I;f++){var y=c("a",e.eq(f));h=D(y);if(y.attr("href")==j){j=y;m=++h;j.attr("score",m);b.post_score_class&&j.attr("class",b.post_score_class+m);for(j=f-1;j>=0;j--){m=c("a",e.eq(j));if(D(m)>h){f-j>1&&e.eq(j).after(e.eq(f));break a}}f>0&&e.eq(0).before(e.eq(f));break a}}}e=j;f=m;h=H;if(b.thumb_size!="s72-c")h=

h.replace("/s72-c/","/"+b.thumb_size+"/");j=b.tags.length&&b.timeout&&b.max_posts?"rel":"src";g.append('<li style="display:none"><a title="' + f +'"

href="'+e+'">'+(b.thumbs&&h?"<span><img "+j+'="'+h+'" title="'+(b.titles?"":f)+'" border="0"/></span>':"")+(b.titles?"<strong>"+f+"</strong>":"")+"</a></li>")}}}if(z>=b.tags.length){p&&clearTimeout(p);x()}}},D=function(d){d=parseInt(d.attr("score"));return d>0?d:1},J=function(){if(!b.tags){b.tags=[];c('a[rel="tag"]:lt('+b.max_tags+")").each(function(){var e=c.trim(c(this).text().replace(/\n/g,

""));if(c.inArray(e,b.tags)==-1)b.tags[b.tags.length]=e})}var d=b.blog_url+"/feeds/posts/summary/";if(b.tags.length==0){if(b.timeout)p=setTimeout(x,b.timeout);c.ajax({url:d,data:{"max-results":b.max_posts,alt:"json-in-script"},success:E,dataType:"jsonp",cache:true})}else{if(b.timeout)p=setTimeout(x,b.timeout*b.tags.length);for(var i=0,o=b.tags.length;i<o;i++)c.ajax({url:d,data:{category:b.tags[i],"max-results":b.posts_per_tag,alt:"json-in-script"},success:E,dataType:"jsonp",cache:true})}};(function(){var d=

k.attr("data-options");if(!d){var i=k.html().replace(/\n|\r\n/g,"");if(i)if((i=i.match(/<!--\s*(\{.+\});?\s*--\>/))&&i.length==2)d=i[1]}if(d){if(d.indexOf("{")<0)d="{"+d+"}";try{b=eval("("+d+")")}catch(o){a.html('<b style="color:red">'+o+"</b>");return null}b=c.extend({},c.fn.relatedPostsWidget.defaults,b)}if(b.post_page_only?location.pathname.match(/^\/\d{4}\/\d\d\/[\w\-\_]+\.html/):true){A=location.protocol+"//"+location.host+location.pathname+(b.url_querystring?location.search:"");J()}})()})};

c.fn.relatedPostsWidget.defaults={blog_url:"",max_posts:5,max_tags:5,posts_per_tag:5,tags:false,loading_class:"rpw-loading",related_title:"Related Posts",recent_title:"Recent Posts",post_score_class:"",post_page_only:0,thumb_default:"",thumb_size:"s72-c",thumbs:1,titles:1,url_querystring:0,timeout:1500,show_n:0,stay_time:5E3,enter_time:200,exit_time:200,animate:"opacity",animate_loop:1}})(jQuery);

jQuery(document).ready(function(){

jQuery("#related_posts").relatedPostsWidget({

related_title: "Related Posts",

thumb_size: "s80-c",

max_posts: 10,

thumb_default: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif"

})

});

//]]>

</script>

</b:if>

</head>

<body>

<noscript>

<div id='NoScript'>

<h6>Please enable javascript to view this site.</h6>

</div>

</noscript>

<div id='outer-wrapper'>

<header id='header-wrapper'>

<div id='leftnav'>

<div id='search-form-feed'>

<form action='/search' onsubmit='return updateScript();'>

<input id='feed-q-input' name='q' onblur='if (this.value == "") {this.value = "To search type and hit enter...";}' onfocus='if (this.value == "To search type and hit enter...") {this.value = "";}' onkeyup='resetField();' type='text' value='To search type and hit enter...'/>

</form>

<div id='search-result-container'/>

<div id='search-result-loader'>Searching...</div>

</div></div>

<div id='rightnav'>

<a class='soicon facebookx' href='#' rel='nofollow' title='Facebook'>Facebook</a>

<a class='soicon twitterx' href='#' rel='nofollow' title='Twitter'>Twitter</a>

<a class='soicon googlex' href='#' rel='nofollow' title='Google+'>Google+</a>

<a class='soicon rssx' href='#' rel='nofollow' title='RSS'>RSS</a>

</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='CASPER TECHNOLOGY (Header)' type='Header'>

<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:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-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'>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>



<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:includable id='description'>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</b:includable>

</b:widget>

</b:section>

</header>

<nav id='nav'>

<div id='navnya'>

<ul id='navinti'>

<li class='homex'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>About</a></li>

<li class='dgsub'><a href='#'>Berita</a>

<ul class='subnya'>

<li><a href='#'>Artikel</a></li>

<li><a href='#'>Tips n Trick</a></li>

<li><a href='#'>Olahraga</a></li>

</ul>

</li>

<li><a href='#'>Comments</a></li>

<li class='dgsub'><a href='#'>Tools</a>

<ul class='subnya'>

<li><a href='http://casperupdate.blogspot.com/search/label/Antivirus'>Antivirus</a></li>

<li><a href='http://casperupdate.blogspot.com/search/label/Aplikasi'>Aplikasi</a></li>

<li><a href='http://casperupdate.blogspot.com/search/label/Multimedia'>Multimedia</a></li>

<li><a href='http://casperupdate.blogspot.com/search/label/Software'>Software</a></li>

</ul>

</li>

</ul>

</div>

<div id='navmobile'>

<span class='namobi' title='Navigation'>Menu</span>

</div>


//<![CDATA[

$('ul#navinti').clone().appendTo('#navmobile');

$('.namobi').toggle(function() {

$(this).addClass('active');

$('#navmobile ul#navinti').slideDown();

}, function() {

$(this).removeClass('active');

$('#navmobile ul#navinti').slideUp();

});

$('.dgsub').toggle(function() {

$(this).children('ul').slideDown();

}, function() {

$(this).children('ul').slideUp();

});

//]]>

</script>

</nav>

<div id='content-wrapper'>

<div id='main-wrapper'>

<div id='maintop'>

<b:section class='main' id='maintop1'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>


<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<div class='wrapper'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>



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

<b:else/>



<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == "false"'>



<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>

<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

<b:else/>

//<![CDATA[

$(document).ready(function(){

$('.item-thumbnail img').each(function() {

$(this).attr({

'src': $(this).attr('src').replace('/s72-c/', '/s110-c/'),

'width': 250, 'height': 250

});

});

});

//]]>

</script>

<div id='mainisi'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>



<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

</b:if>


<div class="date-outer">

</b:if>

<b:if cond='data:post.dateHeader'>

<div class='date-header'><data:post.dateHeader/></div>

</b:if>


<div class="date-posts">

</b:if>

<div class='post-outer'>

<b:include data='post' name='post'/>

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

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:if>




<b:else/>


</b:if>

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<div class='inline-ad'>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

</b:if> </b:if>



<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

<script src='//www.google.com/jsapi' type='text/javascript'/>


google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

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

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='"item-control " + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

<img src='//www.blogger.com/img/icon_delete13.gif'/>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>

<dl class='comments-block' id='comments-block'>

<b:loop values='data:post.backlinks' var='backlink'>

<div class='collapsed-backlink backlink-control'>

<dt class='comment-title'>


BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='"item-control " + data:comment.adminClass'>

<b:if cond='data:showCmtPopup'>

<div class='goog-toggle-button'>

<div class='goog-inline-block comment-action-icon'/>

</div>

<b:else/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

<img src='//www.blogger.com/img/icon_delete13.gif'/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-

onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>

</span>

<b:else/>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.forceIframeComments'>

<b:include data='post' name='iframe_comments'/>



<b:else/>


</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='comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<dd class='comment-body' expr:id='data:widget.instanceId +data:comment.cmtBodyIdPostfix'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='data:comment.url' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>

<data:post.oldestLinkText/>

</a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>

<data:post.newerLinkText/>

</a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

<data:post.newestLinkText/>

</a>

</span>

</b:if>


<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>


<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

</b:if>

</b:if>

<b:else/> 

<div class='post-feeds'>



<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

<div class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == "false"'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<div class='mobile-date-outer date-outer'>


<div class='date-header'>

<data:post.dateHeader/>

</div>

</b:if>

<div class='mobile-post-outer'>

<a expr:href='data:post.url'>

<h3 class='mobile-index-title entry-title'>

<data:post.title/>

</h3>

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

<div class='mobile-index-contents'>

<b:if cond='data:post.thumbnailUrl'>

<div class='mobile-index-thumbnail'>

<div class='Image'>

<img expr:src='data:post.thumbnailUrl'/>

</div>

</div>

</b:if>

<div class='post-body'>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</div>


</a>

<div class='mobile-index-comment'>


<b:if cond='data:post.numComments != 0'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</b:if>

</div>

</div>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>



<div class='blog-posts hfeed'>

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

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


<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>


<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

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

</b:includable>

<b:includable id='mobile-nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<div class='mobile-link-button' id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<div class='mobile-link-button' id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<div class='post-header'>

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

</div>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>


<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

<span class='post-comment-link'>





</b:if>

</b:if>

</b:if>

</span>

</div>

<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:top.showMobileShare'>

<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>

<a href='javascript:void(0);'><data:shareMsg/></a>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>

</b:if>

</div>

</div>

</div>




<b:else/>


</b:if>

</b:if>




<b:else/>


</b:if>

</b:if>

</div>

</div>

</div>

</b:includable>

<b:includable id='nextprev'>



<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>


<span id='blog-pager-older-link'>

<b:else/>

<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/></a>

</b:if>

</b:if>

</b:if>


<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>

<span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>

»


<b:if cond='data:post.labels'>

<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:if cond='data:label.isLast != "true"'> » </b:if>

</b:loop>

<b:else/>

Unlabelled

</b:if>

» <span><data:post.title/></span>

</b:loop>

</div>

</b:if>



<b:if cond='data:post.title'>



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

<b:else/>


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

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h2>

</b:if>

<b:else/>




<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

<b:else/>




<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>


<div class='infox'>

<div class='post-author vcard'>


<b:else/>

<data:post.body/>

</b:if>

<b:else/>

<data:post.body/>

</b:if>

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

</div>

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>

</div>

</b:if>

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>


<span class='fn'>

<a expr:href='data:post.authorProfileUrl' rel='author'title='author profile'>

<data:post.author/>

</a>

</span>

<b:else/>


</b:if>

</b:if>

</span> <span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>


<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span> <span class='post-comment-link'>





</b:if>

</b:if>

</b:if>

</span> <span class='post-icons'>



<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>



<b:include data='post' name='postQuickEdit'/>

</span> <div class='post-share-buttons goog-inline-block'>

<b:if cond='data:post.sharePostUrl'>

<b:include data='post' name='shareButtons'/>

</b:if>

</div> </div>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span> </div>

<div class='post-footer-line post-footer-line-3'><span class='post-location'>

<b:if cond='data:top.showLocation'>

<b:if cond='data:post.location'>

<data:postLocationLabel/>

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>

</b:if>

</b:if>

</span> </div>

</div>


<div class='ikonz-social'><span>Share:</span>

<ul class='social-ikonz' id='social-ikonzs'>

<li class='facebookx'>

<a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>

</li>

<li class='twitterx'>

<a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>

</li>

<li class='googlex'>

<a expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");return false;' rel='nofollow' title='Share this on Google+'><strong>Google+</strong></a>

</li>

<li class='stumbleuponx'>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>

</li>

<li class='diggx'>

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>

</li>

<li class='deliciousx'>

<a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>

</li>

<li class='linkedinx'>

<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>

</li>

<li class='redditx'>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>

</li>

<li class='technoratix'>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>

</li>

</ul>

</div>

</b:if>

</article>



<div class='pager-isi'>


<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

<b:else/>

<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>

</b:if>


<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

<b:else/>

<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>

</b:if>

</div>

</div>


//<![CDATA[

$(document).ready(function () {

var newerLink = $('a.blog-pager-newer-link').attr('href');

$('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {

var newerLinkTitle = $('a.blog-pager-newer-link').text();

$('a.blog-pager-newer-link').html('<h6>Next</h6><h5>' + newerLinkTitle + '<h5>');

});

var olderLink = $('a.blog-pager-older-link').attr('href');

$('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {

var olderLinkTitle = $('a.blog-pager-older-link').text();

$('a.blog-pager-older-link').html('<h6>Previous</h6><h5>' + olderLinkTitle + '</h5>');

});

});

//]]>

</script>

<div id='related_posts'>

<span class='lding'>Loading....</span>

</div>

</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

<span expr:class='"item-control " + data:post.adminClass'>

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'

expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>


</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>


<div id='form-wrapper'>




<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

</div>

<b:else/>

<div id='form-wrapper'>




<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

</div>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>


BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>


(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

}

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

}

}

comments.push(comment);

}

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

} 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)) {

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<h4>

<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>

<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>




//<![CDATA[

function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/w"+b+"-c");d[a].width=b}}resizeThumb("main",150);

//]]></script>

</b:if></b:if>

<aside id='sidebar-wrapper'>

<div id='topside'>

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

<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-widget-content"'>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'><data:label.name/></span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

<b:if cond='data:showFreqNumbers'>

<span dir='ltr'>(<data:label.count/>)</span>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<span expr:class='"label-size label-size-" + data:label.cssSize'>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'><data:label.name/></span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

<b:if cond='data:showFreqNumbers'>

<span class='label-count' dir='ltr'>(<data:label.count/>)</span>

</b:if>

</span>

</b:loop>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>

<b:includable id='main'><script type="text/javascript">

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

});

}

});

</script><script type="text/javascript">

(function() {

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';

var head = document.getElementsByTagName('head')[0];

if (head) {

head.appendChild(script);

}})();

</script>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='midside'>

<div id='tab'>

<div class='tab-widget-menu clear'>

<ul id='tebslect'>

<li class='tab1'><a href='#tab1'>Recents</a></li>

<li class='tab2'><a href='#tab2'>Comments</a></li>

<li class='tab3'><a href='#tab3'>Archive</a></li>

</ul><div class='clear'/>

</div>

<div id='bungkusside'>

<div class='widget1' id='tab1'>

<b:section class='sidebar' id='tab1-recent' showaddelement='yes'>

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>




<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>


<b:section class='sidebar' id='tab2-comments' showaddelement='yes'>

<b:widget id='HTML2' locked='false' title='Recent Comments' type='HTML'>




<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>


<data:content/>

</div>


</b:includable>

</b:widget>

</b:section>

</div>


<b:section class='sidebar' id='tab3-Archive' showaddelement='yes'>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>


<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

</b:loop>

</ul>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul class='hierarchy'>

<li expr:class='"archivedate " + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>

◄

<b:else/>

►

</b:if>

</span>

</a>

</b:if>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</div></div>



//<![CDATA[

$(function() {

$('#tebslect li:first').addClass('selected'); // Tambahkan class='active' pada tab pertama

$('#bungkusside > div').hide(); // Sembunyikan konten tab

$('#bungkusside > div:first').show(); // Tapi tampilkan konten tabyang pertama

// Saat tab diklik...

$('#tebslect a').click(function() {

// Hilangkan kelas 'active' pada tab yang ditemukan

$('#tebslect li').removeClass('selected');

// Terapkan kelas 'active' pada tab yang diklik

$(this).parent().addClass('selected');

var activeTab = $(this).attr('href'); // Dapatkan ID dari URL

// Sembunyikan konten tab

$('#bungkusside > div:visible').hide();

// Tampilkan konten tab dengan ID yang sama berdasarkan URL tab yang diklik

$(activeTab).show();

return false;

});

});

//]]>

</script>

</div>

<div id='bottomside'>

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

</div>

</aside>



<div class='clear'> </div>

</div> 

<footer id='footer-wrapper'>

<div id='copyrightx'>

<div class='cpright'>

Copyright © 2013 | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | All Right Reserved

</div>

<div class='kreditx'>

Designed by <a href='http://www.ivythemes.com'>ivythemes</a> • <a href='http://casperupdate.blogspot.com'>CT-Site</a>

</div>

</div>

</footer>

</div> 


//<![CDATA[

(function(){$.fn.infiniteCarousel=function(){function a(b,c){return new Array(c+1).join(b)}return this.each(function(){var d=$("> div",this).css("overflow","hidden"),e=d.find("> ul").width(9999),f=e.find("> li"),b=f.filter(":first");singleWidth=b.outerWidth(),visible=Math.ceil(d.innerWidth()/singleWidth),currentPage=1,pages=Math.ceil(f.length/visible);if(f.length%visible!=0){e.append(a('<li class="empty"

/>',visible-(f.length%visible)));f=e.find("> li")}f.filter(":first").before(f.slice(-visible).clone().addClass("cloned"));f.filter(":last").after(f.slice(0,visible).clone().addClass("cloned"));f=e.find("> li");d.scrollLeft(singleWidth*visible);function c(h){var g=h<currentPage?-1:1,j=Math.abs(currentPage-h),i=singleWidth*g*visible*j;d.filter(":not(:animated)").animate({scrollLeft:"+="+i},500,function(){if(h>pages){d.scrollLeft(singleWidth*visible);h=1}else{if(h==0){h=pages;d.scrollLeft(singleWidth*visible*pages)}}currentPage=h})}d.after('<a href="#" class="arrow back"><</a><a href="#" class="arrow forward">></a>');$("a.back",this).click(function(){c(currentPage-1);return false});$("a.forward",this).click(function(){c(currentPage+1);return false});$(this).bind("goto",function(g,h){c(h)});$(this).bind("next",function(){c(currentPage+1)})})}})(jQuery);$(document).ready(function(){var a=true;$(".widget-content.popular-posts").infiniteCarousel().mouseover(function(){a=false}).mouseout(function(){a=true});setInterval(function(){if(a){$(".widget-content.popular-posts").trigger("next")}},2000)});

//]]>

</script>


//<![CDATA[

$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');

$(window).bind("load", function() {$(".colorbox").colorbox({maxWidth:"95%", maxHeight:"95%",fixed:true});});

//]]>

</script>


//<![CDATA[

window.emoticonx=(function(){var a=function(c){var f=c||{},d=f.emoRange||"#comments p, div.emoWrap",e=f.putEmoAbove||"iframe#comment-editor",b=f.emoMessage||"To insert emoticon you must added at least one space before the code.";$(e).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p:o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f)x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>'+b+"</div>");var g=function(j,i,h){$(d).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(j," <img style='max-height:24px' src='"+i+"' class='emo delayLoad' alt='"+h+"' />"))})};g(/\s:\)\)+/g,"https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif",":))");g(/\s;$\(+/g,"https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif",";((");g(/\s:$+/g,"https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif",":)");g(/\s:-\)+/g,"https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif",":-)");g(/\s=\)\)+/g,"https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif","=))");g(/\s;$+/g,"https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif",";(");g(/\s;-\(+/g,"https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif",";-(");g(/\s:d/ig,"https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif",":d");g(/\s:-d/ig,"https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif",":-d");g(/\s@-$+/g,"https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/

HloTeaRIdyQ/s36/09.gif","@-)");g(/\s:p/ig,"https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif",":p");g(/\s:o/ig,"https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif",":o");g(/\s:>\)+/g,"https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif",":>)");g(/\s$o$+/ig,"https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif","(o)");g(/\s\[-$+/g,"https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif","[-(");g(/\s:-\?/g,"https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif",":-?");g(/\s\(p$+/ig,"https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif","(p)");g(/\s:-s/ig,"https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif",":-s");g(/\s$m$+/ig,"https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif","(m)");g(/\s8-\)+/ig,"https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif","8-)");g(/\s:-t/ig,"https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif",":-t");g(/\s:-b/ig,"https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif",":-b");g(/\sb-$+/ig,"https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif","b-(");g(/\s:-#/ig,"https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif",":-#");g(/\s=p~/ig,"https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif","=p~");g(/\s\$-$+/ig,"https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif","$-)");g(/\s$b$+/ig,"https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif","(b)");g(/\s$f$+/ig,"https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'","(f)");g(/\sx-\)+/ig,"https://

lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif","x-)");g(/\s$k$+/ig,"https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif","(k)");g(/\s$h$+/ig,"https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif","(h)");g(/\s$c$+/ig,"https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif","(c)");g(/\scheer/ig,"https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(b){alert(b)}});$(".emo").css("cursor","pointer").live("click",function(h){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");h.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};returnfunction(b){a(b)}})();

//]]>

</script>



//<![CDATA[

jQuery(document).ready(function () {emoticonx()});

//]]>

</script>

</b:if>



//<![CDATA[

jQuery(document).ready(function () {emoticonx()});

//]]>

</script>

</b:if>


//<![CDATA[

/**

* Blogger Quick Search Result JSON

* Author: Taufik Nurrohman

* URL: https://plus.google.com/108949996304093815163/about

* See: http://hompimpaalaihumgambreng.blogspot.com/2012/09/membangun-aplikasi-quick-search-dengan.html

*/

var searchFormConfig={numPost:9999,summaryPost:true,summaryLength:200,resultTitle:"Result For Keyword",noResult:"No result",resultThumbnail:true,thumbSize:50,fallbackThumb:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif"};function $$$(a){return document.getElementById(a)}var config=searchFormConfig,input=$$$("feed-q-input"),resultContainer=$$$("search-result-container"),resultLoader=$$$("search-result-loader"),skeleton="";function showResult(l){var k=l.feed.entry?l.feed.entry:"",a,g,e;skeleton="<h4>"+config.resultTitle+" ""+input.value+""</h4>";skeleton+="<ol>";if(k===""){skeleton+="<li>"+config.noResult+"</li>"}for(var d=0;d<config.numPost;d++){if(d==k.length){break}var b=new RegExp(input.value,"ig"),f=k[d],h=f.title.

$t.replace(b,"<mark>"+input.value+"</mark>");for(var c=0;c<f.link.length;c++){if(f.link[c].rel=="alternate"){a=f.link[c].href;break}}if(config.summaryPost===true){if("content" inf){g=f.content.$t}else{if("summary" in f){g=f.summary.$t}else{g=""}}}if(config.resultThumbnail===true){if("media$thumbnail" in f){e=f.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+config.thumbSize+"-c")}else{e=config.fallbackThumb}}g=g.replace(/<\S[^>]*>/g,"");if(g.length>config.summaryLength){g=g.substring(0,config.summaryLength)+"..."}g=g.replace(b,"<mark>"+input.value+"</mark>");skeleton+='<li><img style="width:'+config.thumbSize+"px;height:"+config.thumbSize+'px;" src="'+e+'" alt="" /><a href="'+a+'" target="_blank">'+h+"</a>"+g+"</li>"}skeleton+="</ol>";resultContainer.innerHTML=skeleton;resultLoader.style.display="none";resultContainer.style.display="block"}$(document).ready(function(){$(".kreditx").replaceWith('<div style="margin:5px 0;clear: both;">Blogger Template By : <a href="http://mkr-site.blogspot.com/">MKR</a> | <a href="http://www.ivythemes.com/">IVYthemes.com</a></div>')});function appendScript(){var a=document.createElement("script");a.type="text/javascript";a.id="search-feed-script";document.getElementsByTagName("head")[0].appendChild(a)}appendScript();function updateScript(){resultContainer.style.display="none";resultLoader.style.display="block";var a=$$$("search-feed-script"),b=document.createElement("script");b.id="search-feed-script";b.type="text/javascript";b.src="http://"+window.location.hostname+"/feeds/posts/summary?alt=json-in-script&q="+input.value+"&max-results="+config.numPost+"&callback=showResult";a.parentNode.removeChild(a);document.getElementsByTagName("head")[0].appendChild(b);return false}function resetField(){resultContainer.innerHTML="";if(input.value===""){resultContainer.style.display="none";resultLoader.style.display="none"}};

//]]>

</script>

<b:include data='blog' name='google-analytics'/>

</body>

</HTML>

temple blog

Documents