<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<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 content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Johny Blackstore
Author : Maskolis
Url : http://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#eeeeee">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#2a4978">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#333333">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#000000">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#333333">
<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="#2a4978">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 26px 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 12px Lucida Sans, Tahoma, Helvetica, FreeSans, 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 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M6IZrIkOgsRrgHwdABI7MiQ8m7VluuknJgJihd4m2WCgesePEOL0Vdau81kLKg4ftIqPseClPCLblee99qwalzv4MdXRwbKp3CngIN3xW7jJunQnhiv60SSgb-b-5iCxUsXDRSzoexIh/s1600/body-bg1.png);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0}
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqY_7gSJZzzQqzEsZp9C1uh8bq5fhQier8CSBqNpDX4ZkLrtnrhNWbmWd67vX6_XSTIJk11fI6Y6MBvL5CpnUpVp6LGa0WBFy70XSue_m2RYn55vUE8w52tI9_DcVsHWggb-inR5kjUTFk/s1600/header.png);width:970px;height:140px;border:0 solid $bordercolor;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:350px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}
#header2{float:right;width:600px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:10px 0}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:10px 5px .15em;color:#333;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#crosscol-wrapper{margin:0 auto;padding:0 auto}
.crosscol .widget{margin:0 auto;padding:0 0 6px}
#mainpage-wrapper{width:720px;float:$startSide;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width:720px;float:$startSide;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M6IZrIkOgsRrgHwdABI7MiQ8m7VluuknJgJihd4m2WCgesePEOL0Vdau81kLKg4ftIqPseClPCLblee99qwalzv4MdXRwbKp3CngIN3xW7jJunQnhiv60SSgb-b-5iCxUsXDRSzoexIh/s1600/body-bg1.png);width:250px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2.date-header{margin:1.5em 0 .5em}
.post{margin:.5em 0 .1em;padding:15px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#444444}
.post-body{border-top:2px solid #bbb;font:12px Arial;padding-top:10px;line-height:1.4em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk23hAGC8TGS8FwwuaHvhofOVwjr3GI2uDmcBNb4ad_vx6l05-umN5HbRt5tVI9ItH86G2Sc18AgWI7ZtX65jz0kqLIuyfHBAH2evW2LkdIpKRdxnKiPbI7MjaMq5oCVY8WjOAOAAkC2g/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgyW14xwAIXBocAds8hce4Q-_1172sf4HON353JhgU0H-9Xto5i2lYQZbkrSXmNsRCvtoQLjzNfnRBNCMt8S5KVBpnnKwQByDThz8fFy6iCaLHjlT-s5LHSzD3IPavXBNzZt1qCdyr0s/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;text-transform:uppercase;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #bababa;border-top:1px solid #bababa}
.sidebar{text-shadow: white 1px 1px 1px;color:#666666;line-height:1.3em;border:1px solid #c3c3c3;border-top:none}
.sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkmsRT-4kiCoAQxc3-SEbB6-wKBmEpBkjrPylW8ul32GtQvTI-4FhZTCZR8T_L5Gq2ZvsKzMIM6IbWUXumBSITKuhFU3wr3FnZwWRO_wJb3E5xFpfDG1WZmb__SwV5nH_6jC7lN5F_E8/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#555;text-decoration:none}
.sidebar li a:hover{color:#1159b3}
.sidebar ul{list-style:none;margin:0;padding:5px 10px}
.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}
#toppic {width:970px;height:37px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsMUOQrG0OQDq6SkYovQrjn9xH8n-zTRYQ0M-95NhKV86NP_zhxEI6tq27CzhleU6gg7u_9g-rFNURbiEAEhOpF6uCGtjBP8VT4H39TSPc7erauP7AUlvj444eqnG3Ur8_rF_zhVxYP7pj/s1600/menutop1.gif) repeat-x top;border-bottom:1px solid #002851;margin:0 auto;padding:0 auto;overflow:hidden;text-shadow:1px 1px 2px #002851}
#topwrapper {width:970px;height:37px;margin:0 auto;padding:0 auto}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {text-align:left;display: block;text-decoration: none;padding:10px 12px 11px;font:bold 14px Arial;text-transform:none;color:#eee;}
#top a:hover {color:#c5fa6f}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1n1TRB4qeytuXcCfvGpxmk1hM2scWF9B4BNZiAc3apZ6ObSaIaea5UoHNb1gS4cUUfExTTTCW-gQyis9CYY3P3BlHkA6Pq0_VpiXW6Sj7iC1u7Jt7hwj7naIhYHUPjRKNWPOVyKskKGc/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 10px 24px 11px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:300px;}
#top ul li a {text-align:left;padding: 6px 15px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#1a3352;margin-left:-80px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87}
#top li ul li {width:150px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#3377b4;color:#fff;margin:2px;padding:3px 6px}
.newsfea{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;margin:0px;padding:7px 10px;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #fff}
#outer-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH8gXauqwYjMnT3GI39VkC3EWNqeZMTf_Vc9APPorHYNUDSkQcO5IYafbF9_dLNv8Z3B4P69XISrTjdXQXF4ZUbhecGGY9kl6nR0AFQ2xRizMk5lohn3rNmlgx6cFDm8SSLME-t1XBuyOI/s1600/outer-wrapper.png);width:970px;text-align:$startSide;font:$bodyfont;margin:10px auto;padding:10px;padding-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #222;box-shadow:0 0 40px rgba(0,0,0,.20)}
.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWeyXC1nB5hYFB3PsB6H4fMwvoxJhR6xDfvuAwaNkB0UlFENfggzVOQr-NPDadJ9bhsRmVO6NA0rBqXMTc14V-NOi2fKBF4PU1bJLH2PlvP4oAx-d4SC2aHJF7U7psE_KWGY42xUc6A8/s1600/batas.png) repeat-x scroll bottom;padding-bottom:10px;font:bold 14px Arial;color:#ccc;line-height:1.2em;text-transform:none;letter-spacing:.01em;margin:0 0 3px}
.footer{font:normal 12px Arial;color:#999;line-height:1.3em}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnGBg-Si8Ejjp8UYrksphSIkKg0_vXP9ta3VbYLeVyiatk_GK_EIcCO4kFqyScpksFmmmynHkyuBp3rtADBTkP1jH4dX3j4_ee4pQA9mQ6-GshoEstC80iluVib_AweAUI1uZMO-ZNEax/s1600/bullet.png) no-repeat 1px 5px;font:normal 13px Arial;color:#EAE9E8;text-indent:0;line-height:1.1em;margin:0;padding:2px 0 3px 16px}
.footer .widget{margin:0 0 5px;padding:0 auto}
.footer a:link,.footer a:visited{font:normal 12px Arial;color:#999;text-decoration:none}
.footer a:hover{color:#eee;text-decoration:none}
.footerwrap{background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ52lzzcGl1Ly4Q6l8283enId-avB56BW4XMHG0GLp2jQiF6RYH-KjbaRAkvujrRi2GfaCeXBlEmn5D_nJTGojJXItMJcUwPH_LKRz4RsComGF3P1QI5yB5obyEEEvfqZ3OCzkX_ZV_vxL/s1600/footer-bg.jpg) repeat-x top;width:970px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
#footer-wrapper{width:950px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
#footer1-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
#footer4-wrapper{width:270px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper,#footer3-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
.creditwrap{background:#333;width:970px;border-top:1px solid #666;margin:0 auto;padding:0 auto}
.credit{width:950px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}
#featuredSlider{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:1px solid #666;float:$startSide;margin:0; padding:10px 0; width:720px; position:relative;color:#aaa;font:bold 16px Arial;}
#featuredSlider .featured-thumb {background:#ccc;float:left; margin:0 10px 0 0; padding:8px;}
#featuredSlider .container {height:245px; margin:0 10px;overflow:hidden; position:relative; }
.featuredTitle{font-size:22px;font-weight:bold!important;}
.featuredTitle a{color:#bae077}
.featuredTitle a:hover{color:#fff}
.navigation {position:relative;bottom:18px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoFs1VV7yVF0-te2W6m8LIJy6ngacJvudY3-_8BudRPbQTnd-SpJzQwmVpn1yIZ5Jvk5frEJh7uQGxCRi8kMcmnNB3-yE6gzPoZ3eHAy-jHoMlH652WTk_gl5am2Lp_84iU72j5i-O6Z4S/s1600/pagination-slider.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.shop {float:right;background:#6b9b16 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;display:block;margin:10px 0 0 0;padding:4px 10px;color:#fff;font-weight:700}
a.shop:hover {color:#000}
#nav-wrapper{background:#333;border-top:1px solid #444;border-bottom:1px solid #000;height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden}
#nav{margin:0 auto;width:970px;height:30px;padding:0;text-shadow:1px 1px 2px #000}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{border-right:1px solid #000;background:#222;border-left:1px solid #444;color:#eee;float:right;height:30px;padding:5px 14px;font:12px Oswald;text-transform:none;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;}
#nav ul li a:hover{background:#000;color:#999;text-decoration:none;}
/* Shopping Cart
----------------------------------------------- */
#shoppingCart{background:#01417a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_OzTeZo77MPG_UBfwfeYkRzL-QuwnRQ55iRloegFAGXRRWwspdd72JzKbWBZS7kVJL8sJIgyzFDgsPap7ioR4M3ujJjdTbI4p8WVYHZLq7CS8zBaTZ8geAChdYkH0kPxWg1v1_AhVP1nT/s1600/shoppingcart.png) repeat-x top;float:left;color:#fff;width:230px;margin:0px;padding:0 10px 10px}
#shoppingCart h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiORuEO0D3E_KNS1SDD9oPCBk3N5KNbG1E4NmoLImOtUelKJXfRUa41ZIhB-KWi1XCHlUhtaDiG7e6NPyhqS6-DkQNJGEhXw59Y1p0g_pc2kkBqSKWEPNoUU5yFmdApdLgT7VNgMvksBo6/s1600/icon_cart.png) no-repeat left top;display:block;font-size:16px;color:#fff;text-decoration:none;margin-bottom:10px;padding:0 0 10px 25px}
.itemname{float:left;clear:both}
.item_thumb{padding:10px}
.item_price{display:block;height:20px;position:absolute;color:#014aa0;font:bold 14px Arial;float:left;padding:5px 10px;bottom:32px;width:150px;text-align:center}
.simpleCart_items{background:#2169b2;-webkit-box-shadow:inset #082849 0 2px 8px;-moz-box-shadow:inset #082849 0 2px 7px;font-size:80%;min-height:120px;display:block;margin-left:0 auto 10px;overflow:hidden;padding:10px}
.simpleCart_items img{text-align:left;width:40px!important;height:40px!important;padding:2px}
.itemContainer{float:left;width:210px;text-align:center;display:block;position:relative;bottom:0}
.itemthumb{float:left;width:58px;margin:0}
.itemQuantity{float:left;width:25px;margin:6px 0}
.itemQuantity input{border:none;color:#fff;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:25px;padding:5px}
.itemQuantity input:focus{outline:none}
.itemremove a{color:#FF0;float:left;font-weight:700;margin:15px 0 0 15px}
.itemTotal{color:#fff;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:55px;margin:15px 0 0 10px;padding:0}
.simpleCart_finalTotal{color:#fff;font-size:18px}
#shoppingCart table td{color:#fff;border:none;padding:2px 0}
#shoppingCart table{border:none;margin-top:5px}
#shoppingCart table td.odd{width:100px;}
#shoppingCart table td.even{width:100px;}
a.simpleCart_empty{background:#45b52f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;display:block;font:bold 12px Arial;text-align:center;text-decoration:none;color:#fff;float:left;width:80px;margin:0 15px;padding:6px}
.cartbuttons{margin:10px 0 0}
a.simpleCart_checkout{background:#45b52f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;display:block;font:bold 12px Arial;text-align:center;text-decoration:none;color:#fff;float:left;width:80px;padding:6px}
input.item_add{color:#000;font-size:11px;text-align:center;width:70px;margin:10px 0px 0px 8px;float:left;padding:2px 5px}
.item_name,.hidden_value,.cartHeaders{display:none}
a.simpleCart_empty:hover,a.simpleCart_checkout:hover{background:#d9d9d9;color:#000}
a.detail{background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzTmdoJaxbkVO5yFdj-ddDoUmLxxzQaR4l7PXI8NVa9Xnr47by7yhdFGH3IUraDFCgP1zP3CvDflngWAycUokHCO6w0_zeecxR5XmanwNRFJL1yhI-IIM8XivhnXDrT_GZoLZ0sLsdV-DD/s1600/blur.png) repeat-x top left;border:1px solid #333;color:#000;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.detail:hover{background:#fff;border:1px solid #333;}
#search{float:right;width:180px;height:20px;margin-top:2px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuK9bU-Gvdzt9-t1BVnQvB054_Qgd-isojpfobn6gMOgkxX3JmJkW3z9x5vCGvEXig4lGtsM7EKl_v-d-Ru6_-c2ErNsKw-82ZmznWc9oDwJ4s8t6xZqQZSkLPAF3w5fDyBC9AM7MTaPs/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #999;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
ul#related-posts{font:14px Oswald;list-style:none;text-transform:none;margin:10px 0;padding:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:4px solid #bbb;display:block;height:95px;position:relative;width:90px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:89px;line-height:16px;position:absolute;width:84px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2u2R10gDY8lM_jLmM-c4p96KXW4qGpg3ao_OpLBar4BabGDWcUt29p3JH8aAYFZ6mijIS57daiB98BaiTiAynwAt1uPjbJGeFglisxkdoeGCBo8uxemlKMNgJbGsBCu5TwqWmR9cpr8Y/s1600/transparant.png);display:block!important;}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);border:4px solid #666}
#carousel{background:#111;width:720px;height:95px;position:relative;display:block;margin:0px}
#carousel h5{font:11px Arial;color:#ccc;margin:2px}
#carousel .container{position:absolute;left:25px;width:710px;height:95px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;background:#ccc;padding:3px 3px 0}
#carousel #previous_button{position:absolute;width:25px;height:95px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVWBX2qPrwa0b75qjLJIvrWiXqr6Ewfiegr5KE_lWwhsrrtrJAijv8Plzxh0ZNdXNlWmUtkDCAy93ufziXY7_7U7bZz2TNdVwCIjNWiuLAdA777co1yQYej3sGXwrCW-_sh1WBGCm9kM/s1600/prev1.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:95px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkuXX-5JirurUWFTIuKKC-8sWl3vlFY9QH6ONSnxizv8SAs_L429JM3GtAG2_VNgYzJzqiRuY2VdBmVMA3isTKg4adIf5IJwdAGsbg3UtIPihlTh8U3_TSSV_0IXKjgnRzEyLtVtY6JkI/s1600/next1.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:5px}
#carousel ul li{display:inline;float:left;text-align:left;font:11px Oswald;width:205px;height:70px;margin:0 2px 20px 5px;padding:6px}
#carousel ul li a.slider_title{color:#fff;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#fdd910}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-58owqrcTe0tRepEPWKnxjzX_zhiCYtxXA8ECwZGV5GQwQHs2NN9GokmgehSceQkYK6IO8SMOkzRtUFbm7jjcufI3e6BppOFYoBLG_HMReTJW3Jc2v0xn4_uxqxThmdBwj90rjQAdZm9c/s1600/post-img.png) repeat-x top;border:1px solid #bbb;list-style:none;width:160px;margin:10px 1px 0 10px;text-align:center;height:250px;display:inline;float:left;overflow:hidden;position:relative;padding:2px 5px 5px 0}
.post:hover{border:1px solid #999}
.post-footer{display:none}
.post h3{height:25px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
.post h3 a{color:#111;font:14px Oswald;text-align:center;text-shadow:none;line-height:20px}
.post h3 a:hover{color:#014aa0}
.post-body{border-top:none;height:200px;overflow:hidden;width:160px;padding:0px;margin:0 0 .3cm;}
.post img{margin:10px}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
.item_price {text-align:center;font-size:20px;background:#014aa0;color:#fff;font-weight:700;position:relative;padding:5px 10px 8px;bottom:0;left:0}
input.item_add{float:right;font-size: 15px;padding:5px;margin: 5px 0 0 10px;position: relative;width: 100px;}
input.order{float:right;font-size: 15px;padding:5px;margin: 5px 0 0 10px;position: relative;width: 100px;}
.item_thumb{display:none}
</style>
</b:if>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/WojosimpleCart-IDR.js' type='text/javascript'/>
<script type='text/javascript'>
simpleCart.email = "johnytemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["Name", "thumb_image" , "Quantity_input" , "Total", "remove" ];
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
this.imagePreview=function(){xOffset=10;yOffset=30;$("a.preview").hover(function(e){this.t=this.title;this.title="";var c=(this.t!="")?"<br/>"+this.t:"";$("body").append("<p id='preview'><img src='"+this.href+"' alt='Image preview' />"+c+"</p>");$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px").fadeIn("fast")},function(){this.title=this.t;$("#preview").remove()});$("a.preview").mousemove(function(e){$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px")})};$(document).ready(function(){imagePreview()});
//]]>
</script>
<style>
#preview{position:absolute;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);background:#4488dd;padding:5px;z-index:330;color:#fff;}
</style>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/carousellite.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery.innerfade.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1x7jeXzJCMrlEkxkxMFHJ0yuw9fjfpxHrW6lYRSgCboVHEuBiomnx60hVDEpXRR97h-u5aA1G5itTbtwiYa6j5G8i8iCFhbpotEl3Z4zVJh0QyAe7JQW2y9yyascpgrv9Q_9TBJrQfU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts = 8;
numposts0=12;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="slides">')
if (numposts <= json.feed.entry.length) {
maxpost = numposts;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent
; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="360" height="230" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="shop">Shop now !</a></div>';
document.write(trtd);
j++;
}
document.write('</div>')
}
function showrecentposts0(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts0;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="69" height="64" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j++}document.write('</ul>')}
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Johny Ganteng Cart (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"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'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
<div id='nav-wrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == "") {this.value = "Type and Enter";}' onfocus='if (this.value == "Type and Enter") {this.value ="";}' size='30' type='text' value='Type and Enter'/>
</div>
</form>
</div>
</div></div>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='crosscol-wrapper'>
</div>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:section id='featuredSlider' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='Featured Slider' type='HTML'>
<b:includable id='main'>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='navigation'>
<ul class='pagination'/>
<script>
$('.slides').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
</div>
</div> <!--end .container-->
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='slide-wrapper'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts0+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
</div>
<div class='newsfea'>
Latest Products
</div>
</b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='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=620\"); 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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template simpleCart_shelfItem'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='simpleCart_shelfItem'>
<div class='item_name'>
<data:post.title/></div>
<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>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=145; var d=400;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWUPBKS_KY7pF8ccV3_ITY5-_tJzYoXfi0xTPerfHWQLhSKzdYZY_0nGsKUwvTm-F2EBlkTMGPadRCw2M9ls2rD1kXkAWzz82gHyEtTtSzRls0cIMiJmHGyRsb7dSTMDradRb-OYt8oGM/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<a class="preview" href="'+e.replace("/s72-c/","/s"+d+"-d/")+'" title="Our Product Collection"><img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="item_thumb"" alt="'+d+'"/></a>';if(e!=""){return image_tag}else{return""}};
//]]>
</script>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));</script>
</b:if>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<data:post.body/>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='item_name'>
<data:post.title/></div>
<div class='item_thumb'><data:post.thumbnailUrl/></div>
<input class='item_add' type='button' value='Add to Cart'/>
<input class='order' onclick='window.location='http://johny-crott.blogspot.com/p/order.html'' type='button' value='Order'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "item"'>
<h2>Related product you might see:</h2>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1x7jeXzJCMrlEkxkxMFHJ0yuw9fjfpxHrW6lYRSgCboVHEuBiomnx60hVDEpXRR97h-u5aA1G5itTbtwiYa6j5G8i8iCFhbpotEl3Z4zVJh0QyAe7JQW2y9yyascpgrv9Q_9TBJrQfU/s1600/no+image.jpg";
var maxresults=5;
</script>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/relatedimage.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
<strong>Share this product</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<input class='item_add' type='button' value='Add to Cart'/>
<a class='detail' expr:href='data:post.url' type='button'>View detail</a>
</b:if></b:if>
<div class='post-footer'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</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>
<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: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='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>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='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: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:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"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='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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: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='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>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<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='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div 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='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' 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='feedLinksBody' var='links'>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=2440873145683465163&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZyhfDv1qytnHE-1A_oytV_wMqlUNlXvJWGJSOfdjrdEASB2jfC3nAXFCUyG_gF9_ttYE5ngNz5P1Vd9PSZGR9EinT426ptFZe_ejVoOLOHFXxym7GC2XST02tZvWIKIaml7mRN3VDlY/s1600/admin.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<p><data:comment.body/></p>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>
<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>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
<!--Page Navigation Ends -->
</div>
<div id='sidebar-wrapper'>
<div id='shoppingCart'>
<h2>Shopping Cart</h2>
<div class='simpleCart_items'/>
<table><tbody>
<tr><td class='odd'>Total Items: </td><td class='even'><span class='simpleCart_quantity'/></td></tr>
<tr><td class='odd'>SubTotal: </td><td class='even'><span class='simpleCart_total'/></td></tr>
<tr><td class='odd'>Tax Cost: </td><td class='even'><span class='simpleCart_taxCost'/></td></tr>
<tr><td class='odd'>Shipping Cost: </td><td class='even'><span class='simpleCart_shippingCost'/></td></tr>
<tr><td class='odd'>Final Total: </td><td class='even'><span class='simpleCart_finalTotal'/></td></tr>
</tbody></table>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a>
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a>
</div>
</div>
<div class='clear'/>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<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='PopularPosts1' locked='false' title='Most View Product' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<b:if cond='data:blog.pageType != "item"'>
<div class='footerwrap'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'/>
</div>
<div id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Our Partner' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
<b:widget id='Text1' locked='false' title='Template Information' type='Text'>
<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>
</div>
<div id='footer4-wrapper'>
<b:section class='footer' id='footer4' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Test Footer 1' type='HTML'>
<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>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<div class='creditwrap'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> | <a href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
Copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div style='float:right;text-align:right;'>
Template Created by <a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> Published by <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
</div>
Seorang konsumen datang ke tempat tukang cukur untuk memotong rambut merapikan brewoknya. Si tukang cukur mulai memotong rambut konsumennya dan mulailah terlibat pembicaraan yang mulai menghangat.
.JPG)
Mereka membicarakan banyak hal dan berbagai variasi topik pembicaraan dan sesaat topik pembicaraan beralih tentang Tuhan.
Si tukang cukur bilang,”Saya tidak percaya Tuhan itu ada”.
“Kenapa kamu berkata begitu ???” timpal si konsumen.
“Begini, coba Anda perhatikan di depan sana, apa yang terjadi di jalanan itu menunjukkan bahwa Tuhan itu tidak ada? Katakan kepadaku, jika Tuhan itu ada, mengapa ada orang sakit??, mengapa ada anak terlantar??"
"Jika Tuhan ada, pastiah tidak akan ada orang sakit ataupun kesusahan. Saya tidak dapat membayangkan bagaimana Tuhan Yang Maha Penyayang akan membiarkan ini semua terjadi.”
Si konsumen diam untuk berpikir sejenak, tapi tidak merespon karena dia tidak ingin memulai adu pendapat.
Si tukang cukur menyelesaikan pekerjaannya dan si konsumen pergi meninggalkan tempat si tukang cukur.
Beberapa saat setelah dia meninggalkan ruangan itu dia melihat ada orang di jalan dengan rambut yang panjang, berombak kasar (mlungker-mlungker, istilah jawa-nya), kotor dan brewok yang tidak dicukur. Orang itu terlihat kotor dan tidak terawat.
Si konsumen balik ke tempat tukang cukur dan berkata,” Kamu tahu, sebenarnya TIDAK ADA TUKANG CUKUR.”
Si tukang cukur tidak terima,” Kamu kok bisa bilang begitu ??”.
“Saya disini dan saya tukang cukur. Dan barusan saya mencukurmu!”
“Tidak!” elak si konsumen.
“Tukang cukur itu tidak ada, sebab jika ada, tidak akan ada orang dengan rambut panjang yang kotor dan brewokan seperti orang yang di luar sana,” Si konsumen menambahkan.
“Ah tidak, tapi tukang cukur tetap ada!” sanggah si tukang cukur.
”Apa yang kamu lihat itu adalah salah mereka sendiri, kenapa mereka tidak datang ke saya”, jawab si tukang cukur membela diri.
“Cocok!” kata si konsumen menyetujui.” Itulah point utama-nya!.
Sama dengan Tuhan, Tuhan itu juga ada, tapi apa yang terjadi… orang-orang tidak mau datang kepada-Nya, dan tidak mau mencari-Nya. Oleh karena itu banyak yang sakit dan tertimpa kesusahan di dunia ini.”
Apakah Tuhan harus memaksa untuk datSeorang konsumen datang ke tempat tukang cukur untuk memotong rambut merapikan brewoknya. Si tukang cukur mulai memotong rambut konsumennya dan mulailah terlibat pembicaraan yang mulai menghangat.
Mereka membicarakan banyak hal dan berbagai variasi topik pembicaraan dan sesaat topik pembicaraan beralih tentang Tuhan.
Si tukang cukur bilang,”Saya tidak percaya Tuhan itu ada”.
“Kenapa kamu berkata begitu ???” timpal si konsumen.
“Begini, coba Anda perhatikan di depan sana, apa yang terjadi di jalanan itu menunjukkan bahwa Tuhan itu tidak ada? Katakan kepadaku, jika Tuhan itu ada, mengapa ada orang sakit??, mengapa ada anak terlantar??"
"Jika Tuhan ada, pastiah tidak akan ada orang sakit ataupun kesusahan. Saya tidak dapat membayangkan bagaimana Tuhan Yang Maha Penyayang akan membiarkan ini semua terjadi.”
Si konsumen diam untuk berpikir sejenak, tapi tidak merespon karena dia tidak ingin memulai adu pendapat.
Si tukang cukur menyelesaikan pekerjaannya dan si konsumen pergi meninggalkan tempat si tukang cukur.
Beberapa saat setelah dia meninggalkan ruangan itu dia melihat ada orang di jalan dengan rambut yang panjang, berombak kasar (mlungker-mlungker, istilah jawa-nya), kotor dan brewok yang tidak dicukur. Orang itu terlihat kotor dan tidak terawat.
Si konsumen balik ke tempat tukang cukur dan berkata,” Kamu tahu, sebenarnya TIDAK ADA TUKANG CUKUR.”
Si tukang cukur tidak terima,” Kamu kok bisa bilang begitu ??”.
“Saya disini dan saya tukang cukur. Dan barusan saya mencukurmu!”
“Tidak!” elak si konsumen.
“Tukang cukur itu tidak ada, sebab jika ada, tidak akan ada orang dengan rambut panjang yang kotor dan brewokan seperti orang yang di luar sana,” Si konsumen menambahkan.
“Ah tidak, tapi tukang cukur tetap ada!” sanggah si tukang cukur.
”Apa yang kamu lihat itu adalah salah mereka sendiri, kenapa mereka tidak datang ke saya”, jawab si tukang cukur membela diri.
“Cocok!” kata si konsumen menyetujui.” Itulah point utama-nya!.
Sama dengan Tuhan, Tuhan itu juga ada, tapi apa yang terjadi… orang-orang tidak mau datang kepada-Nya, dan tidak mau mencari-Nya. Oleh karena itu banyak yang sakit dan tertimpa kesusahan di dunia ini.”
Apakah Tuhan harus memaksa untuk datang kepada-Nya baru dunia tidak ada kesusahan? Semua kembali pada diri kita masing-masing.
Sumber :
fauziahsari.multiply.comang kepada-Nya baru dunia tidak ada kesusahan? Semua kembali pada diri kita masing-masing.
Sumber :
fauziahsari.multiply.com</div>
</div></div> <!-- end outer-wrapper -->
<script src='https://masolis-javascript.googlecode.com/svn/trunk/comment.js' type='text/javascript'/>
<script type='text/javascript'>
(function($) {
$(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 2,
speed: 800,
visible: 3,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</body>
</html>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<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 content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Johny Blackstore
Author : Maskolis
Url : http://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#eeeeee">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#2a4978">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#333333">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#000000">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#333333">
<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="#2a4978">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 26px 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 12px Lucida Sans, Tahoma, Helvetica, FreeSans, 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 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M6IZrIkOgsRrgHwdABI7MiQ8m7VluuknJgJihd4m2WCgesePEOL0Vdau81kLKg4ftIqPseClPCLblee99qwalzv4MdXRwbKp3CngIN3xW7jJunQnhiv60SSgb-b-5iCxUsXDRSzoexIh/s1600/body-bg1.png);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0}
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqY_7gSJZzzQqzEsZp9C1uh8bq5fhQier8CSBqNpDX4ZkLrtnrhNWbmWd67vX6_XSTIJk11fI6Y6MBvL5CpnUpVp6LGa0WBFy70XSue_m2RYn55vUE8w52tI9_DcVsHWggb-inR5kjUTFk/s1600/header.png);width:970px;height:140px;border:0 solid $bordercolor;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:350px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}
#header2{float:right;width:600px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:10px 0}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:10px 5px .15em;color:#333;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#crosscol-wrapper{margin:0 auto;padding:0 auto}
.crosscol .widget{margin:0 auto;padding:0 0 6px}
#mainpage-wrapper{width:720px;float:$startSide;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width:720px;float:$startSide;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4M6IZrIkOgsRrgHwdABI7MiQ8m7VluuknJgJihd4m2WCgesePEOL0Vdau81kLKg4ftIqPseClPCLblee99qwalzv4MdXRwbKp3CngIN3xW7jJunQnhiv60SSgb-b-5iCxUsXDRSzoexIh/s1600/body-bg1.png);width:250px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2.date-header{margin:1.5em 0 .5em}
.post{margin:.5em 0 .1em;padding:15px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#444444}
.post-body{border-top:2px solid #bbb;font:12px Arial;padding-top:10px;line-height:1.4em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk23hAGC8TGS8FwwuaHvhofOVwjr3GI2uDmcBNb4ad_vx6l05-umN5HbRt5tVI9ItH86G2Sc18AgWI7ZtX65jz0kqLIuyfHBAH2evW2LkdIpKRdxnKiPbI7MjaMq5oCVY8WjOAOAAkC2g/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgyW14xwAIXBocAds8hce4Q-_1172sf4HON353JhgU0H-9Xto5i2lYQZbkrSXmNsRCvtoQLjzNfnRBNCMt8S5KVBpnnKwQByDThz8fFy6iCaLHjlT-s5LHSzD3IPavXBNzZt1qCdyr0s/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;text-transform:uppercase;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #bababa;border-top:1px solid #bababa}
.sidebar{text-shadow: white 1px 1px 1px;color:#666666;line-height:1.3em;border:1px solid #c3c3c3;border-top:none}
.sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkmsRT-4kiCoAQxc3-SEbB6-wKBmEpBkjrPylW8ul32GtQvTI-4FhZTCZR8T_L5Gq2ZvsKzMIM6IbWUXumBSITKuhFU3wr3FnZwWRO_wJb3E5xFpfDG1WZmb__SwV5nH_6jC7lN5F_E8/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#555;text-decoration:none}
.sidebar li a:hover{color:#1159b3}
.sidebar ul{list-style:none;margin:0;padding:5px 10px}
.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}
#toppic {width:970px;height:37px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsMUOQrG0OQDq6SkYovQrjn9xH8n-zTRYQ0M-95NhKV86NP_zhxEI6tq27CzhleU6gg7u_9g-rFNURbiEAEhOpF6uCGtjBP8VT4H39TSPc7erauP7AUlvj444eqnG3Ur8_rF_zhVxYP7pj/s1600/menutop1.gif) repeat-x top;border-bottom:1px solid #002851;margin:0 auto;padding:0 auto;overflow:hidden;text-shadow:1px 1px 2px #002851}
#topwrapper {width:970px;height:37px;margin:0 auto;padding:0 auto}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {text-align:left;display: block;text-decoration: none;padding:10px 12px 11px;font:bold 14px Arial;text-transform:none;color:#eee;}
#top a:hover {color:#c5fa6f}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1n1TRB4qeytuXcCfvGpxmk1hM2scWF9B4BNZiAc3apZ6ObSaIaea5UoHNb1gS4cUUfExTTTCW-gQyis9CYY3P3BlHkA6Pq0_VpiXW6Sj7iC1u7Jt7hwj7naIhYHUPjRKNWPOVyKskKGc/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 10px 24px 11px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:300px;}
#top ul li a {text-align:left;padding: 6px 15px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#1a3352;margin-left:-80px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87}
#top li ul li {width:150px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#3377b4;color:#fff;margin:2px;padding:3px 6px}
.newsfea{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top;font:13px Oswald;color:#444;margin:0px;padding:7px 10px;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #fff}
#outer-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH8gXauqwYjMnT3GI39VkC3EWNqeZMTf_Vc9APPorHYNUDSkQcO5IYafbF9_dLNv8Z3B4P69XISrTjdXQXF4ZUbhecGGY9kl6nR0AFQ2xRizMk5lohn3rNmlgx6cFDm8SSLME-t1XBuyOI/s1600/outer-wrapper.png);width:970px;text-align:$startSide;font:$bodyfont;margin:10px auto;padding:10px;padding-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #222;box-shadow:0 0 40px rgba(0,0,0,.20)}
.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWeyXC1nB5hYFB3PsB6H4fMwvoxJhR6xDfvuAwaNkB0UlFENfggzVOQr-NPDadJ9bhsRmVO6NA0rBqXMTc14V-NOi2fKBF4PU1bJLH2PlvP4oAx-d4SC2aHJF7U7psE_KWGY42xUc6A8/s1600/batas.png) repeat-x scroll bottom;padding-bottom:10px;font:bold 14px Arial;color:#ccc;line-height:1.2em;text-transform:none;letter-spacing:.01em;margin:0 0 3px}
.footer{font:normal 12px Arial;color:#999;line-height:1.3em}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnGBg-Si8Ejjp8UYrksphSIkKg0_vXP9ta3VbYLeVyiatk_GK_EIcCO4kFqyScpksFmmmynHkyuBp3rtADBTkP1jH4dX3j4_ee4pQA9mQ6-GshoEstC80iluVib_AweAUI1uZMO-ZNEax/s1600/bullet.png) no-repeat 1px 5px;font:normal 13px Arial;color:#EAE9E8;text-indent:0;line-height:1.1em;margin:0;padding:2px 0 3px 16px}
.footer .widget{margin:0 0 5px;padding:0 auto}
.footer a:link,.footer a:visited{font:normal 12px Arial;color:#999;text-decoration:none}
.footer a:hover{color:#eee;text-decoration:none}
.footerwrap{background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ52lzzcGl1Ly4Q6l8283enId-avB56BW4XMHG0GLp2jQiF6RYH-KjbaRAkvujrRi2GfaCeXBlEmn5D_nJTGojJXItMJcUwPH_LKRz4RsComGF3P1QI5yB5obyEEEvfqZ3OCzkX_ZV_vxL/s1600/footer-bg.jpg) repeat-x top;width:970px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
#footer-wrapper{width:950px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}
#footer1-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
#footer4-wrapper{width:270px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper,#footer3-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
.creditwrap{background:#333;width:970px;border-top:1px solid #666;margin:0 auto;padding:0 auto}
.credit{width:950px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}
#featuredSlider{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:1px solid #666;float:$startSide;margin:0; padding:10px 0; width:720px; position:relative;color:#aaa;font:bold 16px Arial;}
#featuredSlider .featured-thumb {background:#ccc;float:left; margin:0 10px 0 0; padding:8px;}
#featuredSlider .container {height:245px; margin:0 10px;overflow:hidden; position:relative; }
.featuredTitle{font-size:22px;font-weight:bold!important;}
.featuredTitle a{color:#bae077}
.featuredTitle a:hover{color:#fff}
.navigation {position:relative;bottom:18px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoFs1VV7yVF0-te2W6m8LIJy6ngacJvudY3-_8BudRPbQTnd-SpJzQwmVpn1yIZ5Jvk5frEJh7uQGxCRi8kMcmnNB3-yE6gzPoZ3eHAy-jHoMlH652WTk_gl5am2Lp_84iU72j5i-O6Z4S/s1600/pagination-slider.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.shop {float:right;background:#6b9b16 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;display:block;margin:10px 0 0 0;padding:4px 10px;color:#fff;font-weight:700}
a.shop:hover {color:#000}
#nav-wrapper{background:#333;border-top:1px solid #444;border-bottom:1px solid #000;height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden}
#nav{margin:0 auto;width:970px;height:30px;padding:0;text-shadow:1px 1px 2px #000}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{border-right:1px solid #000;background:#222;border-left:1px solid #444;color:#eee;float:right;height:30px;padding:5px 14px;font:12px Oswald;text-transform:none;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;}
#nav ul li a:hover{background:#000;color:#999;text-decoration:none;}
/* Shopping Cart
----------------------------------------------- */
#shoppingCart{background:#01417a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_OzTeZo77MPG_UBfwfeYkRzL-QuwnRQ55iRloegFAGXRRWwspdd72JzKbWBZS7kVJL8sJIgyzFDgsPap7ioR4M3ujJjdTbI4p8WVYHZLq7CS8zBaTZ8geAChdYkH0kPxWg1v1_AhVP1nT/s1600/shoppingcart.png) repeat-x top;float:left;color:#fff;width:230px;margin:0px;padding:0 10px 10px}
#shoppingCart h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiORuEO0D3E_KNS1SDD9oPCBk3N5KNbG1E4NmoLImOtUelKJXfRUa41ZIhB-KWi1XCHlUhtaDiG7e6NPyhqS6-DkQNJGEhXw59Y1p0g_pc2kkBqSKWEPNoUU5yFmdApdLgT7VNgMvksBo6/s1600/icon_cart.png) no-repeat left top;display:block;font-size:16px;color:#fff;text-decoration:none;margin-bottom:10px;padding:0 0 10px 25px}
.itemname{float:left;clear:both}
.item_thumb{padding:10px}
.item_price{display:block;height:20px;position:absolute;color:#014aa0;font:bold 14px Arial;float:left;padding:5px 10px;bottom:32px;width:150px;text-align:center}
.simpleCart_items{background:#2169b2;-webkit-box-shadow:inset #082849 0 2px 8px;-moz-box-shadow:inset #082849 0 2px 7px;font-size:80%;min-height:120px;display:block;margin-left:0 auto 10px;overflow:hidden;padding:10px}
.simpleCart_items img{text-align:left;width:40px!important;height:40px!important;padding:2px}
.itemContainer{float:left;width:210px;text-align:center;display:block;position:relative;bottom:0}
.itemthumb{float:left;width:58px;margin:0}
.itemQuantity{float:left;width:25px;margin:6px 0}
.itemQuantity input{border:none;color:#fff;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:25px;padding:5px}
.itemQuantity input:focus{outline:none}
.itemremove a{color:#FF0;float:left;font-weight:700;margin:15px 0 0 15px}
.itemTotal{color:#fff;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:55px;margin:15px 0 0 10px;padding:0}
.simpleCart_finalTotal{color:#fff;font-size:18px}
#shoppingCart table td{color:#fff;border:none;padding:2px 0}
#shoppingCart table{border:none;margin-top:5px}
#shoppingCart table td.odd{width:100px;}
#shoppingCart table td.even{width:100px;}
a.simpleCart_empty{background:#45b52f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;display:block;font:bold 12px Arial;text-align:center;text-decoration:none;color:#fff;float:left;width:80px;margin:0 15px;padding:6px}
.cartbuttons{margin:10px 0 0}
a.simpleCart_checkout{background:#45b52f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SS0SsXJxKyqmRSWUV0KEnUDO3p-UN5DY-c05EiaVakQNhBV9kZA7V4oJ0wAwxyDH9JqL7D0LIqXkH1SjgJptNVePmeaSsMrwOiVCvbuhwPUbcOt6l6sqmupx_B5steKbllyWP8qv5RA/s1600/fade.png) repeat-x top left;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;display:block;font:bold 12px Arial;text-align:center;text-decoration:none;color:#fff;float:left;width:80px;padding:6px}
input.item_add{color:#000;font-size:11px;text-align:center;width:70px;margin:10px 0px 0px 8px;float:left;padding:2px 5px}
.item_name,.hidden_value,.cartHeaders{display:none}
a.simpleCart_empty:hover,a.simpleCart_checkout:hover{background:#d9d9d9;color:#000}
a.detail{background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzTmdoJaxbkVO5yFdj-ddDoUmLxxzQaR4l7PXI8NVa9Xnr47by7yhdFGH3IUraDFCgP1zP3CvDflngWAycUokHCO6w0_zeecxR5XmanwNRFJL1yhI-IIM8XivhnXDrT_GZoLZ0sLsdV-DD/s1600/blur.png) repeat-x top left;border:1px solid #333;color:#000;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.detail:hover{background:#fff;border:1px solid #333;}
#search{float:right;width:180px;height:20px;margin-top:2px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuK9bU-Gvdzt9-t1BVnQvB054_Qgd-isojpfobn6gMOgkxX3JmJkW3z9x5vCGvEXig4lGtsM7EKl_v-d-Ru6_-c2ErNsKw-82ZmznWc9oDwJ4s8t6xZqQZSkLPAF3w5fDyBC9AM7MTaPs/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #999;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
ul#related-posts{font:14px Oswald;list-style:none;text-transform:none;margin:10px 0;padding:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:4px solid #bbb;display:block;height:95px;position:relative;width:90px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:89px;line-height:16px;position:absolute;width:84px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2u2R10gDY8lM_jLmM-c4p96KXW4qGpg3ao_OpLBar4BabGDWcUt29p3JH8aAYFZ6mijIS57daiB98BaiTiAynwAt1uPjbJGeFglisxkdoeGCBo8uxemlKMNgJbGsBCu5TwqWmR9cpr8Y/s1600/transparant.png);display:block!important;}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);border:4px solid #666}
#carousel{background:#111;width:720px;height:95px;position:relative;display:block;margin:0px}
#carousel h5{font:11px Arial;color:#ccc;margin:2px}
#carousel .container{position:absolute;left:25px;width:710px;height:95px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;background:#ccc;padding:3px 3px 0}
#carousel #previous_button{position:absolute;width:25px;height:95px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVWBX2qPrwa0b75qjLJIvrWiXqr6Ewfiegr5KE_lWwhsrrtrJAijv8Plzxh0ZNdXNlWmUtkDCAy93ufziXY7_7U7bZz2TNdVwCIjNWiuLAdA777co1yQYej3sGXwrCW-_sh1WBGCm9kM/s1600/prev1.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:95px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkuXX-5JirurUWFTIuKKC-8sWl3vlFY9QH6ONSnxizv8SAs_L429JM3GtAG2_VNgYzJzqiRuY2VdBmVMA3isTKg4adIf5IJwdAGsbg3UtIPihlTh8U3_TSSV_0IXKjgnRzEyLtVtY6JkI/s1600/next1.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:5px}
#carousel ul li{display:inline;float:left;text-align:left;font:11px Oswald;width:205px;height:70px;margin:0 2px 20px 5px;padding:6px}
#carousel ul li a.slider_title{color:#fff;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#fdd910}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-58owqrcTe0tRepEPWKnxjzX_zhiCYtxXA8ECwZGV5GQwQHs2NN9GokmgehSceQkYK6IO8SMOkzRtUFbm7jjcufI3e6BppOFYoBLG_HMReTJW3Jc2v0xn4_uxqxThmdBwj90rjQAdZm9c/s1600/post-img.png) repeat-x top;border:1px solid #bbb;list-style:none;width:160px;margin:10px 1px 0 10px;text-align:center;height:250px;display:inline;float:left;overflow:hidden;position:relative;padding:2px 5px 5px 0}
.post:hover{border:1px solid #999}
.post-footer{display:none}
.post h3{height:25px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
.post h3 a{color:#111;font:14px Oswald;text-align:center;text-shadow:none;line-height:20px}
.post h3 a:hover{color:#014aa0}
.post-body{border-top:none;height:200px;overflow:hidden;width:160px;padding:0px;margin:0 0 .3cm;}
.post img{margin:10px}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
.item_price {text-align:center;font-size:20px;background:#014aa0;color:#fff;font-weight:700;position:relative;padding:5px 10px 8px;bottom:0;left:0}
input.item_add{float:right;font-size: 15px;padding:5px;margin: 5px 0 0 10px;position: relative;width: 100px;}
input.order{float:right;font-size: 15px;padding:5px;margin: 5px 0 0 10px;position: relative;width: 100px;}
.item_thumb{display:none}
</style>
</b:if>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/WojosimpleCart-IDR.js' type='text/javascript'/>
<script type='text/javascript'>
simpleCart.email = "johnytemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["Name", "thumb_image" , "Quantity_input" , "Total", "remove" ];
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
this.imagePreview=function(){xOffset=10;yOffset=30;$("a.preview").hover(function(e){this.t=this.title;this.title="";var c=(this.t!="")?"<br/>"+this.t:"";$("body").append("<p id='preview'><img src='"+this.href+"' alt='Image preview' />"+c+"</p>");$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px").fadeIn("fast")},function(){this.title=this.t;$("#preview").remove()});$("a.preview").mousemove(function(e){$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px")})};$(document).ready(function(){imagePreview()});
//]]>
</script>
<style>
#preview{position:absolute;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);background:#4488dd;padding:5px;z-index:330;color:#fff;}
</style>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/carousellite.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery.innerfade.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1x7jeXzJCMrlEkxkxMFHJ0yuw9fjfpxHrW6lYRSgCboVHEuBiomnx60hVDEpXRR97h-u5aA1G5itTbtwiYa6j5G8i8iCFhbpotEl3Z4zVJh0QyAe7JQW2y9yyascpgrv9Q_9TBJrQfU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts = 8;
numposts0=12;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="slides">')
if (numposts <= json.feed.entry.length) {
maxpost = numposts;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent
; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="360" height="230" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="shop">Shop now !</a></div>';
document.write(trtd);
j++;
}
document.write('</div>')
}
function showrecentposts0(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts0;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="69" height="64" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j++}document.write('</ul>')}
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Johny Ganteng Cart (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"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'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
<div id='nav-wrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == "") {this.value = "Type and Enter";}' onfocus='if (this.value == "Type and Enter") {this.value ="";}' size='30' type='text' value='Type and Enter'/>
</div>
</form>
</div>
</div></div>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='crosscol-wrapper'>
</div>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:section id='featuredSlider' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='Featured Slider' type='HTML'>
<b:includable id='main'>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='navigation'>
<ul class='pagination'/>
<script>
$('.slides').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
</div>
</div> <!--end .container-->
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='slide-wrapper'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts0+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
</div>
<div class='newsfea'>
Latest Products
</div>
</b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='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=620\"); 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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template simpleCart_shelfItem'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
<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>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='simpleCart_shelfItem'>
<div class='item_name'>
<data:post.title/></div>
<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>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=145; var d=400;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWUPBKS_KY7pF8ccV3_ITY5-_tJzYoXfi0xTPerfHWQLhSKzdYZY_0nGsKUwvTm-F2EBlkTMGPadRCw2M9ls2rD1kXkAWzz82gHyEtTtSzRls0cIMiJmHGyRsb7dSTMDradRb-OYt8oGM/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<a class="preview" href="'+e.replace("/s72-c/","/s"+d+"-d/")+'" title="Our Product Collection"><img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="item_thumb"" alt="'+d+'"/></a>';if(e!=""){return image_tag}else{return""}};
//]]>
</script>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));</script>
</b:if>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<data:post.body/>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='item_name'>
<data:post.title/></div>
<div class='item_thumb'><data:post.thumbnailUrl/></div>
<input class='item_add' type='button' value='Add to Cart'/>
<input class='order' onclick='window.location='http://johny-crott.blogspot.com/p/order.html'' type='button' value='Order'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "item"'>
<h2>Related product you might see:</h2>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1x7jeXzJCMrlEkxkxMFHJ0yuw9fjfpxHrW6lYRSgCboVHEuBiomnx60hVDEpXRR97h-u5aA1G5itTbtwiYa6j5G8i8iCFhbpotEl3Z4zVJh0QyAe7JQW2y9yyascpgrv9Q_9TBJrQfU/s1600/no+image.jpg";
var maxresults=5;
</script>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/relatedimage.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
<strong>Share this product</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<input class='item_add' type='button' value='Add to Cart'/>
<a class='detail' expr:href='data:post.url' type='button'>View detail</a>
</b:if></b:if>
<div class='post-footer'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</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>
<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: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='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>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='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: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:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"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='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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: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='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>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<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='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div 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='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' 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='feedLinksBody' var='links'>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=2440873145683465163&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZyhfDv1qytnHE-1A_oytV_wMqlUNlXvJWGJSOfdjrdEASB2jfC3nAXFCUyG_gF9_ttYE5ngNz5P1Vd9PSZGR9EinT426ptFZe_ejVoOLOHFXxym7GC2XST02tZvWIKIaml7mRN3VDlY/s1600/admin.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<p><data:comment.body/></p>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>
<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>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
<!--Page Navigation Ends -->
</div>
<div id='sidebar-wrapper'>
<div id='shoppingCart'>
<h2>Shopping Cart</h2>
<div class='simpleCart_items'/>
<table><tbody>
<tr><td class='odd'>Total Items: </td><td class='even'><span class='simpleCart_quantity'/></td></tr>
<tr><td class='odd'>SubTotal: </td><td class='even'><span class='simpleCart_total'/></td></tr>
<tr><td class='odd'>Tax Cost: </td><td class='even'><span class='simpleCart_taxCost'/></td></tr>
<tr><td class='odd'>Shipping Cost: </td><td class='even'><span class='simpleCart_shippingCost'/></td></tr>
<tr><td class='odd'>Final Total: </td><td class='even'><span class='simpleCart_finalTotal'/></td></tr>
</tbody></table>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a>
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a>
</div>
</div>
<div class='clear'/>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<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='PopularPosts1' locked='false' title='Most View Product' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<b:if cond='data:blog.pageType != "item"'>
<div class='footerwrap'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'/>
</div>
<div id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Our Partner' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
<b:widget id='Text1' locked='false' title='Template Information' type='Text'>
<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>
</div>
<div id='footer4-wrapper'>
<b:section class='footer' id='footer4' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Test Footer 1' type='HTML'>
<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>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<div class='creditwrap'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> | <a href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
Copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div style='float:right;text-align:right;'>
Template Created by <a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> Published by <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
</div>
Seorang konsumen datang ke tempat tukang cukur untuk memotong rambut merapikan brewoknya. Si tukang cukur mulai memotong rambut konsumennya dan mulailah terlibat pembicaraan yang mulai menghangat.
Mereka membicarakan banyak hal dan berbagai variasi topik pembicaraan dan sesaat topik pembicaraan beralih tentang Tuhan.
Si tukang cukur bilang,”Saya tidak percaya Tuhan itu ada”.
“Kenapa kamu berkata begitu ???” timpal si konsumen.
“Begini, coba Anda perhatikan di depan sana, apa yang terjadi di jalanan itu menunjukkan bahwa Tuhan itu tidak ada? Katakan kepadaku, jika Tuhan itu ada, mengapa ada orang sakit??, mengapa ada anak terlantar??"
"Jika Tuhan ada, pastiah tidak akan ada orang sakit ataupun kesusahan. Saya tidak dapat membayangkan bagaimana Tuhan Yang Maha Penyayang akan membiarkan ini semua terjadi.”
Si konsumen diam untuk berpikir sejenak, tapi tidak merespon karena dia tidak ingin memulai adu pendapat.
Si tukang cukur menyelesaikan pekerjaannya dan si konsumen pergi meninggalkan tempat si tukang cukur.
Beberapa saat setelah dia meninggalkan ruangan itu dia melihat ada orang di jalan dengan rambut yang panjang, berombak kasar (mlungker-mlungker, istilah jawa-nya), kotor dan brewok yang tidak dicukur. Orang itu terlihat kotor dan tidak terawat.
Si konsumen balik ke tempat tukang cukur dan berkata,” Kamu tahu, sebenarnya TIDAK ADA TUKANG CUKUR.”
Si tukang cukur tidak terima,” Kamu kok bisa bilang begitu ??”.
“Saya disini dan saya tukang cukur. Dan barusan saya mencukurmu!”
“Tidak!” elak si konsumen.
“Tukang cukur itu tidak ada, sebab jika ada, tidak akan ada orang dengan rambut panjang yang kotor dan brewokan seperti orang yang di luar sana,” Si konsumen menambahkan.
“Ah tidak, tapi tukang cukur tetap ada!” sanggah si tukang cukur.
”Apa yang kamu lihat itu adalah salah mereka sendiri, kenapa mereka tidak datang ke saya”, jawab si tukang cukur membela diri.
“Cocok!” kata si konsumen menyetujui.” Itulah point utama-nya!.
Sama dengan Tuhan, Tuhan itu juga ada, tapi apa yang terjadi… orang-orang tidak mau datang kepada-Nya, dan tidak mau mencari-Nya. Oleh karena itu banyak yang sakit dan tertimpa kesusahan di dunia ini.”
Apakah Tuhan harus memaksa untuk datSeorang konsumen datang ke tempat tukang cukur untuk memotong rambut merapikan brewoknya. Si tukang cukur mulai memotong rambut konsumennya dan mulailah terlibat pembicaraan yang mulai menghangat.
Mereka membicarakan banyak hal dan berbagai variasi topik pembicaraan dan sesaat topik pembicaraan beralih tentang Tuhan.
Si tukang cukur bilang,”Saya tidak percaya Tuhan itu ada”.
“Kenapa kamu berkata begitu ???” timpal si konsumen.
“Begini, coba Anda perhatikan di depan sana, apa yang terjadi di jalanan itu menunjukkan bahwa Tuhan itu tidak ada? Katakan kepadaku, jika Tuhan itu ada, mengapa ada orang sakit??, mengapa ada anak terlantar??"
"Jika Tuhan ada, pastiah tidak akan ada orang sakit ataupun kesusahan. Saya tidak dapat membayangkan bagaimana Tuhan Yang Maha Penyayang akan membiarkan ini semua terjadi.”
Si konsumen diam untuk berpikir sejenak, tapi tidak merespon karena dia tidak ingin memulai adu pendapat.
Si tukang cukur menyelesaikan pekerjaannya dan si konsumen pergi meninggalkan tempat si tukang cukur.
Beberapa saat setelah dia meninggalkan ruangan itu dia melihat ada orang di jalan dengan rambut yang panjang, berombak kasar (mlungker-mlungker, istilah jawa-nya), kotor dan brewok yang tidak dicukur. Orang itu terlihat kotor dan tidak terawat.
Si konsumen balik ke tempat tukang cukur dan berkata,” Kamu tahu, sebenarnya TIDAK ADA TUKANG CUKUR.”
Si tukang cukur tidak terima,” Kamu kok bisa bilang begitu ??”.
“Saya disini dan saya tukang cukur. Dan barusan saya mencukurmu!”
“Tidak!” elak si konsumen.
“Tukang cukur itu tidak ada, sebab jika ada, tidak akan ada orang dengan rambut panjang yang kotor dan brewokan seperti orang yang di luar sana,” Si konsumen menambahkan.
“Ah tidak, tapi tukang cukur tetap ada!” sanggah si tukang cukur.
”Apa yang kamu lihat itu adalah salah mereka sendiri, kenapa mereka tidak datang ke saya”, jawab si tukang cukur membela diri.
“Cocok!” kata si konsumen menyetujui.” Itulah point utama-nya!.
Sama dengan Tuhan, Tuhan itu juga ada, tapi apa yang terjadi… orang-orang tidak mau datang kepada-Nya, dan tidak mau mencari-Nya. Oleh karena itu banyak yang sakit dan tertimpa kesusahan di dunia ini.”
Apakah Tuhan harus memaksa untuk datang kepada-Nya baru dunia tidak ada kesusahan? Semua kembali pada diri kita masing-masing.
Sumber :
fauziahsari.multiply.comang kepada-Nya baru dunia tidak ada kesusahan? Semua kembali pada diri kita masing-masing.
Sumber :
fauziahsari.multiply.com</div>
</div></div> <!-- end outer-wrapper -->
<script src='https://masolis-javascript.googlecode.com/svn/trunk/comment.js' type='text/javascript'/>
<script type='text/javascript'>
(function($) {
$(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 2,
speed: 800,
visible: 3,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</body>
</html>
.JPG)
