Skins #2: Fresh Green

Akhirnyaaaaa aku balik lagi setelah UAS!!! Yuhu...
Nah, aku mau ngasih kalian skins baru, nih! Kalo yang dulu temanya X1, warna biru, sekarang temanya random dengan warna hijau muda. Tapi, aku ngambil tutorial kak Jesslyn cara bikin skins nya. Jadi, maaf kalo ada kesalahan. Capcusss >>>


<html>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified bySafiraNuril***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://media.tumblr.com/tumblr_lw4i9ikX0Y1r43b17.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhADIGCMeKDhQweRjznhFhsHlLmVpKdmxlO7h0-QTlFRJ6Oml6MK7chU3aGmFwXkLL5q0r-uzlZiVdHjoXEzx1Fvu-DqNEpcR-OZ1XhpOY73SE1vxRiBAyh_lH8ejldU63vOj5oXBT2guM/s1600/header+all+of+me+green.png" /></center>
<title>Fresh Green</title>
<link rel="shortcut icon" href="https://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniverdura.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #f0ffff;
border: 3px solid #f0ffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #f0ffff;
}
.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}
body {
color: #000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggwhmkE8-ogx2MiDvSsHS4WfT2a8f2oA5FYJpO2ZCVgnKRn93G8Lym31aSAXwjk2e-lZQy1weIgZ68tFJ8jyfgPYHx-JwfrrWQOf3-niYfgLzIi7OuL1Tf88P10gpQ2_RPLDJSUBLbaw/s1600/green.png);
background-attachment:inherit;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMlFKAK5p02S0VcMklpzkyWp2OVt1bOpPZyioYD2xazGBbzcHHhBmzplY-lnffnvedlA9tGoDPZVphz3-H9CUe2U2Bw9o1TeZUQnlf1pjjdE8xsh5bG4a-u8133me_AUCktt3d8_Tn4A/s1600/cur842.png), progress;
font-family: Short Stack;
letter-spacing: 0px;
line-height: 12px
font-size: 12px;
}
a:link, a:visited {
color:#f0ffff;
font-family: Short Stack;
font-size: 12px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wuG1zCuf_ByIDlKOns5GopldItbG7Gshe1SPujie4pje5eW5gG3D_ZDpx07gKDZ3jEHDODWulLFoajh56nZQn1JvRmTzTNyCu0W4HeIg1FFgFx0NnuiMzxArE77gUEDMJYp_iAGLMuE/s1600/cur269.png), progress;
}
a:hover{
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ZcST_u8LuzdliBwqGTuxTNz0zEiaCqJ6svjPC_nIsmVWtM41lM-JJQD58oKm7JbF11gxnDXz6Wk9CcbGGB_FHzBtyGZCMuPhCAPWSaguiAlIJ3jitruQ697cwJpM7LAj8gx8Ijn7XHk/s1600/Hulk.png), progress;
color: azure;
text-decoration: none;
padding-left:0px;
-webkit-transition:1.2s;
}
a.navigate {
border:2px solid azure;
border-radius:6px;
background:#fff;
color: #f0ffff;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#FEAFC8;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
.tit {
font-weight: bold;
font: 16px 'kristen itc';
color:#515151;
text-align:center;
border-top: 4px double azure;
border-bottom: 4px double azure;
}
::selection {
background-color:#f0ffff;
color:#fff;
}
::-moz-selection {
background-color: #f0ffff;
color: #fff;
}
.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #f0ffff solid;
text-align: right;
}
blockquote{
background:url(http://static.tumblr.com/48d79480356f60dc287b3fe4e3f19956/2vxikgw/GnZmwgjg8/tumblr_static_tumblr_static_pattern-20b.png);
background-repeat:repeat;
background-position:100% 95%;
font-family: 'short stack';
padding:10px;
border-left:20px solid #f0ffff;
border-right:2px dashed #f0ffff;
border-top:2px dashed #f0ffff;
border-bottom:2px dashed #f0ffff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#000;
}
blockquote:hover{
background: none;
border-left:2px dashed #FFCEF7;
border-right:20px solid #FFCEF7;
color:#000;
}
i {
text-decoration:none;
color: #000;
}
u {
text-decoration:none;
color:#000;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #f0ffff;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #f0ffff
;
font-weight: bold;
}
strike {
text-decoration: none;
color:#000;
-webkit-transition: .5s;
}
</style>
<style>
.hyosung{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4cJ6B2LpOHul8M095yfLfiPaYrEhLMfVK1UvWx5x6iYMmy3jYrXsu5l_BzRqRTN_vzP78ZlqOVb22GxE8kqudZBrdkd5Y6AMc1_sUkPeksMVmJi6IhQEAurojAxKstMNXDKZlStAcg/s1600/green.gif);
border-bottom:5px solid #Fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #f0ffff;
text-align:center;
padding:10px;}
 a.jieun{
background:#f0ffff;
border-bottom:5px solid #FFf;
text-decoration:none;
color:#000;
padding:5px;
font:11px short stack;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.jieun:hover{
border-bottom:5px solid #f0ffff;
background:#fff;
color:#000;
</style>
</style>
<center> <table style="font-size: 11px; color: #000; line-height: 17px; background:transparent;border-top: 32px solid azure; border-left: 8px solid azure; border-right: 8px solid azure; border-bottom: 32px solid azure; background:#fff; border-radius:10px;" width="899" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:0px;">
<div class="tit">Welcome</div><br>
<center><img height="142" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ1_6EaV2kCy0d4wcm7O1e5aTI8nP7IJcLOTlS0XWsTTwhN_gwE&s" width="230" /></center></div><br>
<center>Fill with ur own profile!</center>
<br></div></div>
<br></div>
</div></div>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Cbox</div><br>
<center><img height="142" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLhhdr4lJhk0y2GSiePtXCxRR4h_2WP_VA0KrkLkdfJ55VVJpZ&s" width="230" /></center></div>
<center>Fill it with ur own cbox!<center>
<br>
<div class="tit">Thanks to</div><br>
<center><img height="142" src="https://data.whicdn.com/images/226551366/original.jpg" width="230" /></center></div>
<center>Template : <a href="http://litbloggie.blogspot.com/">Jesslyn</a>.<br>
<center>Codes : <a href="http://nafaraisya.blogspot.com/">Zahra</a><br>
<center>Edits : <a href="http://aisya-rz.blogspot.com/">Aisya</a><br>
<center>Photos : <a href="http://anugerahsalsa.blogspot.com">Salsa</a><br>
</div><br>
<center>Owner : <a href="url blog kamu">nama kamu</a><br>
</div><br>
<div style="background: #fff;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >Main Page</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >Author</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >Friends</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('tutobies').innerHTML" >Posts</a>
<a class="jieun" href="<$NewerPosts$>">Future posts</a>
<a class="jieun" href="<$OlderPosts$>">Older posts</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a></div></div>
</head>
</head>
<body oncontextmenu='return false;'>
<br>
<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by Me at <$BlogItemDateTime$> <b style="background-color: white; color: #f0ffff; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">About Author</div><br>
<center><img src="https://i.pinimg.com/236x/3d/4c/0f/3d4c0f1accfa6d6ff2b9a0691c4e3353.jpg" width="230" height="142"></center><br>
<center>Change with ur own biodata!</center>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> jesslyn</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="links" style="display: none;">
<div class="tit">Ma friends</div><br>
<center><img src="https://i.pinimg.com/236x/68/a3/4b/68a34b95146d339bac59443310a159db.jpg" width="230" height="142"></center><br>
<center>
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a><br>
</div>
<div id="tutobies" style="display: none;">
<div class="tit">Posts</div><br>
<center><img src="https://i.pinimg.com/236x/63/ca/06/63ca068916923d96ff241ee6e622d675.jpg" width="230" height="142"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li> tutorial
<li> tutorial<br><br><br>
<center style="text-align: left;"><u>Freebies</u></center><br>
<li> freebies
<li> freebies<br><br>
</div>
</body>
</html>

Nah, kalo ada yang mau di edit, silahkan. Bilang dulu tapi, dan jangan pernah sekali-kali menghapus kredit, ok? Bye!!

Thanks for reading my post! Don't forget to comment ^^

No comments:

Post a Comment