CSS Blogger
CSS Blogger
>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet'
type='text/css'/>
<b:include data='blog' name='all-head-content'/>
-----------------------------------------------
Details
Name: Green X-Gen CSS Template V.2
Creator: Andi-Techno
Primmary: http://andi-techno.blogspot.com/
Portal: http://andi-network.blogspot.net/
Date: July 2012
License: Hak cipta milik Andi Techno mulai dari konsep, struktur, desain, sampai
content template ini
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<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"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<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"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal
normal 100% Georgia, 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 blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'><style type='text/css'>
.post-body{padding-left:px;padding-bottom:20px;text-align:justify;}
.post-body img{margin:0px;width:200px; height:120px;text-align:center;-webkit-
background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 5px #B6ED10;-moz-box-
shadow:0px 0px 0px 5px #B6ED10;box-shadow:0px 0px 0px 5px #B6ED10;-webkit-border-
radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-moz-border-
radius: 100px;border-radius: 10px;border-radius: 10px;-o-border-radius: 10px;-o-
border-radius: 10px;}
</style>
</b:if></b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function($){
/* hoverIntent by Brian Cherne */
$.fn.hoverIntent = function(f,g) {
// default configuration options
var cfg = {
sensitivity: 7,
interval: 100,
timeout: 0
};
// override configuration options with user supplied object
cfg = $.extend(cfg, g ? { over: f, out: g } : f );
// instantiate variables
// cX, cY = current X and Y position of mouse, updated by mousemove
event
// pX, pY = previous X and Y position of mouse, set by mouseover and
polling interval
var cX, cY, pX, pY;
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!
($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log()
{if(window.console&&window.console.log){window.console.log("[cycle]
"+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var
o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!
$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$
(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found
by selector"+($.isReady?"":" (DOM not ready)"));return this;}return
this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false)
{return;}opts.updateActivePagerLink=opts.updateActivePagerLink||
$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout)
{clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$
(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var
els=$slides.get();if(els.length<2){log("terminating; too few slides:
"+els.length);return;}var opts2=buildOptions($cont,
$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?
10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!
opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10)
{startTime=10;}debug("first timeout:
"+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!
opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2)
{if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||
options===null){options={};}if(options.constructor==String){switch(options)
{case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return
false;}cont.cycleStop++;if(cont.cycleTimeout)
{clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$
(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return
false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?
0:1;checkInstantResume(cont.cyclePause,arg2,cont);return
false;case"pause":cont.cyclePause=1;return
false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return
false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts)
{log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options]
(opts);return false;default:options={fx:options};}return
options;}else{if(options.constructor==Number){var num=options;options=$
(cont).data("cycle.opts");if(!options){log("options not found, can not advance
slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide
index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout)
{clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string")
{options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);retu
rn false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!
isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options)
{log("options not found, can not resume");return false;}if(cont.cycleTimeout)
{clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1
,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!
$.support.opacity&&opts.cleartype&&el.style.filter)
{try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts)
{if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$
(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder)
{$.each(opts.pagerAnchors||[],function()
{this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy)
{opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var
opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():
$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||
els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.
$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before
?[opts.before]:[];opts.after=opts.after?[opts.after]:
[];opts.after.unshift(function(){opts.busy=0;});if(!
$.support.opacity&&opts.cleartype){opts.after.push(function()
{removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function()
{go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!
$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg)
{clearTypeFix($slides);}if($cont.css("position")=="static")
{$cont.css("position","relative");}if(opts.width)
{$cont.width(opts.width);}if(opts.height&&opts.height!="auto")
{$cont.height(opts.height);}if(opts.startingSlide)
{opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards)
{opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var
i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b)
{return Math.random()-
0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.starti
ngSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||
0;var first=opts.startingSlide;
$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var
z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-
i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-
index",z);});$
(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opt
s.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto")
{$slides.height(opts.height);}var reshape=opts.containerResize&&!
$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var
$e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||
e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||
$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0)
{$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause)
{$cont.hover(function(){this.cyclePause++;},function()
{this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var
requeue=false;options.requeueAttempts=options.requeueAttempts||
0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?
opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||
0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||
this.width||$el.attr("width")||0);if($el.is("img")){var
loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var
loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var
loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||
(this.cycleW==37&&this.cycleH==17))&&!this.complete);var
loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||
loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&+
+options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded,
requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$
(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return
false;}else{log("could not determine size of image:
"+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return
false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||
{};opts.animOut=opts.animOut||{};
$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$
($slides[first]).css(opts.cssFirst);}if(opts.timeout)
{opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String)
{opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync)
{opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?
500:250;while((opts.timeout-opts.speed)<buffer)
{opts.timeout+=opts.speed;}}if(opts.easing)
{opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn)
{opts.speedIn=opts.speed;}if(!opts.speedOut)
{opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide
=first;if(opts.random){if(++opts.randomIndex==els.length)
{opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.
backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-
1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?
0:opts.startingSlide+1;}}if(!opts.multiFx){var
init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,
$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition:
"+opts.fx,"; slideshow terminating");return false;}}}var
e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,
[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,
[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function()
{return advance(opts,opts.rev?-1:1);});}if(opts.prev){$
(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-
1);});}if(opts.pager||opts.pagerAnchorBuilder)
{buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function
saveOriginalOpts(opts){opts.original={before:[],after:
[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.ex
tend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.
animOut=$.extend({},opts.animOut);$.each(opts.before,function()
{opts.original.before.push(this);});$.each(opts.after,function()
{opts.original.after.push(this);});}function supportMultiTransitions(opts){var
i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0)
{opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/
g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!
tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition:
",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions
named; slideshow terminating.");return false;}}else{if(opts.fx=="all")
{opts.multiFx=true;opts.fxs=[];for(p in txs)
{tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx))
{opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var
r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var
r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)
[0]);}debug("randomized
fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els)
{opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!
opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els)
{opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;
$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.
$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!
$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg)
{clearTypeFix($s);}if(opts.fit&&opts.width)
{$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto")
{$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:
$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();
$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder)
{$.fn.cycle.createPagerAnchor(els.length-1,s,$
(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide))
{opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx)
{fx=fx||
opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBe
fore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opt
s.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;
$.each(opts.original.before,function(){opts.before.push(this);});
$.each(opts.original.after,function(){opts.after.push(this);});var
init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$
(opts.elements),opts);}};function go(els,opts,manual,fwd)
{if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping
active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy)
{debug("transition active, ignoring new tx request");return;}var p=opts.
$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!
=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!
opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!
opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end)
{opts.end(opts);}return;}var changed=false;if((manual||!
p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var
fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$
(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$
(next).width();if(opts.multiFx){if(opts.lastFx==undefined||+
+opts.lastFx>=opts.fxs.length)
{opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx)
{fx=opts.oneTimeFx;opts.oneTimeFx=null;}
$.fn.cycle.resetState(opts,fx);if(opts.before.length)
{$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount)
{return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function()
{$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount)
{return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide:
"+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn)
{opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction
($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx]
(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,ne
xt,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||
opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random)
{opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length)
{opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSl
ide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?
0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-
1)<0;if(roll&&opts.bounce){opts.backwards=!
opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?
(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var
roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!
opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-
1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-
1:opts.nextSlide-1;}}}}if(changed&&opts.pager)
{opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var
ms=0;if(opts.timeout&&!opts.continuous)
{ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.cont
inuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function()
{go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}
$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$
(pager).each(function(){$
(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};functio
n getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var
t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250)
{t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!
==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts)
{advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts)
{advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var
p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout)
{clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0)
{opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-
2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-
1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random)
{opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlid
e+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-
1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return
false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||
opts.prevNextClick;if($.isFunction(cb))
{cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return
false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o)
{$.fn.cycle.createPagerAnchor(i,o,
$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activ
ePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var
a;if($.isFunction(opts.pagerAnchorBuilder))
{a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned:
"+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$
(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function()
{var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$
(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||
[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e)
{e.preventDefault();opts.nextSlide=i;var p=opts.
$cont[0],timeout=p.cycleTimeout;if(timeout)
{clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||
opts.pagerClick;if($.isFunction(cb))
{cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/
^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble)
{$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover)
{$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.
$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var
hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-
l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function
clearTypeFix($slides){debug("applying clearType background-color hack");function
hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e)
{for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var
v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var
rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!
="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$
(this).css("background-color",getBg(this));});}
$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$
(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="b
lock";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!
==false&&next.cycleH>0)
{opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||
{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?
1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};
$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$
(next);var
speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut
;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number")
{speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var
fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};
$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter)
{$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};
$.fn.cycle.transitions={fade:function($cont,$slides,opts)
{$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(
curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={op
acity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};
$.fn.cycle.ver=function(){return ver;};
$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,
speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"
click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickB
ubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,eas
eIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter
:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize
:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cl
eartype:!
$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev
:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClas
s:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);
/*
* jQuery Cycle Plugin Transition Definitions
* This script is a plugin for the jQuery Cycle Plugin
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.72
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts)
{opts.fxFn=function(curr,next,opts,after){$(next).show();$
(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,
$slides,opts)
{$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var
h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={t
op:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,
$slides,opts)
{$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var
h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-
h,left:0};opts.animIn={top:0};opts.animOut={top:h};};
$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts)
{$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var
w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={l
eft:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,
$slides,opts)
{$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var
w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-
w,top:0};opts.animIn={left:0};opts.animOut={left:w};};
$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts)
{$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fw
d){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):
(1-next.cycleW);opts.animOut.left=fwd?-
curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animI
n={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,
$slides,opts)
{$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd)
{$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):
(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-
curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};op
ts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();
$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});
opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={widt
h:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();
$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;})
;opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={h
eight:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var
i,w=$cont.css("overflow","visible").width();
$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted)
{opts.speed=opts.speed/
2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-
w,top:15};opts.els=[];for(i=0;i<$slides.length;i++)
{opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++)
{opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var
$el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;
$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var
hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?
opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var
i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-
i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)
+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?
this:curr).hide();if(cb)
{cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};
$.fn.cycle.transitions.turnUp=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;o
pts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,heigh
t:0};opts.animIn={top:0};opts.animOut={height:0};};
$.fn.cycle.transitions.turnDown=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;o
pts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,h
eight:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,
$slides,opts){opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;
opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0
};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,
$slides,opts){opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;op
ts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={l
eft:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,
$slides,opts){opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cy
cleH/2;opts.cssBefore.left=next.cycleW/
2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={wid
th:0,height:0,top:curr.cycleH/2,left:curr.cycleW/
2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};
$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW
/2;opts.cssBefore.top=next.cycleH/
2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore
={width:0,height:0};opts.animOut={opacity:0};};
$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var
w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.
left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut
={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var
h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut
.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut=
{top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var
h=$cont.css("overflow","hidden").height();var
w=$cont.width();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut
.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.a
nimOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/
2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={w
idth:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/
2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={he
ight:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cy
cleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/
2,width:0};});opts.cssBefore={top:0,width:0};};
$.fn.cycle.transitions.curtainY=function($cont,$slides,opts)
{opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cyc
leH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/
2,height:0};});opts.cssBefore={left:0,height:0};};
$.fn.cycle.transitions.cover=function($cont,$slides,opts){var
d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var
h=$cont.height();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-
w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-
h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacit
y:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,
$slides,opts){var d=opts.direction||"left";var
w=$cont.css("overflow","hidden").width();var
h=$cont.height();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right")
{opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down")
{opts.animOut.top=h;}else{opts.animOut.left=-
w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,l
eft:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var
w=$cont.css("overflow","visible").width();var
h=$cont.height();opts.before.push(function(curr,next,opts)
{$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!
opts.animOut.top){opts.animOut={left:w*2,top:-h/
2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.an
imIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var
w=$cont.css("overflow","hidden").width();var
h=$cont.height();opts.cssBefore=opts.cssBefore||{};var
clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px
0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px
"+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px
0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px
0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var
left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px
"+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px
0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var
t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.pus
h(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);
$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block
";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-
parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?
b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;
$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?
setTimeout(f,13):$curr.css("display","none");})
();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};
opts.animOut={left:0};};})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
;(function($){
$.fn.superfish = function(op){
var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'">
»</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $
$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
var menu =
$menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
sf.op = sf.o[menu.serial];
return menu;
},
addArrow = function($a)
{ $a.addClass(c.anchorClass).append($arrow.clone()); };
return this.each(function() {
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $
('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
.filter('li:has(ul)').removeClass(o.pathClass);
});
sf.o[s] = sf.op = o;
}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows && !($.browser.msie && $.browser.version <
7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};
var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
if ($.browser.msie && $.browser.version > 6 && o.dropShadows &&
o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass : 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : true,
disableHI : false, // true disables hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow: function(){},
onShow : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $
(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul);
o.onShow.call($ul); });
return this;
}
});
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
summary_noimg =200;
summary_img =70;
img_thumb_height = 120;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img
src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
//]]>
</script></b:if></b:if>
<style type='text/css'>
/**
* Pure CSS3 Slideshow Without Page Jump by Taufik Nurrohman
* 26 April 2012
* http://hompimpaalaihumgambreng.blogspot.com
*/
/* General */
#css3-slider {
margin:0 10px 5px 5px;
width:358px;
height:226px;
position:relative;
}
#css3-slider li {
list-style:none;
margin:0px 0px;
padding:0px 0px;
}
/* Navigation */
#css3-slider li input + label {
position:absolute;
bottom:5px;
left:10px;
z-index:999;
font:bold 11px/16px Arial,Sans-Serif;
background-color:black;
color:white;
padding:0px 0px;
width:16px;
text-align:center;
cursor:pointer;
}
/* Images */
#css3-slider li img {
border:none;
outline:none;
position:absolute;
top:50%;
left:50%;
width:0px;
height:0px;
visibility:hidden;
opacity:0;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;
-ms-transition:all 2s ease-in-out;
-o-transition:all 2s ease-in-out;
transition:all 2s ease-in-out;
-webkit-transform:rotate(0deg) scale(0);
-moz-transform:rotate(0deg) scale(0);
-ms-transform:rotate(0deg) scale(0);
-o-transform:rotate(0deg) scale(0);
transform:rotate(0deg) scale(0);
}
/* Captions */
#css3-slider a {
text-decoration:none !important;
}
#css3-slider li a span {
display:block;
position:absolute;
right:0px;
bottom:0px;
left:0px;
background-color:rgba(0,0,0,0.8);
font:normal 11px/26px Arial,Sans-Serif;
color:white;
padding:0px 10px;
text-align:right;
opacity:0;
viibility:hidden;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;
-ms-transition:all 2s ease-in-out;
-o-transition:all 2s ease-in-out;
transition:all 2s ease-in-out;
}
/* Active navigation */
#css3-slider li input:checked + label {
background-color:#B6ED10;
color:white;
}
</head>
<body>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){
jQuery('ul.menu-primary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});
jQuery(function(){
jQuery('ul.menu-secondary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});
jQuery(document).ready(function() {
jQuery('.fp-slides').cycle({
fx: 'fade',
timeout: 4000,
delay: 0,
speed: 400,
next: '.fp-next',
prev: '.fp-prev',
pager: '.fp-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});
/* ]]> */
</script>
<div class='span-24'>
<div class='span-20'>
<div class='menu-primary-wrap'>
<b:section class='pagelistmenusblog' id='pagelistmenusblog' showaddelement='no'>
<b:widget id='PageList14' locked='true' title='Pages' type='PageList'
version='1'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href':
'http://pkbmdaarulilmi.blogspot.com/', 'title': 'Beranda', 'position':
0}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>Beranda</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<ul class='menus menu-primary'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='current_page_item'><a
expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div style='clear:both;'/>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PKBM Daarul Ilmi Karangmojo
Magetan (Header)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block;padding-left:10px;padding-top:0px;'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl +
"\"); " + "background-position: "
+ data:backgroundPositionStyleStr + "; " +
data:widthStyleStr + "min-height: " + data:height +
"px;" + "_height: " + data:height +
"px;" + "background-repeat: no-repeat; "'
id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
<div class='span-24'>
<div class='menu-secondary-wrap'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/search/label/KEGIATAN
LEMBAGA'>KEGIATAN</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/search/label/ACARA'>ACARA</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/search/label/KISI'>KISI
KISI</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/2020/12/blog-post.html'>DOWNLOAD
MODUL</a>
<ul class='children'>
<li><a href='http://pkbmdaarulilmi.blogspot.com/2020/12/blog-post_24.html'>KALENDER
PENDIDIKAN</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/search/label/FOTO ARSIP'>FOTO
ARSIP</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com/2020/12/blog-post_12.html'>STRUKTUR
ORGANISASI</a></li>
</ul>
</li>
<li><a href='#'>STATUS</a>
<ul class='children'>
<li><a href='#'>none</a></li>
<li><a href='#'>none</a></li>
<li><a href='#'>none</a>
<ul class='children'>
<li><a href='#'>Menu</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='pkbmdarulilmikarangmojo@gmail.com'>Contact</a>
<ul class='children'>
<li><a href='https://www.facebook.com/muhammad.hisyam.16547'>HISYAM ABDULLAH A.g
SPd.</a>
<ul class='children'>
<li><a href='https://www.facebook.com/muhammad.hisyam.16547'>Facebook</a></li>
<li><a href='http://twitter.com'>Twitter</a></li>
<li><a href='#'>Google Plus</a></li>
</ul>
</li>
<li><a href='pkbmdarulilmikarangmojo@gmail.com'>Email</a></li>
</ul>
</li>
<li><a href='#'>Artikel</a>
<ul class='children'>
<li><a href='http://pkbmdaarulilmi.blogspot.com'>Techno</a></li>
<li><a href='http://pkbmdaarulilmi.blogspot.com'>my site</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div style='clear:both;'/>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
<div id='lsidebar-wrapper'>
<div class='topsearch'>
<div class='clerfix' id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value
= "Search";}' onfocus='if (this.value == "Search") {this.value
= "";}' type='text' value='Search'/>
<input class='search-image'
src='http://1.bp.blogspot.com/-b1sjL2cwXSg/Ti1aEc1otyI/AAAAAAAABzk/24bu0YxmTTk/
s1600/search.png' title='Search' type='image'/>
</form>
</div>
</div>
<div style='clear:both;'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<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>
<b:include name='quickedit'/>
</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) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] =
val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\
x3d1844664792631357831\x26blogName\x3dPKBM+Daarul+Ilmi+Karangmojo+Magetan\
x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\
x3dLAYOUTS\x26searchRoot\x3dhttps://pkbmdaarulilmi.blogspot.com/search\
x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://
pkbmdaarulilmi.blogspot.com/\x26vt\x3d8236966641846455921',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arsip'
type='BlogArchive'>
<b:widget-settings>
<b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>true</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data'
name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/>
(<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass ==
"expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Buku Tamu' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><!-- BEGIN CBOX - www.cbox.ws -
v001 -->
<div id="cboxdiv" style="text-align: center; line-height:
0">
<div><iframe frameborder="0" width="200"
height="305" src="http://www4.cbox.ws/box/?
boxid=4123787&amp;boxtag=gnnz28&amp;sec=main"
marginheight="2" marginwidth="2" scrolling="auto"
allowtransparency="yes" name="cboxmain4-4123787"
style="border:#ababab 1px solid;" id="cboxmain4-
4123787"></iframe></div>
<div><iframe frameborder="0" width="200"
height="75" src="http://www4.cbox.ws/box/?
boxid=4123787&amp;boxtag=gnnz28&amp;sec=form"
marginheight="2" marginwidth="2" scrolling="no"
allowtransparency="yes" name="cboxform4-4123787"
style="border:#ababab 1px solid;border-top:0px" id="cboxform4-
4123787"></iframe></div>
</div>
<!-- END CBOX --></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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>
<p/></div>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<ul id='css3-slider'>
<li>
<input checked='true' id='s1' name='num' type='radio'/>
<label for='s1'>1</label>
<a href='/'>
<img src='https://lh3.googleusercontent.com/80ZSujUam7myJ9Pz8AoSeuOBy-
7-whZDayp_IU9HlL22lrn9e-Cz1IPEg2gxPMpQ0o00H2GmSGiAUKX5RpO-3-n2sZH-
52l019eD4dqPxg3zNVD3v7KdyLb5bv10LIoIAMlmXPfrobeE0HaWqhHef-twt-
UFycQ6D582odo_Lm0JrN1CVxjnUIRs5HGC1dI5oT1mZrS-j4rjlkx_gbKTx5ghvtymBE8dvGrR-
bEDphnN5pgELArX7r-RlOnjljws1-Y5EpLAn28nb1dzMQ3QsRBEdIBrQ4mGYLhd0QwFr11QAgmI_C_Gkky-
cQSqxI0msC8bQ15mQYSeh-cDmfqjpqOtlGM_cZyH_i_oqcM4SlfVp49AdkzR6Rvo1MV48oMR1S15q-
txdnZyw7fQ399mGNLfmeUKLQpRvH58DL99t1JEUf5NcaTdPc59aFc56L6zeRLozQaXF2n8qXaacTS1B4kot
VEvpafQGJsKPdI_bccVgIAV2Bp74fOKS7AI-
PiUR1y8hudDIOQYc3TUtQLEHy_SCJg4CXjBerGcgw3zEl3O2aaKAUu0We53QRNSDiYvqbEwPtvUCWhOxnVF
_U7G5DFu29C_aZzWE1w7Zkx-sRDLz5u0HY75fANCtNYCAhjSRUoupMYWMRIzJJ43__de5BHIftMV_hVnWW-
lrhca5iu9ghRdOPgYaDuPESo=w494-h321-no?authuser=0'/>
<span>FOTO</span>
</a>
</li>
<li>
<input id='s2' name='num' type='radio'/>
<label for='s2'>2</label>
<a href='/'>
<img src='https://lh3.googleusercontent.com/QnX2ymZcaiO-
hgx9Bpn5cRw7CmmKifpHFGXxoj1Ey-jGtsyAgA9T6lI6z4jcGmw11Vr2YUNCADTO4C_BQC82e9J9uQDm07-
F_bOixQmzpeP2mKEks6DfPfmgnI5hO22n_NPi9hnHUw6YHtOjoyoi1jDB0sLWC5kGbtbNtxAMZzoEbESrrM
8TITXptbShhGJMaHa-QBNOZ0xBYSv5j8mHKQjMPfFP-lOucpTHxpL1o-
_ADTVFsDHWN4b8JDq8LEjhpLTdAg2e3msZ4J8DFczlw7VjE_plrBR4RH8bfGJvLJxmy9Hnta5ISOqS4ZXp5
xds1vOcvDgAbf88e96_cdqcTSw7-MF80ttTCaWYhFmSXvFIEVe3Zy-
TaDkzvkQFJ4K8dA6hDgrGLLFKHCaUtz__FHJQAn3XRZRP4-
AeynzvZ33KatTvvbECeAjGU2YyJUBbubsIKpfoKlfztb47g2Sc99eGP3a9usL2wXBBf7pktTonUwnIXMWEk
Ju0Sl7jDDOmHDjwbnwiXHL6Z9BVPt3EjsDgziFP6iAt1oxW1u6RGTxbfJP7sRWvShTRFU1lNp2z3dgnTHYi
LdkOmq7WjYsKPUV0cHS9SbQ04Qc38J_g6Q7RPdgI5uq1XPAnH7YSMWwWOr-
puavIdBBO9OrfRm5KHRg39c1ys92cp2sJeRCrbJmSUXo38QzRUAAqZY96=w1366-h644-no?
authuser=1'/>
<span>FOTO</span>
</a>
</li>
<li>
<input id='s3' name='num' type='radio'/>
<label for='s3'>3</label>
<a href='/'>
<img
src='https://lh3.googleusercontent.com/pLXt6_5rGdbLWmmm6mIcdzqKhSI2IyB4HfJ3qlONs88I
Gg1kJ1AJxQtdNI9diJIIulAAH0aJ9c9Xam943ccBNcowkYJoWxR1g10oxYx95ptmxUMOL4gWCWvAgx_34Bd
8NhxMiPyqPTk2c62ylWo2pjRlNWHLoCitzc2PahxqvTl8DgtNTd4ugdGq9D0vbMMtdaPMNJq2NDoFoK5w_E
co6yvZtrGNa4MAHho3U748d3_ZyXiPWNxtWSCEPgtif9H6qoyyJonP2BEwDiASuOR7EHI21iufIwfTeKcrP
fxx40OVPuN8aZ1dY4VYWbTuc_TePm3677MJTutr1GVchHjg4AaqScWzRoUPCJ3xUDxKpHQxErnvA3Wr_t03
QBM3ZqWOCpFcwBujMYYYMybMH_AfujnVyFZaRUOm4pe4OlfuRyBclFQdmPWHNEBEUOE8X1B0hIyicAGTd_3
aQZ-
epZCQ1alKQzNOqGhks20Dz4gqyQELsSFtD5gQvm8Q5Ecog9QMB5hJmbJHfYee8ShIkdWVneLhOHfZ90UTFI
BHomBt7b2jKD-pu4J19d5Vv_TB7g8yCqpCxAhSAZR_MdXiWObTiPI39kzSuCfbLo8QvHnYVR6ZymP3-
XbGzkq9wvGbNZEU1-hmQG69kHyfXQAvT5wsdyNpSxVuSwTOpMo62v3bL3coHtZRqcBlwusTPQgo=w604-
h453-no?authuser=1'/>
<span>FOTO</span>
</a>
</li>
<li>
<input id='s4' name='num' type='radio'/>
<label for='s4'>4</label>
<a href='/'>
<img src='https://lh3.googleusercontent.com/iDNnhTiuE6FuRw3T9FIl-
fLOXAdJvIGbEpT1z2m-
QvUJzigp38XUbX88jov2ilwCf10T4UYy_p5dvo_5XOSEfX0173X9MDGcr7iin0PaQCRu8A5RJRvyt60mPmB
KkdPv3TC5xuIrmyLiP-
h7QQOQvSSm5puMeN_sR0oxe9CeskdveAF5Wi1uCQGXJcWtvgU48O2WS1ZpVBpyJgw147dRgmQ2RB2A1d_9e
wfcAkcxInyKBUdg9M_PXZEyVV6m1kGuWeaTjMPjOh56XoeezvpBrq2UQh8L9d8QVnQtN90u6ijYVI0kTdXa
qSlrvNISnhz0WUyimJDnAxN8sc8jqBH6gS_waTfmgzFWaj6KSOQg7sRmbFxei_FFJUes3LQ-
lfn0JHGKj3162CfC1M82WXEVoYSREcAj_2p1Gknf-QDtZ-
erNqbq6OYX5CWOUb4hA5z8qrpYi_uW85fbUxycjU-dSfFuCsadM1OkZvJRFjPxP59bB0usJGSgMT2_h-
UCkbakq0NSoLTz6PYMnjzPaXhSIKwVhOoSiKYeWuF7fZYgqdmk3eSk65-
zTbY9XfS_fOhSkp8NZ_Sv1V76GU9oZLjJ6Psr_cF_6l-pGtMW_O8y-SxNiOMgeA9jpo3sazTFWrD56l-
sb5OGU2b7EVQdJeqouKn5WESAjV41bh3donzBfYkZwlG9Xwf7ZEpidhrX=w604-h453-no?
authuser=1'/>
<span>FOTO</span>
</a>
</li>
<li>
<input id='s5' name='num' type='radio'/>
<label for='s5'>5</label>
<a href='/'>
<img src='https://lh3.googleusercontent.com/l2qrOB3JDqJbZ-
QUAppVngrWizBHO0iJWB8MF34dK9kK62rKrIPyCoSm6tanhADCjrrKSsIMGaAg1Ug63M8uNWdQr4z7oHVVu
mNGnWye10bULSq8ESjrqMV-hakq3oPZ032p4xFj0egQUliVPSpoeYPnRldJyO3b9hB_XU7j8wVgTV6D7K4-
xgCSZZBsDUU-
pQ1jxWABxnFNNErQScjz1aNvDFGcx2HfuStVkBpLdHW1shQ4H9KYfk_8e7SRsdqWXYXc5zzvbqlLaULLduu
2-k7Y63s7I4M-
q0Q__GUkg1AHPhRGnm1j1tObRpbDsqR1uotAMuYxG5Valvgc5pCQ7yDKjfGUusKfkBvA8ya_pYdPYSWoyLT
UZYOdxtgzKLSouuXynNcWnhR0YmT1XxivOZ8ujaqh2PzFhtXqpw8MSTf-
BFjoc_VHlIu_1YTjnC6WT4KQ8yUWgIj-
F3ENyWkTJYUYwAjwNvHQ1u49ubNj99D6zM5xdUI0BDxPzXFUiwriyVJl7o3IHBB6aIHRGlF4tRnVqVV0NXR
LsdW6BT4ZxQvFYtAqyBWwqHdcv3grcIR9r0BfzWkXNQd-
zIgrYjsA94RcDbeDt1ikY98p1luET_plTNOt_efGZ2rPOZd3CKnk_sa5dq1IQVxCpK6aZ9Jsfqw3x6_TR0N
EWSZz8RjiZEWUY5F7sibvc2VNX_A0=w604-h453-no?authuser=1'/>
<span>FOTO</span>
</a>
</li>
</ul></b:if></b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog'
version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#333333</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#333333</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-
setting>
<b:widget-setting name='style.linkcolor'>#cc6600</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-
setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script 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>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c
%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String))
{while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\
w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\
b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H)
{K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4
e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4
e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-
l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A
B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A
B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c
3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a
f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#"
z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A
B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#"
z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A
B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++)
{C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.
$t,10);1g(1k)}x 1f(){5
d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-
7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1)
{3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h
T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1)
{j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h
T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5
13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-
l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5
v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-
h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5
1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-
7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||
nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|
urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|
home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|
nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|
length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|
nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|
timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|
write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|
start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|
showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|
20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
<!--Page Navigation Ends -->
</b:if>
</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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='breadcrumb' var='posts'><b:if
cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<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:title'
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'>Home</a></span> » <span>Unlabelled</span> »
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives
for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All
posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed
under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='470'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div id='comments-block3'>
<b:loop values='data:post.comments' var='comment'>
<div id='comment-header'>
<div expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<div id='comment-profile-image'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div id='comment-name-url'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<a class='comments-autor-name'> <data:comment.author/></a>
</b:if>
<a class='says'>says:</a>
</div>
<div id='comment-date'>
<span class='comment-timestamp'>
<a class='comment-permalink'><data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
<div id='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<div style='clear:both;'/>
<p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>
</b:if>
</div>
</div>
</div>
</b:loop>
</div>
<div style='clear:both;'/>
<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>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</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 style='clear: both;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<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'><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='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-desktop-link'>
<a class='home-link'
expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</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-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author'
rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
itemprop='url' rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'
itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
</b:includable>
<b:includable id='post' var='post'>
<div class='wrapfullpost'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<p>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/
>");</script>
<div class='post-header-line-1'/>
<b:if cond='data:blog.pageType ==
"static_page"'><data:post.body/></b:if></p>
<div style='clear:both;'/>
<b:if cond='data:blog.pageType == "item"'>
<div class='postmeta-secondary'>
<span class='meta_categories'>Posted in: <b:if cond='data:post.labels'><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>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/></div>
</div>
</div>
</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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='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>
<a class='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>
<a class='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>
<a class='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>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl +
"&target=buzz"' expr:onclick='"window.open(this.href, \
"_blank\", \"height=415,width=690\"); return false;"'
expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0'
id='comment-editor' name='comment-editor' src='' style='display: none'
width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0'
id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_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='rsidebar-wrapper'>
<div style='height:5px;clear:both;'/>
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-1432447472-
id").hide();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id
li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-1432447472-
id:first").show();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li
a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-1432447472-id
li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-
1432447472-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div style='height:5px;clear:both;'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a
href="http://top.realwap.net/online.php?id=faryd"><img
src="http://top.realwap.net/img.php?id=faryd" alt="TOP RANK"/></a>]]></b:widget-
setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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:widget id='HTML5' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a
href="http://info.flagcounter.com/KfZ0"><img
src="http://s04.flagcounter.com/count/KfZ0/bg_FFFFFF/txt_000000/border_CCCCCC/
columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter"
border="0" /></a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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:widget id='HTML14' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- Mulai Kode Backlink --
><a target="_blank" title="Top Link Indo : Auto Backlink Gratis dari Indonesia"
href="http://toplinkindo.blogspot.com/"><img border="0" width="80" alt="Auto
Backlink Gratis Indonesia : Top Link Indo"
src="http://lh6.ggpht.com/__LDKTfLchOU/TRy7tzrO4XI/AAAAAAAAABo/UJDotaCK-Cc/s800/
toplinkindo-backlink-gratis.jpg" height="15" /></a><!-- akhir Kode Backlink --
>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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>
<p/></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
<div class='span-24'>
<div id='footer-column-container'>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='LinkList3' locked='false' title='Tool For Make Template'
type='LinkList'>
<b:includable id='main'>
<!-- This free Blogger template is licensed under the Creative Commons Attribution
3.0 License, which permits both personal and commercial use. Please be Respectfull
Designer and Author Template also supporters with Do Not Remove or change credit
links.
++PERINGATAN KERAS++ template ini mempunyai hak cipta. hak cipta sepenuhnya milik
andi-techno.blogspot.com, jika anda menghapus kredit andi-techno pada footer ini,
blog anda akan dilaporkan ke Google DMCA untuk di blok karena melanggar hak cipta
Saya yakin Anda adalah Blogger Hebat yang dapat menghargai karya orang dengan tidak
menghapus atau mengubah Link Kredit berikut-->
Blog Title: <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> |
Template: <a href='http://andi-techno.blogspot.com/' target='_blank' title='X-Gen
Green CSS V.2'>X-Gen Green CSS V.2</a> | Template Designer <a href='http://andi-
techno.blogspot.com/' target='_blank' title='Andi Techno'>Andi Techno</a> | <a
href='http://andi-techno.blogspot.com/' target='_blank' title='Tricks and Template
Blogger'> Technology Tower </a>
</div>
</div>
</div>
</body>
</html>