Cutie Owl

HOME ABOUT LINKIES STUFF NEWER OLDER FOLLOW

Shoutbox

CBOX Code here

Click to suprise!!!

Hi! this is my secret box ><

big Clap

designer: owl
owner:blablabla
halohalo~~halo~~

halo

skins ke 2: cute owl

ini ya.....

<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- © 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://i.imgur.com/tEwOi.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="http://i.imgur.com/3k828Tf.png" /></center>
<title>Cutie Owl</title>
<link rel="shortcut icon" href="icon blogskins kamu" />
<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: #fff;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFFFFF;
border: 1px solid #fff;
}
.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}
body {
color: #000;
background: url(https://64.media.tumblr.com/375379869db58c564d7af5db6637d233/tumblr_inline_npmlyvvNR31rnjuep_540.png);
background-attachment:inherit;
cursor: url(https://i.imgur.com/U3NET.png), progress;
font-family: Short Stack;
letter-spacing: 0px;
line-height: 12px
font-size: 12px;
}
a:link, a:visited {
color:#FFA4C1;
font-family: Short Stack;
font-size: 12px;
text-decoration:none;
-webkit-transition:1s;
}
a:hover{
color: Pink;
text-decoration: none;
padding-left:0px;
-webkit-transition:1.2s;
}
a.navigate {
border:2px solid MistyRose;
border-radius:6px;
background:#fff;
color: #FF87AD;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#FEAFC8;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
.tit {
font-weight: bold;
font: 20px 'Annie use Your Telescope';
color:#515151;
text-align:center;
border-top: 4px double MistyRose;
border-bottom: 4px double MistyRose;
}
::selection {
background-color: #fff;
color:#FF84AA;
}
::-moz-selection {
background-color: #FF84AA;
color: #fff;
}
.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #eee solid;
text-align: right;
}
blockquote{
background:url(https://64.media.tumblr.com/199e2686602a0394e1191b91faa3de3c/tumblr_inline_mmzqovg1qx1qz4rgp.gif);
background-repeat:no-repeat;
background-position:100% 95%;
font-family: 'short stack';
padding:10px;
border-left:20px solid #FFCEF7;
border-right:2px dashed #FFCEF7;
border-top:2px dashed #FFCEF7;
border-bottom:2px dashed #FFCEF7;
-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:#555;
}
blockquote:hover{
background: none;
border-left:2px dashed #FFCEF7;
border-right:20px solid #FFCEF7;
color:#555;
}
i {
text-decoration:none;
color: #000;
}
u {
text-decoration:none;
color:#000;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #FFABC6;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #FF6798;
font-weight: bold;
}
strike {
text-decoration: none;
color:#000;
-webkit-transition: .5s;
}
li {
list-style-image:url(https://64.media.tumblr.com/tumblr_lkl5o6P0ei1qfamg6.gif) ;
}
li:hover {
list-style-image:url(https://64.media.tumblr.com/tumblr_lu2de169mC1qfoi4t.gif);
}
     .comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#666;}.deleted-comment {font-style:italic;color:#eee;}#comments {margin:5;border-width:0 1px 1px;padding:20px 0 15px 0;}.comment-icon blogger-comment-icon{display:none}#comments-block {margin:2px ;}.comment-data {background:url(http://i.imgur.com/DsmJo.gif);margin-top:3px !important;font-family: short stack;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:0 0 0 20px;color:#ccc;}span.comment-icon{display:none}.comment-poster {font-weight:bold;}.comment-body {margin:0px;}.comment-body p {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69Q1jnWXC9W1WfeMpSlEiCdzPMDqTbBeGqvnQsAMh1ajT6AxFtmCN53zjS91LbMUSvKCtpxXH6NWbfYKArF_ZURaNja0DTTm0U_5GYH7Ismm1qdu1_mICnYvL9qfT5p81avtiuc_v2A/s1600/pink.png);border:2px dotted #fafafa;font:10.5px short stack;line-height:20px;margin:0em;padding:8px;color:#666;letter-spacing:0;text-align:left; }
</style>
<style>
.hyosung{
width:100%;
background:url(https://i.imgur.com/DsmJo.gif);
border-bottom:5px solid #FF6BC6;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #FF6BC6;
text-align:center;
padding:10px;}
 a.jieun{
background:#FDD2F3;
border-bottom:5px solid #FF6BC6;
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 #FF00DE;
background:#FCCDF5;
color:#fff;
</style>
</style>
<center>
<center>
<center><br>
<div style="background: transparent;"/>
<br>
<div class="hyosung">
<a class="jieun" on
   ="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('tutobies').innerHTML" >STUFF</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</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>
 <table style="font-size: 11px; color: #FF4EE8; line-height: 17px; background:transparent;border-top: 32px solid MistyRose; border-left: 8px solid MistyRose; border-right: 8px solid MistyRose; border-bottom: 32px solid MistyRose; 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">Shoutbox</div><br>
<center><img height="142" src="https://media.giphy.com/media/xQmBvkujQYVri/giphy.gif" width="230" /></center></div><br>
<center>CBOX Code here</center>
<br></div></div>
<br></div>
</div></div>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Click to suprise!!!</div><br>
<center><img height="142" src="https://media.giphy.com/media/gRb1341rklANq/giphy.gif" width="230" /></center></div>
<center><style>
.adv2 ul{background:url(https://64.media.tumblr.com/c834d2e5e0488a1b21cfdb561f635198/tumblr_inline_n7qjkuFHCf1rnjuep.png);padding:5px;border:1px dashed #000;text-align:center;width:200px;color:#000}
.adv2 p{padding:5px;;width:200px;color:#000;dashed #000;text-align:center}
a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#fff;
width:20px;
text-decoration:none;
border:1px dashed #666;
border-radius:33px;
color:#666;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#666;color:#000;}
 </style>
<div id="adv2" class="adv2">
<ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a>
</ul>
<div id="wnsb" style="width:200px;">
<center>Hi! this is my secret box ><</center>
</div>
<div id="1" style="display: none;">
<center><select style="background-color: #F5A9F2; font: 10px tahoma; letter-spacing: 2px; border: 1px #848484 solid; padding: 3px; width: 200px;" onChange="location.href=this.options[this.selectedIndex].value;"><option value=''>Memories</option><BloggerArchives><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option></BloggerArchives></select> </div>

<div id="2" style="display: none;">
Your banner here
</div>
<div id="3" style="display: none;">
choose one background if your like
<br>
<style>
#background a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:0px;
border: 2px solid #C4E1FF;
}
#background a:hover img{
border:2px solid #C4E1FF;
-moz-border-radius: 35px;
border-radius: 35px;
}
</style>
<div id="background">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script> <script> $(document).ready(function(){ $("#bgcolor1").click(function(){ $("body").css({"background":"url(https://64.media.tumblr.com/e0ef6f2a17b454a2b846cea62981d690/tumblr_inline_nov99ccPET1rnjuep_540.png)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(https://64.media.tumblr.com/c1ac4c27aa200889437e40314ddfcff9/tumblr_nd1o9l6kcq1ru3nbdo6_r2_250.png)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(https://64.media.tumblr.com/c834d2e5e0488a1b21cfdb561f635198/tumblr_inline_n7qjkuFHCf1rnjuep.png)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="garis-garis cute"><img alt='tooltips bg 1' src="https://64.media.tumblr.com/e0ef6f2a17b454a2b846cea62981d690/tumblr_inline_nov99ccPET1rnjuep_540.png" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="polkadot pink"><img alt='tooltips bg 2' src="https://64.media.tumblr.com/c1ac4c27aa200889437e40314ddfcff9/tumblr_nd1o9l6kcq1ru3nbdo6_r2_250.png" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="cutie pink"><img alt='tooltips bg 2' src="https://64.media.tumblr.com/c834d2e5e0488a1b21cfdb561f635198/tumblr_inline_n7qjkuFHCf1rnjuep.png" height="50" width="50" /></a></div></div> 
</div>
<div id="4" style="display: none;">
<form action="/search" id="searchthis"
 method="get" style="display: inline;">
<input border="Pink" id="search-box" name="q" size="25" type="text" value="Search here" /><input id="search-btn" src="http://i11.photobucket.com/albums/a168/evelynregly/4-4.png" style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /><br />
<br /></div>
</form></div>
</div><center>
<br>
<div class="tit">big Clap</div><br>
designer: owl<br>
owner:blablabla<br>
<u>halo</u><b>halo</b><s>halo</s>
<blockquote>halo</blockquote>
<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 NAMA KAMU 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$> comment(s)</a></BlogItemCommentsEnabled></div>
     <itempage>  <div id="comments" style="margin-top:5px;"> <blogitemcommentsenabled><a name="cocholiciou (s)"></a><dl id="comments-block"><div style="width:540; padding:5px;margin-left:15px;margin-top:20px;border:0px solid #fff;border-radius:15px;background:#fff;">      <$CommentPager$>      <blogitemcomments><dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$></dt><dd class="comment-body">        <p><$BlogCommentBody$></p><$BlogCommentDeleteIcon$>      </dd>   </BlogItemComments>    <$CommentPager$>    </dl></div><p class="comment-timestamp"><$BlogItemCreate$>    </p></div></ItemPage> 
</blogger>
</div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">About Owl :)</div><br>
<center><img src="https://media.giphy.com/media/kWQoH059DDVIs/giphy.gif" width="330" height="320"></center><br>
<center>ganti dengan biodatamu..</center>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by NAMA KAMU 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">friends</div><br>
<center><img src="https://media.giphy.com/media/wMrDQG1xeCPe/giphy.gif" width="330" height="350"></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>
<a href="LINK BLOG TEMAN"><img src="URL GAMBAR BANNER KALIAN, UBAH DENGAN BANNER MU" /></a>
<blockquote><a href="LINK BLOG TEMAN"><img src="URL GAMBAR BANNER TEMAN" /></a>
<a href="LINK BLOG TEMAN"><img src="URL GAMBAR BANNER TEMAN" /></a>
<a href="LINK BLOG TEMAN"><img src="URL GAMBAR BANNER TEMAN" /></a></blockquote>
</div>
<div id="tutobies" style="display: none;">
<div class="tit">Blogging Tuto</div><br>
<center><img src="https://media.giphy.com/media/12pgyP4QTwjflC/giphy.gif" width="330" height="280"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li> <a href="http://.blogspot.com/">tutorial
<li> <a href="http://.blogspot.com/">tutorial<br><br><br>
<center style="text-align: left;"><u>Freebies</u></center><br>
<li> <a href="http://.blogspot.com/">freebies
<li> <a href="http://.blogspot.com/">freebies<br><br>
</div>
</body>
</html>

Anonim mengatakan...: IJIN PAKE
Unknown mengatakan...: Apakah itu kode template blogger ??

Posting Komentar

About Owl :)

ganti dengan biodatamu..

skins ke 2: cute owl

ini ya.....