Saya Balik Lagi nih xP
Kali ini Saya Bahas tentang Script Blog saya :)
Ini Script
Dari : Donesetra(Pembuatnya)
INI Nih Scriptnya :)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='Catatan, Dokumentasi, Blogazine, Unique Post, Software, Tips & Trik, Informasi, Tragedi, Bola, Magazine, Donwloads, Audio, Antivirus, Point Blank, Humor, Lucu, Seru, Harga Murah Motor Injeksi, HP.' name='keywords'/>
<meta content='Sekedar catatan dan dokumentasi' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='2012, Donstera' name='copyright'/>
<meta content='Donstera' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[
/*
Blogger Template Style
Name : Green's Dashed Transparent
Author : Aamrol
Url : http://donstera.blogspot.com/
*/
body .navbar, .home-link, .date-header, .icon-action, .status-msg-wrap, .widget-item-control, .feed-links, #skiplinks{display:none!important}
*, .Header .description, .section, .widget, .widget .post-body ul, .widget ul, .crosscol .Header h1, .footer .widget li, .BlogArchive #ArchiveList ul.flat li{margin:0; padding:0; outline:none}
.BlogArchive #ArchiveList ul li{padding-left:0; text-indent:0; line-height:1.1}
#navbar-iframe, #Attribution1, #quickedit{display:none !important}
body{background:#000; margin:0; text-align:left; font-family:'Rockwell',Trebuchet MS,Serif; font-size:14px; color:#fff; line-height:1.3em}
a{color:#0F0; text-decoration:none}
a:link{-moz-transition-duration:1s; -moz-transition-property:color,text; -moz-transition-timing-function:linear,ease-in; -o-transition-duration:1s; -o-transition-property:color,text; -o-transition-timing-function:linear,ease-in; -webkit-transition-duration:1s; -webkit-transition-property:color,text; -webkit-transition-timing-function:linear,ease-in; color:#0F0; text-decoration:none}
a:visited{color:#0F0}
a:hover{color:red;text-decoration:none}
a.line-height:1.5em}
a img{border-width:0}
h1{font-size:40px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#ccc; padding:5px 0; margin:0; line-height:1.2}
h2{font-size:24px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h3{font-size:22px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h4{font-size:20px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h5{font-size:18px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
#header-wrapper{background:transparent; border:0px Dashed #0F0; width:980px; height:90px; margin:0 auto 10px; padding:0px}
#header{float:left; width:980px; margin:0; text-align:left; color:#000}
#header h1{font-family:'Colonna MT'; font-size:52px; font-weight:bold; margin:0; padding:0px; color:#0F0; line-height:2.0em}
#header h1:{hover:none}
#header a{color:#0F0; text-decoration:none}
#header a:hover{color:#0F0}
#header .description{font-size:10px; font-family:'Rockwell',Trebuchet MS,Serif; font-weight:bold; color:#FFF; margin:10; padding:0 10px; text-transform:none}
#header img{margin:0 auto}
.right{padding-right:10px; margin:0}
/*Bottom Menu*/
#menu{font-family:Electrolize;height:41px; background:#000; border:1px dashed #0F0; border-radius:2px; display:block; padding:0; font-size:14px; font-weight:normal; text-transform:none; margin-bottom:8px}
#menu ul{float:left; list-style:none; margin:0px; padding:0px}
#menu li{float:left; list-style:none; margin:0px; padding:0px}
#menu li a, #menu li a:link, #menu li a:visited{color:#0F0; display:block; margin:0px; padding:8px}
#menu li a:hover, #menu li a:hover{color:#F00;}
#menu li li a, #menu li li a:link, #menu li li a:visited{font-family:Electrolize;background:transparent; color:#0F0; width:200px; font-weight:normal; float:none; margin:0; padding:1px 8px}
#menu li li a:hover, #menu li li a:active{background:#000; color:#fff; padding:8px;border:dashed 1px #0F0;border-radius:5px;}
#menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0px; padding:0px}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul{left:auto}
#menu li:hover, #menu li.sfhover{position:static}
/*Width Wrap*/
#outer-wrapper{width:980px; margin:0 auto; padding:0}
#mainright{width:790px; float:right; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#main-wrapper{width:500px; float:left; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#sidebarright-wrapper{width:280px; float:right; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#sidebarleft-wrapper{width:180px; float:left; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#bottom-wrapper{clear:both}
/*Posts*/
h2.date-header{margin:0.5em 0 .1em; display:none}
.post{margin-bottom:9px; padding:0}
.post-title{opacity:0.9; background:#000; border:1px Dashed #0F0; border-radius:2px; bottomright:15px; font-family:'Rockwell',Trebuchet MS,Serif; font-size:18px; margin-bottom:0px; padding:5px; line-height:1.2em}
.post-title:hover{style:none}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#0F0}
.post-title strong, .post-title a:hover{color:#F00}
.post-body{opacity:0.9; background:#000; border:1px dashed #0F0; border-radius-topleft:10px; border-radius-bottomright:10px; margin-bottom:2px; padding:7px}
.post-body ul, .post-body ol{margin:0 0 10px 40px !important}
.post-body li{padding-bottom:0px}
.post-body blockquote {
display: block;
width: 450px;
overflow:auto;
max-height:1000px;
padding: 0px 10px 10px 10px;
margin: auto;
background:transparent;
text-align: left;
font-size: 13px;
border-left:double #00cc00;
}
.post-header{opacity:0.9; background:url('') repeat-x; padding:3px 10px}
.post-footer{margin:0; color:red; font-size:12px; padding:5px 5px; letter-spacing:.1em}
.post-share-buttons{overflow:hidden; float:right; padding-top:0px}
.post-comment-link{overflow:hidden; float:right}
.post-author, .post-timestamp{color:#FFA500; font-size:11px}
.post-comment-link{float:right; padding:0; margin-left:10px; width:50px; height:40px; text-align:right}
.post-comment-link a:link{color:red}
/* Tabel */
table{margin:0 0 20px 0; text-align:center; width:100%}
tr th, thead th{background:#000; font-weight:bold; line-height:18px; padding:10px 20px}
tr td{border:1px solid #0F0; padding:5px 20px; text-align:center}
ul{list-style:square}
/*Sidebar*/
.sidebar{padding:0; margin:0}
.sidebar h2{text-align:center; background:#000; border:1px dashed #0F0; border-radius-topleft:2px; border-radius-bottomright:2px; margin-bottom:5px; padding:8px 10px 10px 10px; color:#FFF; font-family:Electrolize;font-size:15px; font-weight:bold}
.sidebar h2:hover{style:none}
.sidebar ul{margin:0; padding:0}
.sidebar li{list-style:none; padding:4px 0; line-height:1.2em; margin:0; border-bottom:0px dotted #0F0}
.sidebar .widget{opacity:0.9; margin-bottom:0px; padding:0}
.sidebar .widget-content{background:#000; border:1px dashed #0F0; border-radius:2px; margin:0; padding:10px}
.main .Blog{border-bottom-width:0}
/*Bottom Wrap*/
#bottom1, #bottom2{width:256px; float:left; margin-right:10px}
#bottom3{width:256px; float:left}
.feed-links{clear:both; line-height:2.5em}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{clear:both; text-align:center}
/* Comment */
.comments{width:500px; float:left; overflow:auto; margin:15px 0 5px; padding:5px 0; border-top:2px solid #008000}
#comments{''}
#comments h4{font-family:'comic sans MS',Trebuchet MS,Serif; font-size:20px; font-weight:bold; letter-spacing:.1em; text-shadow:1px 1px 2px #292820; color:#fff; margin:0 0 10px; padding:0; text-transform:none}
#comments-block{max-height:160px; border:0px dotted #eee; overflow:auto; line-height:1.5em; margin:10px 0 0 0}
#comments-block .comment-author{margin:5px 0 0 20px; padding:3px 0; font-size:18px}
#comments-block .avatar-image-container img{border:none; float:right; margin:0}
#comments-block .avatar-image-container img{border:1px Dashed #050505; float:left; padding:0; margin:0; width:1px; height:40px; border-radius:2px; margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,1.5s ease-out 1s,opacity 2s ease-in; margin 1.5s ease-in 2s,1.5s ease-out 1s,opacity 2s ease-in; margin 1.5s ease-in 2s,1.5s ease-out 1s,opacity 2s ease-in; opacity:0.9; transform:rotate(''); rotate(''); rotate(''); rotate('')}
#comments-block .avatar-image-container img:hover{opacity:1.0; rotate('') scale(1.8) translate(35px,10px); rotate('') scale(1.8) translate(35px,10px); rotate('') scale(1.8) translate(35px,10px); margin-left 1.5s ease-in 0.1s,margin-top 1.0s,2.5s ease-out 1.4s,opacity 1s ease-in 1s; margin 1.5s ease-in 0.1s,1.0s ease-out 1.4s,opacity 1s ease-in 1s; margin 1.5s ease-in 0.1s,1.0s ease-out 1.4s,opacity 1s ease-in 1s}
#comments-block .avatar-image-container.avatar-stock img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SH-uOrT7UGjTJMl7C_1x4k1icCU9SOqQ_DxX9yp_iMXCTbsmdwsRO2-rHofCH5zPN1GyhcaowOEzPHmSsKvtKD2J17Ktn3AeIIr4iiyFNXMqDc2sLhD5UWajHzfXOp0F5WtCoSY2m-M/s1600/unknown.png) no-repeat center; border:1px Dashed #ccc}
#comments-block.avatar-comment-indent dd{margin-left:20px}
#comments-block .comment-body{margin:0; padding:5px 0}
#comments-block .comment-footer{font-size:12px; text-align:left; margin:0 0 20px; padding:0; border-bottom:1px Dashed #0F0}
#comments-block .comment-body p{margin:0; padding:0}
.deleted-comment{font-style:italic; color:gray}
/* Credit */
.creditlink{border:1px dashed #0F0;width:980px; margin:10px auto; padding:10px; text-align:left; color:#FFF; clear:both;border-radius:5px;}
.creditlink a{color:#0F0}
.creditlink p{color:#FFF}
#Label1 ul, #Label2 ul{list-style:none; margin:0 0 0; padding:0 0 8px}
#Label1 li, #Label2 li{background:url(http://icons.iconarchive.com/icons/saki/nuoveXT/16/Folder-green-icon.png) no-repeat; padding-top:0; padding-right:0; padding-bottom:none; padding-left:20px;border-bottom:none; line-height:1.2em;font-family:Electrolize}
.author-comments{background:#8B0000; border:1px Dashed #FFFF00; padding:4px}
a:hover{color:red; text-decoration:none; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out}
.breadcrumbs {margin:0;font-size:95%;line-height:1.4em;font-family:Electrolize;}.breadcrumbs a {text-decoration:none;color: #ccc;}.breadcrumbs a:hover{color:#fff;}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 250;
img_thumb_height = 90;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
/*
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
*/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+' ...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0;margin:5px 10px 0 0"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<link href='http://i1121.photobucket.com/albums/l513/iqbalkanci/indonesia-icon-1-1.png' rel='icon' type='image/vnd.microsoft.icon'/>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='header-wrapper'>
<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Jovan © (Header)' type='Header'/>
</b:section>
</div>
</div>
<div id='menu'>
<ul>
<li><a href='/'>./Home</a>
</li>
<li><a>./Contact</a>
<ul>
<li><a href='/'>My Twitter</a></li>
<li><a href='https://www.facebook.com/benedictus.jovan.1'>My Facebook</a></li>
<li><a href='/'>Yahoo Messenger</a></li>
</ul>
</li>
<li><a href='/'>./Software</a></li>
<li><a href='/'>./Games</a></li>
<li><a href='/'>./Tutorial Blog</a></li>
<li><a href='/'>./Hacking</a></li>
<li><a href='/'>./Cracking</a></li>
<li><a href='/'>./Forum</a></li>
<li><a href='/'>./Hosting</a></li>
<li><a href='http://www.google.com/support/blogger/?hl=en'>./Help</a></li>
</ul>
</div>
<div id='content-wrapper'>
<div id='mainright'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebarright-wrapper'>
<b:section class='sidebar' id='sidebarright' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Exo K - History' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
<div id='bottom-wrapper'>
<b:section class='sidebar' id='bottom1' preferred='yes'/>
<b:section class='sidebar' id='bottom2' preferred='yes'/>
<b:section class='sidebar' id='bottom3' preferred='yes'/>
</div>
</div>
<div id='sidebarleft-wrapper'>
<b:section class='sidebar' id='sidebarleft' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='Label2' locked='false' title='Label' type='Label'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div class='creditlink'>
Copyright © 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><div style='float:right;'>Desain Template oleh <a href='http://donstera.blogspot.com/' target='_blank'>Donstera</a></div>
</div>
</body>
</html>
Cara Nya :
Kali ini Saya Bahas tentang Script Blog saya :)
Ini Script
Dari : Donesetra(Pembuatnya)
INI Nih Scriptnya :)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='Catatan, Dokumentasi, Blogazine, Unique Post, Software, Tips & Trik, Informasi, Tragedi, Bola, Magazine, Donwloads, Audio, Antivirus, Point Blank, Humor, Lucu, Seru, Harga Murah Motor Injeksi, HP.' name='keywords'/>
<meta content='Sekedar catatan dan dokumentasi' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='2012, Donstera' name='copyright'/>
<meta content='Donstera' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[
/*
Blogger Template Style
Name : Green's Dashed Transparent
Author : Aamrol
Url : http://donstera.blogspot.com/
*/
body .navbar, .home-link, .date-header, .icon-action, .status-msg-wrap, .widget-item-control, .feed-links, #skiplinks{display:none!important}
*, .Header .description, .section, .widget, .widget .post-body ul, .widget ul, .crosscol .Header h1, .footer .widget li, .BlogArchive #ArchiveList ul.flat li{margin:0; padding:0; outline:none}
.BlogArchive #ArchiveList ul li{padding-left:0; text-indent:0; line-height:1.1}
#navbar-iframe, #Attribution1, #quickedit{display:none !important}
body{background:#000; margin:0; text-align:left; font-family:'Rockwell',Trebuchet MS,Serif; font-size:14px; color:#fff; line-height:1.3em}
a{color:#0F0; text-decoration:none}
a:link{-moz-transition-duration:1s; -moz-transition-property:color,text; -moz-transition-timing-function:linear,ease-in; -o-transition-duration:1s; -o-transition-property:color,text; -o-transition-timing-function:linear,ease-in; -webkit-transition-duration:1s; -webkit-transition-property:color,text; -webkit-transition-timing-function:linear,ease-in; color:#0F0; text-decoration:none}
a:visited{color:#0F0}
a:hover{color:red;text-decoration:none}
a.line-height:1.5em}
a img{border-width:0}
h1{font-size:40px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#ccc; padding:5px 0; margin:0; line-height:1.2}
h2{font-size:24px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h3{font-size:22px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h4{font-size:20px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h5{font-size:18px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
#header-wrapper{background:transparent; border:0px Dashed #0F0; width:980px; height:90px; margin:0 auto 10px; padding:0px}
#header{float:left; width:980px; margin:0; text-align:left; color:#000}
#header h1{font-family:'Colonna MT'; font-size:52px; font-weight:bold; margin:0; padding:0px; color:#0F0; line-height:2.0em}
#header h1:{hover:none}
#header a{color:#0F0; text-decoration:none}
#header a:hover{color:#0F0}
#header .description{font-size:10px; font-family:'Rockwell',Trebuchet MS,Serif; font-weight:bold; color:#FFF; margin:10; padding:0 10px; text-transform:none}
#header img{margin:0 auto}
.right{padding-right:10px; margin:0}
/*Bottom Menu*/
#menu{font-family:Electrolize;height:41px; background:#000; border:1px dashed #0F0; border-radius:2px; display:block; padding:0; font-size:14px; font-weight:normal; text-transform:none; margin-bottom:8px}
#menu ul{float:left; list-style:none; margin:0px; padding:0px}
#menu li{float:left; list-style:none; margin:0px; padding:0px}
#menu li a, #menu li a:link, #menu li a:visited{color:#0F0; display:block; margin:0px; padding:8px}
#menu li a:hover, #menu li a:hover{color:#F00;}
#menu li li a, #menu li li a:link, #menu li li a:visited{font-family:Electrolize;background:transparent; color:#0F0; width:200px; font-weight:normal; float:none; margin:0; padding:1px 8px}
#menu li li a:hover, #menu li li a:active{background:#000; color:#fff; padding:8px;border:dashed 1px #0F0;border-radius:5px;}
#menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0px; padding:0px}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul{left:auto}
#menu li:hover, #menu li.sfhover{position:static}
/*Width Wrap*/
#outer-wrapper{width:980px; margin:0 auto; padding:0}
#mainright{width:790px; float:right; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#main-wrapper{width:500px; float:left; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#sidebarright-wrapper{width:280px; float:right; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#sidebarleft-wrapper{width:180px; float:left; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
#bottom-wrapper{clear:both}
/*Posts*/
h2.date-header{margin:0.5em 0 .1em; display:none}
.post{margin-bottom:9px; padding:0}
.post-title{opacity:0.9; background:#000; border:1px Dashed #0F0; border-radius:2px; bottomright:15px; font-family:'Rockwell',Trebuchet MS,Serif; font-size:18px; margin-bottom:0px; padding:5px; line-height:1.2em}
.post-title:hover{style:none}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#0F0}
.post-title strong, .post-title a:hover{color:#F00}
.post-body{opacity:0.9; background:#000; border:1px dashed #0F0; border-radius-topleft:10px; border-radius-bottomright:10px; margin-bottom:2px; padding:7px}
.post-body ul, .post-body ol{margin:0 0 10px 40px !important}
.post-body li{padding-bottom:0px}
.post-body blockquote {
display: block;
width: 450px;
overflow:auto;
max-height:1000px;
padding: 0px 10px 10px 10px;
margin: auto;
background:transparent;
text-align: left;
font-size: 13px;
border-left:double #00cc00;
}
.post-header{opacity:0.9; background:url('') repeat-x; padding:3px 10px}
.post-footer{margin:0; color:red; font-size:12px; padding:5px 5px; letter-spacing:.1em}
.post-share-buttons{overflow:hidden; float:right; padding-top:0px}
.post-comment-link{overflow:hidden; float:right}
.post-author, .post-timestamp{color:#FFA500; font-size:11px}
.post-comment-link{float:right; padding:0; margin-left:10px; width:50px; height:40px; text-align:right}
.post-comment-link a:link{color:red}
/* Tabel */
table{margin:0 0 20px 0; text-align:center; width:100%}
tr th, thead th{background:#000; font-weight:bold; line-height:18px; padding:10px 20px}
tr td{border:1px solid #0F0; padding:5px 20px; text-align:center}
ul{list-style:square}
/*Sidebar*/
.sidebar{padding:0; margin:0}
.sidebar h2{text-align:center; background:#000; border:1px dashed #0F0; border-radius-topleft:2px; border-radius-bottomright:2px; margin-bottom:5px; padding:8px 10px 10px 10px; color:#FFF; font-family:Electrolize;font-size:15px; font-weight:bold}
.sidebar h2:hover{style:none}
.sidebar ul{margin:0; padding:0}
.sidebar li{list-style:none; padding:4px 0; line-height:1.2em; margin:0; border-bottom:0px dotted #0F0}
.sidebar .widget{opacity:0.9; margin-bottom:0px; padding:0}
.sidebar .widget-content{background:#000; border:1px dashed #0F0; border-radius:2px; margin:0; padding:10px}
.main .Blog{border-bottom-width:0}
/*Bottom Wrap*/
#bottom1, #bottom2{width:256px; float:left; margin-right:10px}
#bottom3{width:256px; float:left}
.feed-links{clear:both; line-height:2.5em}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{clear:both; text-align:center}
/* Comment */
.comments{width:500px; float:left; overflow:auto; margin:15px 0 5px; padding:5px 0; border-top:2px solid #008000}
#comments{''}
#comments h4{font-family:'comic sans MS',Trebuchet MS,Serif; font-size:20px; font-weight:bold; letter-spacing:.1em; text-shadow:1px 1px 2px #292820; color:#fff; margin:0 0 10px; padding:0; text-transform:none}
#comments-block{max-height:160px; border:0px dotted #eee; overflow:auto; line-height:1.5em; margin:10px 0 0 0}
#comments-block .comment-author{margin:5px 0 0 20px; padding:3px 0; font-size:18px}
#comments-block .avatar-image-container img{border:none; float:right; margin:0}
#comments-block .avatar-image-container img{border:1px Dashed #050505; float:left; padding:0; margin:0; width:1px; height:40px; border-radius:2px; margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,1.5s ease-out 1s,opacity 2s ease-in; margin 1.5s ease-in 2s,1.5s ease-out 1s,opacity 2s ease-in; margin 1.5s ease-in 2s,1.5s ease-out 1s,opacity 2s ease-in; opacity:0.9; transform:rotate(''); rotate(''); rotate(''); rotate('')}
#comments-block .avatar-image-container img:hover{opacity:1.0; rotate('') scale(1.8) translate(35px,10px); rotate('') scale(1.8) translate(35px,10px); rotate('') scale(1.8) translate(35px,10px); margin-left 1.5s ease-in 0.1s,margin-top 1.0s,2.5s ease-out 1.4s,opacity 1s ease-in 1s; margin 1.5s ease-in 0.1s,1.0s ease-out 1.4s,opacity 1s ease-in 1s; margin 1.5s ease-in 0.1s,1.0s ease-out 1.4s,opacity 1s ease-in 1s}
#comments-block .avatar-image-container.avatar-stock img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SH-uOrT7UGjTJMl7C_1x4k1icCU9SOqQ_DxX9yp_iMXCTbsmdwsRO2-rHofCH5zPN1GyhcaowOEzPHmSsKvtKD2J17Ktn3AeIIr4iiyFNXMqDc2sLhD5UWajHzfXOp0F5WtCoSY2m-M/s1600/unknown.png) no-repeat center; border:1px Dashed #ccc}
#comments-block.avatar-comment-indent dd{margin-left:20px}
#comments-block .comment-body{margin:0; padding:5px 0}
#comments-block .comment-footer{font-size:12px; text-align:left; margin:0 0 20px; padding:0; border-bottom:1px Dashed #0F0}
#comments-block .comment-body p{margin:0; padding:0}
.deleted-comment{font-style:italic; color:gray}
/* Credit */
.creditlink{border:1px dashed #0F0;width:980px; margin:10px auto; padding:10px; text-align:left; color:#FFF; clear:both;border-radius:5px;}
.creditlink a{color:#0F0}
.creditlink p{color:#FFF}
#Label1 ul, #Label2 ul{list-style:none; margin:0 0 0; padding:0 0 8px}
#Label1 li, #Label2 li{background:url(http://icons.iconarchive.com/icons/saki/nuoveXT/16/Folder-green-icon.png) no-repeat; padding-top:0; padding-right:0; padding-bottom:none; padding-left:20px;border-bottom:none; line-height:1.2em;font-family:Electrolize}
.author-comments{background:#8B0000; border:1px Dashed #FFFF00; padding:4px}
a:hover{color:red; text-decoration:none; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out}
.breadcrumbs {margin:0;font-size:95%;line-height:1.4em;font-family:Electrolize;}.breadcrumbs a {text-decoration:none;color: #ccc;}.breadcrumbs a:hover{color:#fff;}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 250;
img_thumb_height = 90;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
/*
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
*/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+' ...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0;margin:5px 10px 0 0"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<link href='http://i1121.photobucket.com/albums/l513/iqbalkanci/indonesia-icon-1-1.png' rel='icon' type='image/vnd.microsoft.icon'/>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='header-wrapper'>
<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Jovan © (Header)' type='Header'/>
</b:section>
</div>
</div>
<div id='menu'>
<ul>
<li><a href='/'>./Home</a>
</li>
<li><a>./Contact</a>
<ul>
<li><a href='/'>My Twitter</a></li>
<li><a href='https://www.facebook.com/benedictus.jovan.1'>My Facebook</a></li>
<li><a href='/'>Yahoo Messenger</a></li>
</ul>
</li>
<li><a href='/'>./Software</a></li>
<li><a href='/'>./Games</a></li>
<li><a href='/'>./Tutorial Blog</a></li>
<li><a href='/'>./Hacking</a></li>
<li><a href='/'>./Cracking</a></li>
<li><a href='/'>./Forum</a></li>
<li><a href='/'>./Hosting</a></li>
<li><a href='http://www.google.com/support/blogger/?hl=en'>./Help</a></li>
</ul>
</div>
<div id='content-wrapper'>
<div id='mainright'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebarright-wrapper'>
<b:section class='sidebar' id='sidebarright' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Exo K - History' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
<div id='bottom-wrapper'>
<b:section class='sidebar' id='bottom1' preferred='yes'/>
<b:section class='sidebar' id='bottom2' preferred='yes'/>
<b:section class='sidebar' id='bottom3' preferred='yes'/>
</div>
</div>
<div id='sidebarleft-wrapper'>
<b:section class='sidebar' id='sidebarleft' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='Label2' locked='false' title='Label' type='Label'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div class='creditlink'>
Copyright © 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><div style='float:right;'>Desain Template oleh <a href='http://donstera.blogspot.com/' target='_blank'>Donstera</a></div>
</div>
</body>
</html>
Cara Nya :
- Buka Template
- Buka Edit HTML
- Lalu Paste-kan Script Di-atas
- Lalu Minimum Ad 1 post :)
- ENJOY
0 Comments
Bagaimana Pendapat Anda ?