Serba Koran

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

<head>

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

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

<b:else/>

</b:if>

<b:skin><![CDATA[

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

Blogger Template Style

Name : Johny Ganteng Banget

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="#b1bb8e">

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

type="color" default="#444" value="#444444">

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

type="color" default="#58a" value="#000000">

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

type="color" default="#666" value="#666666">

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

type="color" default="#999" value="#666666">

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

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

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

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

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

type="color" default="#999" value="#666666">

<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="#000000">

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

type="font" default="normal normal 100% Arial, 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% Arial, 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/AVvXsEii6GE5JpBfF3CbdbrpL83eNW6M6Uo-yXhq0FZk-0nUjoM1T3IA9RIvmonWYXvZeKt6B-Zjdb8IM7I0ou3Ip7cf_MT_pQq7PwIJQRSexgCB4oT605hGT_1MkeTLROGHxPtZ6sMd9lpvu08/s1600/bosy.jpg);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{width:960px;margin:0 auto}

#header-inner{background-position:center;margin-left:auto;margin-right:auto}

#header{float:left;width:220px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}

#header2{float:right;width:728px;margin:0;text-align:left;color:#555}

.header .widget,.header2 .widget{margin:0 auto;padding:0px 0 5px}

#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font: bold 24px Oswald;text-shadow:0 1px 1px #000;margin:0 auto;padding:5px 5px .15em;color:#aaa;}

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

.newsfea{margin:0px;padding:7px 10px;font:14px Oswald;color:#222;border-bottom:1px solid #ccc;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}

#navbar-iframe{height:0;visibility:hidden;display:none}

#ads-wrapper,#mainpage-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}

#main-wrapper{background:#fff;width:640px;float:$startSide;word-wrap:break-word;overflow:hidden}

#sidebar-wrapper{background:#e4e4e4;width:320px;float:$endSide;word-wrap:break-word;overflow:hidden}

h2{font:$headerfont;line-height:1.4em;text-transform:none;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em}

h2.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}

.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:#f7441a}

.post-body{border-top:2px solid #bbb;font:16px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;}

.post-body blockquote{line-height:1.3em}

.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}

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

.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/AVvXsEim7diQwI0ks-W80LK3QmKYbF2vhpK7WlVC-bni16ZpMxIFYGInEWoSB4oHu8ENNv-sljTImpTsHwKRI_g8wtooXdG7ucqIdgR4MQkZlk3ZkOZogjGdIj9IU0dg3J2L4k5AQ_ndJ25DK_I/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/AVvXsEhrJv15xCblWOPWnfbw93BPchvCmuz23A6eog3m2U-Dpe1dkPlx6YO5UC5Azp98tjwOWyMf5TD8RUswFOFSSYn6ulXA8V0m10fGIcMqSfVoPDb4FLc8B1HGoHq6ewmPiWW9LqjhK6b54ds/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}

#blog-pager{position:relative;top:10px;width:auto;clear:both;font-family:Arial;font-weight:700;color:#4c502f;font-size:13px;margin:10px;padding:5px 10px}

.feed-links{clear:both;line-height:2.5em}

.sidebar h2{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLVc7332-kdgfl0ek6auo6aM6Enq1MdeDs1KaxU_L4KEbMbOmuUqcJfGbbwpxAlNLTbDWzoLgDjxT0RwW5oVBU_vaA3nD9w_NNMIdvBgwk-Y5vOXN35U5vO1ckcx1BMcj8gVkw92EyT4/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/AVvXsEhah32xM79kgvrXK7g7ZXXi1N7LHnkJQ-peoEnok3zcBN0fNxz6Tpj19aAmbF6eZ-NyOEN1Iv-oNWhWPkAXY3O_6-DdfxPP-IC0my0XDiR0PNx-M4A_4j4FIoieyjk9dnLjMNdTZMapou8/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:5px 10px}

.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}

.sidebar li a:hover{color:#4488dd}

.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}

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

.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJFPH84x8i6KdBJoU8qKeQa91pztkgZCwIicjD6qtHFfi-1wkjsYda_ZU6632rK-XQOIwCtazcynb19IWuG7uRMvAeiAKdsFd2xheqyloOcXyZsrKwo_CjR1PILp-SLP_A2kGPuFYM6ED/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}

.footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}

.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}

.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Ka5ytHvadxt3l8sf5c17iRXwvkOdbHIY3sxLdWh-wttKUh1FG2-xTENvNuQJjB4ALFP9dGaza0qByShcI6NEiWRGmVJHB5O2e66xZ37dC-W7B3U1wHGF4Vaa0nLmHsfF7LPOUwkhKIxW/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}

.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}

.footer li a:hover{color:#fff}

.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}

.footer .widget-content{padding:0 auto}

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

.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),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:4px solid #111;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}

#footer-wrapper{width:940px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}

#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}

#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}

#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}

.creditpic{background:#111;width:960px;margin:0 auto;padding:0 auto;border-top:1px solid #444;text-shadow:1px 1px 2px #000}

.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}

.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}

.credit a:hover{color:#fff;text-decoration:none}

.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 #4a1b04;background:#e95710;color:#fff;margin:2px;padding:3px 6px}

#outer-wrapper{background:#fff;width:960px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0px;-moz-box-shadow: 0 0 15px 1px #aaa;-webkit-box-shadow: 0 0 15px 1px #aaa;box-shadow: 0 0 15px 1px #aaa;padding:10px;}

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

#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}

#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}

#related-articles .widget{margin:0;padding:0}

#related-articles .widget h2,#related-posts h2{font:bold 14px Oswald;color:#000;text-transform:none;margin:0 0 5px;padding:0}

#related-articles a{color:#444;font:14px PT Sans Narrow}

#related-articles a:hover{color:#9daf22}

#related-articles li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1b_6ujskkBYom7R2iqp20yOjyMm5faQTbMtXgvn_X-GBT8OGRw88mewFRz8LIU2XxYGA2kKzp6jGSSLVQI82llBE1pbzqTaRzLNR-pOSTnKc-UXmc6KsIF3ZVZxJT73zw8eWDPxJ3ok/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}

#banner-ads{float:right;width:300px;margin:5px 0}

.comments-area {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Bigl93qwuxZ2oW6n2rdA4Gnec9sFvUlkDJgMfskJK3ss8tEBAmXajRbTJ5VFZYtTtnYZi0mh9b0fj5SfPNeYarDZZoSEA4m7zRN87OKCBjOKJLPaakPy4EpFOMjDvAXl_nG75OLOdIo/s1600/comment.png) no-repeat center right;margin:0 0 0 5px;padding:0 15px 0 0;}

.cm_reply{padding-top:5px}

.sidebar ul,#related-articles ul{list-style:none;margin:0;padding:0}

.cm_pagenavi a:hover{text-decoration:underline}

#search{float:right;width:180px;height:20px;margin-top:3px;}

#search form{float:left}

#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvV-LyIo8McW5-x4_r4OfHqz9dECJD5-KyCu7oqaFeumQuIxTcKZpKx189mPhsgQlLP64XhCU58Vd7r-qiQvPwDoP2ghf0Q8uGe78F-AwGkdBGq1kJVx-3jld4w3kc6pM7Q1wOYLVALlU/s1600/search.png) no-repeat scroll 4px center;float:left;border:1px solid #8e1b08;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}

#nav-wrapper{background:#393939;height:30px;font-family:Arial;overflow:hidden;width:960px;border-bottom:3px solid #333;text-shadow: -1px -1px 0 #000}

#nav{margin:0 auto;width:960px;height:30px;padding:0auto}

#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{float:left;height:30px;padding:8px 10px;color:#eee;font:bold 12px Arial;text-transform:none}

#nav ul li a:hover,#nav .selected{color:#ff0;text-decoration:none;}

.menuku{height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwHFs7MSiq9L34QBkJG7H_JjxMhKLniv59dJneBL8jr5aFP_xAEbwT5tsNRzAjkGqkdVJht2kcPz53qH77fRx4VQ-70tpKX_M7CkeGYB_Fpqy2zW2SI2QckP9qcPJ6ot-Yo0DvxlhJE3s/s1600/menuw.png) repeat-x top;font:normal 12px Arial;line-height:normal;width:960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0;border-bottom: 3px solid #f93d1c}

.menuku ul{margin:0;padding:0}

.menuku li{list-style:none;color:#FFF;float:left;display:inline;position:relative;margin:0;padding:0}

.menuku li a{display:block;background:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8D4YNe0Cp7eQYCnZ5P6YWCpizNwfRkFZ1mBXFgRQKuSfI6u00MsEU6xZJdWAWiz_N54DzjwHfCT7Ol80O8jhWzTsJ6a0-FN-khDuTrpJZ6FfjzDNQZe-7tpc5ujX7cOAI9jpR6acQNyY/s1600/batas.png) no-repeat center right;color:#FFF;text-decoration:none;font:bold 14px Arial;text-shadow: -1px -1px 0 #a92009;outline:none;margin:0;padding:13px 13px}

.menuku li a:hover{background:#2a2a2a;text-shadow: -1px -1px 0 #000}

.menuku li ul{position:absolute;z-index:10;left:0;top:100%;height:30px;width:170px;display:none;margin:0;padding:0}

.menuku li ul a{background:#2a2a2a;border-left:none;font:12px Arial;border-right:none;border-top:1px solid #484848;border-bottom:1px solid #000;display:block;padding:7px 10px;text-shadow: -1px -1px 0 #000}

.menuku li ul a:hover{background:#484848;}

.menuku li ul li{float:none;display:block;width:auto}

.menuku li ul ul{top:0;left:100%}

.menuku li a:hover,.menuku ul li a:hover{color:#ccc}

#featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}

#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}

#featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}

.featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}

.featuredTitle a{color:#f7441a}

.featuredTitle a:hover{color:#000}

.navigation {position:relative;bottom:23px;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/AVvXsEh5efQeSYD4-oMqkqKOQRLcmvSlnUbVSasYl0E_HBdX73BSV0SO92GLRGOkDrH8MCNsJ-wBtkRwZ8s1UPh1M7Qm0T9kbHnxTLKAJx0J2_iRN30nlmaguWoU30Gc_9dCmbD0dy5MS4VQVq0/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }

ul.pagination a:hover { background-position:0 -12px; }

ul.pagination a.activeSlide { background-position:0 -12px }

a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLVc7332-kdgfl0ek6auo6aM6Enq1MdeDs1KaxU_L4KEbMbOmuUqcJfGbbwpxAlNLTbDWzoLgDjxT0RwW5oVBU_vaA3nD9w_NNMIdvBgwk-Y5vOXN35U5vO1ckcx1BMcj8gVkw92EyT4/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;

border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}

a.readmore:hover {color:#ff0}

.headline-wrapper{background:#da290b;width:960px;height:30px;margin:0}

.headline{line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;padding:0 10px}

.headline a:hover{color:#eace12;text-decoration:underline}

.post-author{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Mt6bMIRXIqB5fln8kHu1-DBJ7RqJhyKkhpFADSm-cyUVLJK0qT11INIjOAcyc9eyD7L53hkfz7t05Un7SPamWgt2I8FL_3ugp03F_Y_zjKH3TH4YnqMD5skpIDGufO7xPx7xwqhEeHM/s1600/yang+nulis.gif) no-repeat scroll left center transparent;padding-left:20px}

.post-timestamp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5WOJwyH3cGhWA0FJBpNrj6HG44xaIhyphenhyphenIXFhj2TfkXZboE_7xKor_QZVfqNc05lCE_PWvzhcqHlIB4ciUGlFqb2TaP_cppAAftrU0eRqnygVEof-zlUHA4QLllGKqDUiSYZMMYpNhZOh0/s1600/tanggalan.gif) no-repeat scroll left center transparent;padding-left:20px;padding-top:2px}

.post-comment-link a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZUZxENKAfUhjoTBBxrOVl9Vn4aM5erpPrYwMTYK-NSgatQkQEUZmGXZpLDfrr6zhdOoM3dyBnLbtlC0Zv17kaOdjjz8bgi7fBMKmnyWkf2hj5KuQAadelSG4a6jDCh55pEULfOc804M/s1600/comentar.png) no-repeat scroll left center transparent;padding-left:20px}

]]></b:skin>

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

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

.post{margin:.5em 0 .1em;padding:15px 15px 0}

.post h3{font:16px Oswald;line-height:16px;margin:0px 0 8px;padding:0}

.post img{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;margin-top:0}

.post-body{border-bottom:1px solid #c3c3c3;font-size:14px;border-top:none;padding-top:0px;background:none;line-height:1.3em;margin:0;padding-bottom:15px;text-align:justify}

.post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

.post-footer{display:none}

#cutter{width:170px;height:120px;overflow:hidden;-moz-box-shadow: 0 0 15px 1px #bbb;-webkit-box-shadow: 0 0 15px 1px #bbb;box-shadow: 0 0 15px 1px #bbb;margin:0 12px 5px 0;float:left;padding:0px}

.post-labels{float:right;background:#e00b00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZIYCC6SWpfEwAYlqk2z8Qp2JtpB0HqXZbtUAdlumMTf9MbE2IaA2u0wUKks2ZA2kQv5C5GoA7rQcihI4XbyADvdcnD6Vy1XvmlfnEWcz-UpgzYhQPU5iGTXSMdlHelbaJCN0SIi7zIg/s1600/label.png) no-repeat left;padding:3px 10px 3px 30px;color:#fff;}

.post-labels a{color:#fff}

.post-labels a:hover{color:#000}

#blog-pager{float:center;margin:6px;padding:8px 0}

</style>

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

var thumbnail_mode = "float" ;

summary_noimg = 300;summary_img = 300;img_thumb_width = 180;img_thumb_height = 100;

</script>

//<![CDATA[

//]]>

</script>

var relatedpoststitle="Related Articles";

</script>

.titlefield{text-decoration: none;}

.labelfield{color:#666;font-size: 100%;}

.datefield{color:#fff;font:normal 12px Arial;}

#example1{width: 900px;height: 12px;padding: 0px;font:bold 14px Arial;text-transform:none;text-align:left;background-color:transparent;}

code{color: #fff;}

#example1 a:link, #example1 a:visited {color:#383838;text-decoration:none;}

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

</style>

$(function(){

$('input').click(function(){

var ourText = $('#content-wrapper');

var currFontSize = ourText.css('fontSize');

var finalNum = parseFloat(currFontSize, 10);

var stringEnding = currFontSize.slice(-2);

if(this.id == 'large') {

finalNum *= 1.1;

}

else if (this.id == 'small'){

finalNum /=1.1;

}

else if (this.id == 'reset'){

finalNum =15;

}

ourText.animate({fontSize: finalNum + stringEnding},500);

});

</script>

//<![CDATA[

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbx8-ICUMxW2c3ddGC3QoPa9N4nQ6dDm0fvGXgEcCRkcygoE4NrqcWQy4wXmTeOjHRTWdn0UlANecVcbtYxeY3ysWB54Do8ESEKCHjpGn7G67N39qvVCUEZTzyGk-V7PLiYdBFwcE8RQ/s1600/no+image.jpg";

showRandomImg = true;

aBold = true;

summaryPost = 150;

summaryPost1 = 100;

summaryTitle = 25;

numposts = 7;

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 trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more »</a></div>';

document.write(trtd);

j++;

}

document.write('</div>')

}

//]]>

</script>

</head>

<body>

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

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

</b:section>

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

<b:widget id='Header1' locked='true' title='Serba Koran (Header)' type='Header'/>

</b:section>

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

<b:widget id='HTML22' locked='false' title='' type='HTML'/>

</b:section>

</div>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")

cssfeed.addFeed("Headline News", "http://johny-kenthir.blogspot.com/feeds/posts/default")

cssfeed.displayoptions("date")

cssfeed.setentrycontainer("div")

cssfeed.filterfeed(10, "date")

cssfeed.entries_per_page(1)

cssfeed.init()

</script>

</div>

<div>

</div>

</form>

</div>

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

</div>

<ul>

<li><a href='/'>Hotel dan Hiburan</a>

<ul>

<li><a href='#'>Hotel dan Mall</a></li>

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

<ul>

<li><a href='#'>Jam Kerja</a></li>

</ul>

</li>

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

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

</ul>

</li>

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

<ul>

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

<ul>

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

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

</ul>

</li>

<li><a href='/'>Kesehatan</a>

<ul>

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

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

</ul>

</li>

<li><a href='/'>Sejarah</a></li>

<li><a href='/'>Teknologi</a></li>

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

<ul>

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

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

</ul>

</li>

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

<ul>

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

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

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

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

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

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

</ul>

</li>

</ul>

</li>

<li><a href='#'>Dalam Negeri</a>

<ul>

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

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

<ul>

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

<li><a href='#'>Kesejahteraan Sosial</a></li>

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

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

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

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

</ul>

</li>

<li><a href='#'>Kejahatan - Hukum</a>

<ul>

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

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

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

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

</ul>

</li>

</ul>

</li>

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

<ul>

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

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

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

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

</ul>

</li>

<li><a href='http://www.serbakorani.blogspot.com/search/label/website'>Website</a>

<ul>

<li><a href='http://serbakorani.blogspot.com/search/label/Audio'>Audio</a></li>

<li><a href='http://serbakorani.blogspot.com/search/label/video'>Video</a></li>

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

<ul>

<li><a href='http://serbakorani.blogspot.com/search/label/AppHP'>AppHP</a></li>

<li><a href='http://serbakorani.blogspot.com/search/label/Desktop'>Desktop</a></li>

<li><a href='http://serbakorani.blogspot.com/search/label/System'>System</a></li>

<li><a href='http://serbakorani.blogspot.com/search/label/Android'>Android</a></li>

</ul>

</li>

<li><a href='http://serbakorani.blogspot.com/search/label/tracking'>Tracking</a></li>

<li><a href='http://serbakorani.blogspot.com/search/label/Hosting'>Hosting</a></li>

</ul>

</li>

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

<ul>

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

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

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

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

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

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

</ul>

</li>

</ul>

</div>

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

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

</b:section>

</div>

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

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

Serba Koran

Ascot Hotel

Links of Refferal

Code SOURCE HTML

Link Dasar Gambar Pihak Ke Tiga

Anti Copy Paste

Popular post

Test Footer

Test Footer 1

Test Footer 2