<html>
<head>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEips2FpNx2b0wBrJDVpCef2qdINJ_1cpQmms09AgYCsTNaT3ImUZfuWlShrf4HvEmo8uG5OXkpF2U1O_qjar2c0-5WRhLnh1jZgzaJ2ngQ2JK8ORRFG8pxbZVZd1xnChFfn7iLiAmyngKU/s1600/PNG.png" /></center>
<title>Hello Kitty Blog</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(http://images2.layoutsparks.com/1/165203/pink-purple-hello-kitty.gif);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#FF99FF;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #FFE5FF;
}
.mainblog {
background:#ffffff;
color:#666666;
padding:14px;
width:900px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
color:#FF99FF;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
</style>
<body>
<td valign="top" width:550px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Kitty (s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
<br>
<style>.hyosung{width:100%;background:url(http://images2.layoutsparks.com/1/152241/flowered-pink-vintage-design-31000.gif);border-bottom:5px solid #FFEEEE;position:fixed;top:0px;left:0px;box-shadow:0 0 6px #ccc;text-align:center;padding:10px;}
a.jieun{background:#FFEEEE;text-decoration:none;color:#FFBBBB;padding:5px;font:11px arial;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{background:#FFBBBB;color:#fff;</style><div class="hyosung"><a class="jieun" href="LINK">ABOUT</a><a class="jieun" href="LINK">TUTO</a><a class="jieun" href="LINK">LINKIES</a><a class="jieun" href="LINK">FREEBIES</a><a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div>
<style>
@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
#line{
position:fixed;
right:80px;
top:0px;
border-left:10px solid #D7D7D7;
border-right:10px solid #D7D7D7;
width:70px;
height:50px;}
.status {
font-family:tinytots;
font-size:8px;
letter-spacing:2px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;color:#000;
width:150px;
margin-left:-38px;
margin-top:40px;
text-align:center;
padding:5px;background: #D7D7D7;}
#note {
border:2px dashed #FFFFFF;
width:150px;
font-family:tinytots;
font-size:8px;margin-top:10px;
margin-left:-38px;
padding:4px;
height:55px;
text-align:left;
background:#fff5f5;
background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/tumblr_m89h28T8cN1qdlkyg.gif);">
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style>
<div id="line">
<div class="status">
Status</div>
<div id="note"><br />
<marquee direction="left" behavior="scroll" scrollamount="5" >
Put Your Status Here!
</marquee></div></div>
<style type="text/css">body, a, a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur818.cur), default;} a:hover {cursor:url(http://cur.cursors-4u.net/others/oth-6/oth644.cur),wait;}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i1230.photobucket.com/albums/ee493/daya331/TOP.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Credit</div>
<center><img style="width:200px;height:140px;" src="http://myspacelyts.net/albums/ee115/yayitssteph/hellokitty/animated//hk23.gif" /><br /> <center>Template : <a href="http://jauzahanun-library.blogspot.com">Jauza'</a></center><center>Owner : <a href="LINK">NAME</a></center><center>Designer : <a href="LINK">NAME</a></center><center>Header : <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEips2FpNx2b0wBrJDVpCef2qdINJ_1cpQmms09AgYCsTNaT3ImUZfuWlShrf4HvEmo8uG5OXkpF2U1O_qjar2c0-5WRhLnh1jZgzaJ2ngQ2JK8ORRFG8pxbZVZd1xnChFfn7iLiAmyngKU/s1600/PNG.png">Google</a></center><center>Top Button : <a href="http://i1230.photobucket.com/albums/ee493/daya331/TOP.png">Google</a></center><center>Helped : <a href="LINK">♥</a> <a href="LINK">♥</a> <a href="LINK">♥</a> <a href="LINK">♥</a> <a href="LINK">♥</a></center></div>
<br>
</table></body></head></html>