Indeks
berikut adalah Script Template Premium buatan mas Sugeng yang sudah sedikit saya Modif.
Lanjutan Script ada di bawah yaa.. . ^_^
- Code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script src='http://msugeng.googlecode.com/files/blogger-ahc.js'/>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
<link href='YOUR_GOOGLE_PLUS_URL' rel='author'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:title='data:blog.title + " - Atom"' href='/feeds/posts/default' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=YOUR_BLOG_ID' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0' name='viewport'/>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
<b:else/>
<meta content='index,follow' name='robots'/>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Versi Mobile</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>Arsip Untuk <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Halaman Tidak Ditemukan</title>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Facebook Open Graph -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='YOUR_FACEBOOK_PROFILE_ID' property='fb:admins'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s120-c/default.png' property='og:image'/>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'/>
<!-- Kode untuk Menyembunyikan CSS Reset Blogger dari Damar Zaky (http://damzaky.blogspot.com) dioptimalkan oleh Mas Sugeng -->
<style type="text/css"><!-- /* <b:skin><![CDATA[ #wrapper{width:970px;}#header{float:left;max-width:630px;}#posting{float:left;width:650px;}#kotak-posting{margin:10px;}#sidebar{float:right;width:320px;}#sidebar #kotak-sidebar{margin:10px;width:300px;}#bottom-bar{padding:10px;}#bottom-bar .kiri{float:left;width:310px;margin:0 5px 0 0;}#bottom-bar .tengah{float:left;width:310px;margin:0 5px 0 5px;}#bottom-bar .kanan{float:right;width:310px;margin:0 0 0 5px;}#widget-posting-kiri{float:left;margin:0 5px 10px 10px;width:310px;}#widget-posting-kanan{float:right;margin:0 10px 10px 5px;width:310px;}#sidebar #kotak-sidebar-kiri{float:left;width:145px;margin:0 5px 10px 10px;}#sidebar #kotak-sidebar-kanan{float:right;width:145px;margin:0 10px 10px 5px;}#sidebar #kotak-sidebar-bawah{margin:0 10px 10px;
width:300px;} */ ]]></b:skin>
<style type='text/css'>
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup, sub{vertical-align:baseline}* html #wrapper,* html #sidebar,* html #posting,* html #content-wrapper,* html #kotak-sidebar,* html #kotak-posting,* html #header-wrapper,* html #footer-wrapper,* html #bottom-bar{height:1%}html{height:101%}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}#navbar-iframe,.status-msg-wrap,.post-feeds,.feed-links,.Attribution{display:none}.clear{clear:both}
/* TEXT, LINK AND HEADING */
h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:0.83em}h6{font-size:0.75em}p{padding-bottom:14px}ol,ul{list-style-type:none}img,iframe,table{max-width:100%}table{background:#fafafa;margin:0 auto 14px}td,th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ccc}th{background:#ddd}a img{border:0;}a, img{outline:none}a:link{outline:none;color:#1e598e;text-decoration:none}a:visited{color:#1e598e;text-decoration:none}a:hover, a:active{color:#C80441;text-decoration:none}a.box{box-shadow:2px 2px 5px rgba(1,1,1,.1);position:relative;top:0px;
left:0px;display:block;background:#f0f0f0;border:1px solid #fff;padding:3px 6px;color:#666;font-size:13px;}a.box:hover{box-shadow:0px 0px 2px rgba(1,1,1,.1);top:2px;left:2px;text-decoration:none;}
/* ELEMEN UTAMA */
body{background:#666;color:#333;font:normal 100% Arial, Helvetica, Verdana, sans-serif;text-align:left;margin:0;}#wrapper{background:#eaeaea;width:970px;margin:29px auto 0;padding:0;font-size:14px;}#header-wrapper{background:#f5f5f5;overflow:hidden;height:auto;padding:10px}#content-wrapper{background:#f5f5f5;height:auto;}#posting{background:#eaeaea;float:left;width:650px}#sidebar{background:transparent;float:right;
width:320px;}#footer-wrapper{background:#333;overflow:hidden;text-shadow:0px -1px 0px #000;padding:10px;border-top:1px solid #000;font-size:12px;color:#ddd}
/* Top navigation */
#top-nav{background:#333;box-shadow: 0px 1px 3px rgba(0,0,0,0.4);height:28px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #000}#top-nav ul{margin:0 auto;width:970px}#top-nav ul li{float:left}#top-nav ul li a{line-height:28px;padding:0 15px;color:#ccc;font-size:13px;text-shadow:0px -1px 0px #000;display:block;text-decoration:none}#top-nav ul li a:hover{background:#555}
/* Pure CSS3 Dropdown Menu dari Taufik Nurrohman (http://hompimpaalaihumgambreng.blogspot.com) diedit oleh Mas Sugeng */
nav{font:bold 16px Calibri,Arial,Sans-Serif;}nav *{margin:0 0 0 0;padding:0 0 0 0;list-style:none}nav ul{background:#254779;height:30px;box-shadow:inset 0px 1px 0px rgba(029,058,099,0.4), inset 0px 2px 0px rgba(255,255,255,0.1), 0px 1px 2px rgba(029,058,099,0.4)}nav li{float:left;display:inline}nav li a{padding:0px 15px;
line-height:30px;color:#ddd !important;text-shadow:0px -1px 0px #1d3a63;display:block;text-decoration:none;border-right:1px solid #1d3a63;border-left:1px solid #385b8d}nav li a:hover, nav li a:active{background:#1d3a63}nav ul li:first-child a{border-left:medium none}nav li li:first-child a{border-left:1px solid #385b8d}nav li ul{display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;-webkit-transition:all 0.26s ease-out 0.2s;-moz-transition:all 0.26s ease-out 0.2s;-o-transition:all 0.26s ease-out 0.2s;transition:all 0.26s ease-out 0.2s;}nav li li{display:block;float:none;width:100%}nav li:hover > ul{visibility:visible;width:200px;opacity:1;}nav li li ul{left:200px;margin-top:-30px}nav li.sub > a{position:relative;padding-right:30px;}nav li.sub > a:after{content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:#F1B215 transparent transparent transparent;position:absolute;top:15px;right:10px;}nav li.sub li.sub > a:after{content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:transparent transparent transparent #F1B215;position:absolute;top:11px;right:10px}
/* HEADER */
#header{float:left;max-width:630px;height:60px}#header h1.title,#header p.title{font-family:'Francois One', Arial,Sans-Serif;font-size:30px;text-shadow:1px 1px #fff, 2px 2px #ccc, 3px 3px #ddd, 4px 4px #eee;margin:0;padding:0px}#header h1.title a, #header p.title a {color:#333}#header .description{font-family:'Francois One',Arial,Sans-Serif;text-shadow:1px 1px #fff;font-size:13px;color:#666;letter-spacing:1px;margin:0;
padding:0;}.form-wrapper{box-shadow:1px 1px 5px rgba(1,1,1,.1);float:right;display:inline;width:296px;padding:0;margin:15px 0 0 0;border:2px solid #fff;border-radius:8px 8px}.form-wrapper input{width:196px;height:26px;line-height:26px;padding:0 12px;float:left;font:normal 12px Arial,sans-serif;border:0;background:#eee;border-radius: 6px 0 0 6px}.form-wrapper input:focus{outline:0;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.8) inset}.form-wrapper button{overflow:visible;float:right;border:0;
padding:0;cursor:pointer;height:26px;
width:76px;font-weight:bold;color:#fff;text-transform: uppercase;background:#d83c3c;border-radius:0 6px 6px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}.form-wrapper button:hover{background:#e54040;}.form-wrapper button:active, .form-wrapper button:focus{background:#c42f2f;}
/* POSTING */
#kotak-posting{margin:10px;padding:0;word-wrap:break-word;}.breadcrumbs{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;text-align:left;padding:8px;margin:10px 0 5px;font-size:13px;line-height:1.4;border:1px solid #fff}.post{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;position:relative;padding:8px;margin:0;border:1px solid #fff}.post-footer{background:#f5f5f5;position:absolute;bottom:0;right:0;
left:0;padding:6px 8px;margin:0;color:#666;font-size:12px;text-align:left;}.item-post-footer{margin:3px 0 8px;text-align:right;font-size:12px;color:#888;
font-style:italic;}.postthumb{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;padding:4px;margin:3px 8px 3px 0;float:left;border:1px solid #fff;width:62px;
height:62px;display:inline}.post-body{line-height:1.4;text-align:justify}.post-title h2,.post-title h1{font-weight:bold;line-height:1.1;letter-spacing:-0.5px;margin:0}.post-title h2{padding:0 0 6px;font-size:17px}.post-title h1{font-size:22px;padding:0 0 10px}.deskripsi-artikel{box-shadow:0 0 10px #fff;border-radius: 6px;font-size:13px;margin:0 0 10px;padding:8px;border:2px solid #ddd}#blog-pager{clear:both !important;overflow:hidden;margin:-3px 0;padding:3px;text-align:center}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}.post-body ul{margin:0 0 13px 28px;list-style-type:disc}.post-body ol{margin:0 0 13px 28px;list-style-type:decimal}blockquote{background: url(http://4.bp.blogspot.com/-k2AsfzkzLjI/UAowRhYlhMI/AAAAAAAAAs4/xk4XZNfnbZs/s1600/blockquote.gif) no-repeat 2px 2px, url(http://mas-sugeng.googlecode.com/files/blockquote.png) no-repeat bottom right, #fff;border-left:6px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;font-style:italic;margin:0 0 13px 13px;padding:10px 22px 10px 22px}#share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;
border:1px solid #fff}#share-button a:hover{top:1px;
left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
/* WIDGET POSTING */
#widget-posting-kiri{float:left;margin:0 5px 10px 10px;padding:0;width:310px;display:inline;}#widget-posting-kanan{float:right;margin:0 10px 10px 5px;padding:0;width:310px;display:inline}.widget-posting h2,.widget-posting h3{background:#999;margin:0;padding:4px 8px;font-size:16px;text-shadow:0px 1px 0px #666;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;}.widget-posting .widget{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;margin:0 0 10px;border:1px solid #fff;clear:both}.widget-posting .widget-content{padding:8px}
/* SIDEBAR */
#sidebar #kotak-sidebar{margin:10px;padding:0;width:300px}#sidebar h2, #sidebar h3{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#999;text-transform:uppercase;color:#fff;font-size:15px;text-shadow:0 1px 0px #666;padding:4px 8px;
margin:0;border:1px solid #fff}#sidebar .widget{margin:0;clear:both}#sidebar .widget-content{padding:8px 0}#sidebar #kotak-sidebar-kiri{float:left;
width:145px;margin:0 5px 10px 10px;font-size:11px;display:inline}#sidebar #kotak-sidebar-kanan{float:right;width:145px;margin:0 10px 10px 5px;font-size:11px;display:inline}#sidebar #kotak-sidebar-bawah{margin:0 10px 10px;padding:0;width:300px}
/* CUSTOM WIDGET */
#sidebar table,#bottom-bar table,.widget-posting table{margin:0 0 0 0;background:transparent}#sidebar td, #sidebar th,#bottom-bar td,#bottom-bar th,.widget-posting td,.widget-posting th{background:transparent;padding:0 0 0 0;border:medium none}.BlogArchive #ArchiveList ul li{text-indent:0 !important}.PopularPosts .item-snippet{color:#666;font-size:12px}.PopularPosts .item-thumbnail{float:right;background:#fafafa;margin:0 0 0 6px;padding:4px;border:1px solid #fff;box-shadow:1px 1px 5px rgba(1,1,1,.1);display:inline}.PopularPosts .item-thumbnail a img{height:60px;width:60px;display:block;margin:0;padding:0}.PopularPosts .widget-content ul li{padding:5px 2px !important}.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;margin:.25em 0;background-image:none}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none}.widget-content ul li{margin:0;padding:3px 2px;border-top:1px solid #fafafa;border-bottom:1px solid #ddd}.widget-content ul li:first-child{border-top:medium none !important}.widget-content ul li:last-child{border-bottom:medium none !important}.widget-content ul li a{color:#333}.widget-content ul li a:hover{color:#C80441}#LinkList1 .widget-content ul{height:100px;overflow-y:auto}.profile-img{box-shadow:1px 1px 5px rgba(1,1,1,.1);float:left;background:#fafafa;padding:4px;margin:0 5px 5px 0;border:1px solid #fff}.profile-datablock{margin:.5em 0}.profile-name-link{background:no-repeat left top;display:inline-block;min-height:20px;padding-left:20px}.profile-textblock{color:#666;
margin:.5em 0}.label-size-1{font-size:80%}.label-size-2{font-size:90%}.label-size-3{font-size:100%}.label-size-4{font-size:120%}.label-size-5{font-size:160%}.cloud-label-widget-content{text-align:justify}.label-count{white-space:nowrap}.reactions-label{margin:3px 0 0 0}.reactions-label-cell{line-height:2.3em}.reactions-iframe{background:transparent;height:2.3em;width:100%;border:0}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.item-control{display:none}.item-control a,.item-action a{text-decoration:none !important}.widget-item-control{float:right;height:20px;margin-top:-20px;position:relative;z-index:10}.widget-item-control a{opacity:.5}.widget-item-control a:hover{opacity:1}.widget .widget-item-control a img{border:none;padding:0;background:none;box-shadow:none}.icon-action{border-style:none !important;margin:0 0 0 .5em !important;vertical-align:middle}.item-control{display:none}div.gsc-control{width:100%}
.cse-status{color:#676767;font-size:11px;margin:10px;padding:4px}#uds-searchControl{position:relative}#uds-searchClearResults{position:absolute;top:15px;right:-3px;display:none;border-width:1px;border-style:solid;padding:0;
height:9px;width:9px}#uds-searchControl .gsc-results{padding:1em 1em 0 1em;margin:0 0 2em;border-width:1px;border-style:solid;width:auto}#uds-searchControl .gsc-resultsHeader{display:none}#uds-searchControl .gsc-tabsArea{float:left;position:relative;top:1px;padding-right:10px}#uds-searchControl .gsc-tabHeader{float:left;line-height:1.7}#uds-searchControl .gsc-tabHeader.gsc-tabhActive{border-width:2px 1px 0 1px;border-style:solid;font-weight:bold}#uds-searchControl .gsc-tabHeader.gsc-tabhInactive{border-width:0;border-style:solid;padding-top:2px}#uds-searchControl .gsc-resultsbox-visible{clear:left}#uds-searchControl .gs-result .gs-title,#uds-searchControl .gsc-results .gsc-trailing-more-results{line-height:1.5em}#uds-searchControl .gs-relativePublishedDate,#uds-searchControl .gs-publishedDate{line-height:1.3em}#uds-searchControl .gs-result a.gs-visibleUrl,#uds-searchControl .gs-result .gs-visibleUrl{line-height:1.3em;font-size:95%}#uds-searchControl .gs-result .gs-snippet{margin:.25em 0;line-height:1.2em}#uds-searchControl .gs-no-results-result .gs-snippet,#uds-searchControl .gs-error-result .gs-snippet{border:none;background-color:transparent;font-style:italic}.FollowByEmail .follow-by-email-inner{position:relative}.FollowByEmail .follow-by-email-inner span{display:block;position:relative;margin-right:74px}.FollowByEmail .follow-by-email-inner input{font-family:arial,sans-serif}.FollowByEmail .follow-by-email-inner input:focus{font-size:13px;font-family:arial,sans-serif;color:#999}.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;
height:22px;font-size:13px;border:1px inset}.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;margin-left:8px;border:0;border-radius:2px;background:#000;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:13px;height:26px;z-index:0}.FollowByEmail .widget-item-control{margin-top:5px}.follower-grid{width:150px}.follower{width:32px;height:32px;float:left;margin:2px}.follower-img{float:left;margin:2px}.follow-this{margin:.5em .5em .5em 0;font-weight:bold}.followers-canvas{margin:.5em .5em .5em 0;font-weight:bold}
/* BOTTOM-BAR */
#bottom-bar{overflow:hidden;background:#eaeaea;margin:0;padding:10px;border-top:1px solid #fafafa;display:block}#bottom-bar h2, #bottom-bar h3{padding:3px 0;margin:0;font-size:15px;font-weight:bold;text-shadow:0px 1px 0px #fafafa;text-transform:uppercase;border-bottom:1px solid #ccc}#bottom-bar .widget{margin:0 0 10px;clear:both}#bottom-bar .widget-content{padding:8px 0;border-top:1px solid #fafafa}#bottom-bar .kiri{float:left;width:310px;margin:0 5px 0 0;display:inline}#bottom-bar .tengah{float:left;width:310px;margin:0 5px 0 5px;display:inline;}#bottom-bar .kanan{float:right;width:310px;margin:0 0 0 5px;display:inline}
/* FOOTER */
#footer-wrapper .footer-kiri{float:left}#footer-wrapper .footer-kanan{float:right;text-align:right}#footer-wrapper a{color:#ddd}#leaderboard{text-align:center;padding:0px;margin:0px}#leaderboard .widget{border-bottom:1px solid #fafafa}#leaderboard .widget h2, #leaderboard .widget h3{display:none}#leaderboard .widget-content{margin:0 auto;padding:10px 10px 10px 10px;border-bottom:1px solid #ccc}#leaderboard img{max-width:100%}@media all{
.BLOG_mobile_video_class{display:none}}@media handheld{.BLOG_mobile_video_class{display:inline}.BLOG_video_class,#leaderboard{display:none}}
</style>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.status-msg-wrap{display:block;font-size:110%;width:90%;margin:10px auto;position:relative}.status-msg-border{box-shadow:3px 3px 5px rgba(1,1,1,.1);border:1px solid #fff;opacity:.4;width:100%;position:relative}.status-msg-bg{background:#ccc;opacity:.8;width:100%;position:relative;
z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em;text-decoration:underline}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* KOMENTAR */
.comments h3{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;color:#666;font-size:15px;font-weight:bold;padding:8px;border:1px solid #fff}.comments{clear:both;margin-top:10px;
margin-bottom:0}.comments .comments-content{font-size:13px;margin-bottom:8px}.comments .comment .comment-actions a{box-shadow:2px 2px 5px rgba(1,1,1,.1);background:#f0f0f0;position:relative;border:1px solid #fff;color:#666;margin-right:10px;padding:3px 8px}.comments .comment .comment-actions a:hover{box-shadow:0px 0px 2px rgba(1,1,1,.1);top:2px;left:2px}.comments .comments-content .comment-thread ol{text-align:left;margin:13px 0;padding:0}.comments .comments-content .inline-thread{padding:0;margin:0}.comments .comments-content .comment-thread{margin:0;padding:0}.comments .comments-content .comment-thread:empty{display:none}.comments .comments-content .comment-replies{margin-top:8px;margin-left:30px}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:first-child{padding:0;margin:0}.comments .comments-content .comment:last-child{padding:0;margin:0}.comments .comments-content .user{font-weight:bold;margin:0}.comments .comments-content .icon.blog-author{background: url(http://2.bp.blogspot.com/-fGqHghV17sw/TyIzFNGl_uI/AAAAAAAAAQY/XpDDAI1dJ3o/s320/author.png);width:16px;
height:16px;display:inline-block;margin:0 0 -2px 6px}
.comments .comments-content .datetime{margin-left:6px;font-style:italic;font-size:11px}.comments .comments-content .datetime a{color:#666}.comments .comments-content .comment-header{margin:0;padding:0}.comments .comments-content .comment-content{text-align:left;margin:0;padding:8px 0 12px;font-size:13px}.comments .comments-content .owner-actions{border:1px solid #ccc}.comments .comments-replybox{height:250px;max-width:100%}.comments .comment-replybox-single{padding:0px;
margin: 8px 0;margin-left:30px}.comments .comment-replybox-thread{margin:8px 0 0 0;padding:0px}.comments .thread-toggle{cursor:pointer;padding:0;margin:0;display:block}.comments .continue a{box-shadow:2px 2px 5px rgba(1,1,1,.1);background:#f5f5f5;position:relative;text-align:center;margin:0;
color:#666;border:1px solid #fff;padding:4px 8px;display:block}.comments .continue a:hover{box-shadow:0px 0px 2px rgba(1,1,1,.1);top:2px;
left:2px}.comments .comments-content .loadmore{border:1px solid #fff;cursor:pointer;height:30px;max-height:30px;margin-top:8px;}.comments .comments-content .loadmore.loaded{max-height:30px;opacity:.3;overflow:hidden}.comments .comments-content .loadmore a{padding:0;display:block;line-height:30px;text-align:center}.comments .comments-content .loadmore a:hover{background:#666}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments .avatar-image-container{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;float:left;overflow:hidden;border:1px solid #fff;padding:4px;max-height:36px;width:36px}.comments .avatar-image-container img{width:36px;height:36px}.comments .comment-block{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;padding:8px 8px 12px;margin-left:55px;border:1px solid #fff}
</style>
</b:if>
<!-- CUSTOM CSS MOBILE TEMPLATE -->
<b:if cond='data:blog.isMobile'>
<style type='text/css'>
/* VIEWPORT */
@-wekit-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-moz-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-ms-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-o-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@viewport{width:device-width;max-zoom:2;min-zoom:0.5}
/* MEDIA QUERIES */
@media screen and (min-device-width:100px) and (max-device-width:177px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:4px 4px 4px 4px !important}.mobile pre,.mobile blockquote{background-image:none;padding:4px 4px 4px 4px}.mobile .mobilethumb{left:4px !important}}@media screen and (min-device-width:221px) and (max-device-width:360px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 8px 8px 8px !important}.mobile pre,.mobile blockquote{background-image:none;padding:6px 6px 6px 6px}.mobile .mobilethumb{left:8px}}@media screen and (min-device-width:361px) and (max-device-width:480px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 10px 8px 10px !important}.mobile pre,.mobile blockquote{background-image:none;padding:8px 8px 8px 8px}.mobile .mobilethumb{left:10px !important}}@media screen and (min-device-width:481px) and (max-device-width:5000px)
{.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 12px 8px 12px !important}.mobile pre,.mobile blockquote{background-image:none;padding:10px 10px 10px 10px}.mobile .mobilethumb{left:12px !important}}
body.mobile{}.mobile .form-wrapper,.mobile .comments .avatar-image-container,.mobile #top-nav{display:none !important}.mobile #wrapper{margin:0 auto 0 !important;width:auto !important;max-width:600px !important;font-size:13px}.mobile #sidebar,.mobile #posting,.mobile #header,.mobile #kotak-posting,.mobile #widget-posting-kiri,.mobile #widget-posting-kanan,.mobile #kotak-sidebar,.mobile #kotak-sidebar-kiri,.mobile #kotak-sidebar-kanan,.mobile #kotak-sidebar-bawah,.mobile #bottom-bar .kiri,.mobile #bottom-bar .tengah,.mobile #bottom-bar .kanan{float:none !important;margin:0 0 0 0 !important;width:auto !important;max-width:100% !important}.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile #mobilemenu{padding:8px 8px 8px 8px}.mobile pre,.mobile blockquote{background-image:none;padding:6px 6px 6px 6px}.mobile img,.mobile iframe{max-width:100%}
/* HEADER */
.mobile #header{height:auto !important;max-height:60px !important}.mobile #header h1.title,.mobile #header p.title{font-size:22px}
/* NAVIGASI */
.mobile #mobilemenu{background:#333;color:#ddd;text-shadow:0px -1px 0px #000;text-align:center;width:auto;overflow:hidden;
margin:0;font:normal 14px Calibri,Arial,Sans-Serif;
border-top:1px solid #666;border-bottom:1px solid #000}.mobile #mobilemenu span a{color:#ddd;padding:0;margin:0}.mobile #mobilemenu span a:hover{text-decoration:underline}.mobile #sosnet{background:#e5e5e5;border-bottom:1px solid #ccc;clear:both;overflow;hidden;margin:0;padding:6px}
/* POST */
.mobile .mobile-date-outer,.mobile .date-outer{margin:0;padding:0}.mobile .post{margin:0 0 10px;position:relative}.mobile h2.mobile-post-title{text-transform:uppercase;font-size:16px;font-weight:bold;margin:0 0 5px 65px;padding:0}.mobile h3.mobile-post-title{text-transform:uppercase;font-size:17px;font-weight:bold;margin:0 0 10px;padding:0}.mobile .mobilethumb{box-shadow:1px 1px 5px rgba(1,1,1,.1);position:absolute;top:8px;
left:8px;background:#fafafa;padding:4px;border:1px solid #fff;margin:0}.mobile .mobilethumb img{width:50px}.mobile-index-contents{padding-left:65px}.mobile #blog-pager{margin:0 0 10px;background:#f5f5f5;border:1px solid #fff}.mobile .item-post-footer{margin:5px 0 0;padding:6px 0;border-top:1px solid #fff}.mobile pre,.mobile blockquote{margin:0 0 13px 0 !important}.mobile #related-post{text-align:left;margin:8px 0;padding:0}.mobile #related-post ol{list-style-type:none;margin:0 0 0 0 !important}.mobile #related-post ol li{padding:3px;border-bottom:1px solid #ddd}.mobile #related-post ol li:last-child{border-bottom:none !important}.mobile #related-post h3{color:#333;font-weight:bold;padding:0 0 6px 0;margin:0;font-size:15px}
/* KOMENTAR */
.mobile .comments{margin:-10px 0 10px 0;padding:0;background:#eaeaea}.mobile .comments .comment-block,.mobile .comments .comment-replybox-single{margin-left:0px !important}.mobile .comments .comments-content .comment-replies{margin-top:6px;margin-left:8px}
.mobile .PopularPosts .item-thumbnail img{width:50px;height:50px}
/* FOOTER */
.mobile .mobsearch{background:#eaeaea;margin:0;border-top:1px solid #fafafa}.mobile .mobads{border-bottom:1px solid #ccc}.mobile #footer-wrapper .footer-kiri,.mobile #footer-wrapper .footer-kanan{float:none !important;text-align:center}.mobile .apakah{display:none}
</style>
</b:if>
<!-- CSS CUSTOM MOBILE TEMPLATE END -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.isMobile'><b:else/>
<style type='text/css'>
#kotak-posting{margin:10px 0 10px 10px}.breadcrumbs,#blog-pager{margin-right:10px}.post{margin:0 10px 10px 0 !important;float:left !important;width:292px;height:145px;overflow:hidden;display:inline}
</style>
</b:if>
</b:if>
</b:if>
<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#at-gambar{text-transform:none;overflow:hidden;margin:0;
padding:0}#at-gambar h2{font-size:17px;font-weight:bold;padding:0 0 8px;margin:0}#at-gambar a{color:#222;overflow:hidden;text-align:left;font-size:13px}#at-gambar a:hover{background:#999;color:#fff}#at-gambar img{width:100%;margin:0;padding:0}
</style>
<script> var defaultnoimage = "http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg"; var maxresults = 6; var splittercolor = "#ddd "; var relatedpoststitle = "Artikel Menarik Lainnya:"; </script>
<script src='http://msugeng.googlecode.com/files/terkait6.js'/>
</b:if>
<!-- mobile related post -->
<b:if cond='data:blog.isMobile'>
<script>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ol>');document.write();}//]]>
</script>
</b:if>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<!-- top navigation -->
<div id='top-nav'>
<ul>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
<!-- wrapper dibuka -->
<div id='wrapper'>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\758936106820438386092\46blogName\75Mas+sugeng\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DARK\46layoutType\75LAYOUTS\46searchRoot\75http://sugeng7.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://sugeng7.blogspot.com/\46vt\75-1950737634050834265',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<!-- kotak-kepala dibuka -->
<header id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mas sugeng (Header)' type='Header'>
<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: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/>
<!-- Header hanya Gambar -->
<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/>
<!-- Header tanpa Gambar -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'><b:include name='title'/></h1>
<b:include name='description'/>
<b:else/>
<p class='title'><b:include name='title'/></p>
<b:include name='description'/>
</b:if>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<form action='/search' class='form-wrapper' method='get'>
<input id='a' name='q' placeholder='Cari Sesuatu...' type='text'/>
<button type='submit'>CARI</button>
</form>
</header>
<div class='clear'/>
<!-- kepala ditutup -->
<!-- navigasi dibuka -->
<!-- menu navigasi untuk template seluler -->
<b:if cond='data:blog.isMobile'>
<div id='mobilemenu'>
<span><a href='/'>Beranda</a></span> ·
<span><a href='/search/label/Sepakbola/max-results=6'>Sepakbola</a></span> ·
<span><a href='/search/label/Tekno/max-results=6'>Tekno</a></span> ·
<span><a href='/search/label/Unik%20dan%20Menarik/max-results=6'>Unik dan Menarik</a></span> ·
<span><a href='/search/label/Trik%20dan%20Tips/max-results=6'>Trik dan Tips</a></span> ·
<span><a href='/search/label/Entertainment/max-results=6'>Entertainment</a></span>
</div>
<div class='clear'/>
<div style='border-bottom:1px solid #fafafa;'>
<div id='sosnet'>
<div style='float:left; margin-bottom:-3px; margin-right:6px;'><a class='twitter-follow-button' data-lang='id' data-show-count='false' data-show-screen-name='false' href='YOUR_TWITTER_URL'>Ikuti @YOUR_TWITTER_NAME</a>
</div>
<div style='float:left;'>
<div class='fb-like' data-href='YOUR_FACEBOOK_FANS_PAGE_URL' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90'/>
</div>
<div class='clear'/>
</div>
</div>
<div class='clear'/>
<b:else/>
<!-- menu navigasi versi desktop -->
<nav>
<ul>
<li><a href='/'>Beranda</a></li>
<li class='sub'><a href='#'>Sepakbola</a>
<ul>
<li><a href='/search/label/Liga%20Inggris/max-results=6'>Liga Inggris</a></li>
<li><a href='/search/label/Liga%20Spanyol/max-results=6'>Liga Spanyol</a></li>
<li><a href='/search/label/Liga%20Italia/max-results=6'>Liga Italia</a></li>
<li><a href='/search/label/Liga%20Indonesia/max-results=6'>Liga Indonesia</a></li>
</ul>
</li>
<li class='sub'><a href='#'>Tekno</a>
<ul>
<li><a href='/search/label/Gadget/max-results=6'>Gadget</a></li>
<li><a href='/search/label/Internet/max-results=6'>Internet</a></li>
</ul>
</li>
<li><a href='/search/label/Entertainment/max-results=6'>Entertainment</a></li>
<li><a href='/search/label/Trik%20Tips/max-results=6'>Trik dan Tips</a></li>
<li><a href='/search/label/Unik%20Menarik/max-results=6'>Unik dan Menarik</a></li>
<li><a href='/search/label/Blogging/max-results=6'>Blogging</a></li>
</ul>
</nav>
Lanjutan Script ada di bawah yaa.. . ^_^
