<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background:url('http://i.imgur.com/302fU.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;background:white;padding:10px;
}
@font-face{
font-family:lemoncanfly;
src:url(http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf);
}
@font-face{
font-family:vanilla;
src:url(http://static.tumblr.com/qatn6bj/GUjmkf11j/vanilla.ttf);
}
@font-face{
font-family:Homemade Apple;
src:url(http://themes.googleusercontent.com/static/fonts/homemadeapple/v3/yg3UMEsefgZ8IHz_ryz86Kmk7U3V72hKgu0Yds_deA8.woff);
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name="FlashVars" value="mp3=http://media.irondj.net/mix/file/27882/Grenade.mp3&amp;loop=1&amp;autoplay=1&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;loadingcolor=83AF9B&amp;buttoncolor=777777&amp;buttonovercolor=777777&amp;slidercolor1=83AF9B&amp;slidercolor2=83AF9B&amp;sliderovercolor=83AF9B" />
</object>
<center><span style="font: 13px tinytots; color:#83AF9B;">Bruno Mars - Grenade</span><br></center>
<div style="text-align:right">
<a href="javascript:showHideGB()">
<img src="http://i237.photobucket.com/albums/ff19/rebeccacream/Sozai%20and%20Website/close4.png"/>
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='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 (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://media.tumblr.com/tumblr_lq1hhkyiaX1qcn2vb.png" width="120" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center 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:'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>
<style type="text/css">
#navbar-iframe {display: none;}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
body {background:url();font-family: tahoma;background-attachment:fixed;cursor: url(http://i.imgur.com/ZOrzC.png), auto;}
background:white;
-webkit-transition: 3s;
padding: 12px;
margin: 2px 2px;
color: #777;
border-left: 6px solid #83AF9B;
border-right: 1px solid #83AF9B;
border-bottom: 1px solid #83AF9B;
border-top: 1px solid #83AF9B;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
blockquote:hover {
-webkit-transition: 3s;
background-image:url(http://1.bp.blogspot.com/-E_PRmAtU6jE/TwOqiphKXFI/AAAAAAAAAy4/WPrSv6pww_g/s1600/froggie.png);
background-position:bottom right;
background-repeat:
no-repeat;
}
a.friends { border-radius:5px;background: #83AF9B; border: 1px solid #83AF9B; padding:3px; color:white; }
.header {margin-top:-20px;}
.menu { margin: 0 0 20px; padding: 0 0 20px; overflow: auto; padding: 2px 0; }
.menu .navi, .navi-about, .navi-talk, .navi-credits, .navi-links { background: #B2C0C6; font: normal 13px tinytots; color: white; border: 1px solid #B2C0C6; display: inline-block; letter-spacing: 1.5px; margin: 0 2px 0 0; padding: 5px; text-transform: uppercase; cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur); }
b, strong { color: #83AF9B; }
s, strike { color: #C8C8A9; }
i, italic { color: #C8C8A9; }
u, underline { border-bottom: 2px solid #C8C8A9; -webkit-transition: 0.5s; margin-top:-2px; }
u:hover, underline:hover { color: transparent; -webkit-transition: 0.5s; }
img.icon { float: right;display: block;border: 5px solid #83AF9B; width: 80px;}
<body oncontextmenu='return false;'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".about").hide();
$(".navi-about").click(function(){
$('.about').slideToggle("medium");
return true;
});
});
$(document).ready(function(){
$(".talk").hide();
$(".navi-talk").click(function(){
$('.talk').slideToggle("medium");
return true;
});
});
$(document).ready(function(){
$(".links").hide();
$(".navi-links").click(function(){
$('.links').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".credits").hide();
$(".navi-credits").click(function(){
$('.credits').slideToggle("medium");
return true;
});
});
</script>
</head>
<html><head>
<title>MY ART!</title>
<style type="text/css">
#navbar-iframe {display: none;}
::selection {background:-transparent; color:#E4D3B5}
::-moz-selection {background:-transparent; color:#E4D3B5}
::-webkit-selection {background:-transparent; color:#E4D3B5}
body{background-color: #f9f9f9; background-image:url('http://i.imgur.com/r19VO4p.png'); background-attachment:fixed; color: #666666; font-family:consolas; font-size: 30pt;}

a:link, a:visited {color:#99ccc5;font-family:lemoncanfly;
font-size:30px;text-decoration:none;-webkit-transition:0.5s;}
a:hover {color:#555;border-bottom:1px dotted #6E6E6E;-webkit-transition:0.5s;cursor:Sw-resize}
blockquote {font:italic 11px vanilla;letter-spacing:1px;border-top:3px solid #E4D3B5;border-bottom:3px solid #BEBFC4;padding:10px;cursor:Crosshair}
.h1 {
background:url(http://i.imgur.com/aZn8UfF.png);
font-family:consolas;
font-size: 18px;
color: #fff;
border-radius:6px 6px 0px 0px;
line-height: 10px; padding:2px; padding-top:6px;
font-weight: normal;
text-align:center;
text-transform:lowercase;
text-shadow:1px 1px 1px #707070;
}
.h2 {
background:#a58b44;
font-family:homemade apple;
font-size: 16px;
border-radius:6px 6px 0px 0px;
color: #fff;
line-height: 10px; padding:2px; padding-top:6px;
font-weight: normal;
text-align:center;
text-shadow:1px 1px 1px #707070;
}
a.boxlink:link, a.boxlink:active, a.boxlink:visited {
display: inline-block; background: #333333; color: #ffffff; font: 8pt arial; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px;
letter-spacing:1px; text-align:center; width:75px; cursor:default; -webkit-transition-duration: .50s;}
a.boxlink:hover {background:#555555; -webkit-transition-duration: .50s; border-bottom:none;}
a.nav{width:110px; padding:10px; display:inline-block; color:#ffffff; background-color:#333333; -webkit-transition-duration: .50s; letter-spacing: 1px; text-align:center; cursor:default;}
a.nav:hover{background:#555555; -webkit-transition-duration: .50s; border:none;}

::-webkit-scrollbar {
height:12px;
width: 12px;
background:
#FFffff;
}
::-webkit-scrollbar-thumb {
background-color:
 #99cccc;
-moz-border-radius: 0px;
border-radius: 0px;
}
.shakeimage{
position:relative
img:hover {
padding:4px;
-webkit-transition:1s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
img:hover{
-webkit-transition:1s;
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
cursor: Move;
}
</style><center>
<div style="background-image:url(http://3.bp.blogspot.com/-wfNmE9rQXSg/UVU-AyQ3A8I/AAAAAAAAIjE/CXpDZQTgPso/s1600/cubobe.jpg);width:740px;border-radius: 10px 10px 10px 10px;padding:10px;margin-top:15px;">
<center></head><body>
<br><br><br><center><br><br><br>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top" width="730px" style="font-size:8pt; color:#ffffff; background:#333333;">
<a href="javascript:void(0)" class="nav" onclick="toggle('about')">Memoryze</a>
<a href="http://faradina-fazira.blogspot.com/p/tutorials.html" target="_blank" class="boxlink">bies+</a>
<a href="http://bannerandlinkieshere-dina.blogspot.com/" target="_blank" class="boxlink">Exchanges~</a>
<a href="http://faradina-fazira.blogspot.com/p/credits.html" target="_blank" class="boxlink">Credit</a>
<a href="http://faradina-fazira.blogspot.com/p/askfm.html" target="_blank" class="boxlink">ask||answer</a>
<a href="  http://tempahan-faradina-fazira.blogspot.com/" target="_blank" class="boxlink">Order Free!</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=2646285958221485633" target="_blank" class="boxlink">follow</a><br>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top" width="730px" style="font-size:8pt; color:#666666; background:#ffffff; border-bottom:1px solid #eeeeee;">
<div id="about" style="display:none; padding:5px;">
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>,
</BloggerArchives></div>
</td></tr></table>
<table border="0" cellpadding="5" cellspacing="0"><tr>
<td valign="top" width="500px" style="border-right:1px solid #f1f1f1; font-size:8pt; color:#666666; background:#ffffff;">
<blogger>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="h2"><$BlogItemTitle$> posted at <$BlogItemDateTime$></div>
<$BlogItemBody$><br>
</blogger>
</td>
<td valign="top" width="209px" style="font-size:8pt; color:#666666; background:#ffffff;">
<div class="h2">Know More?</div>
<img src='http://1.bp.blogspot.com/-YcG5rqkBPWA/UVUrIbHl4UI/AAAAAAAAIic/DFESPAWKnYI/s1600/2013-02-04-13-06-27_deco_%E5%89%AF%E6%9C%AC.jpg' width="50px" align="right" style="border:1px #eeeeee solid; padding:3px; background:#f9f9f9;">
Faradina Fazira,south sumatera.ID || JHS33 Grade8.2 || Peace Person And Plagiarsm for good generate :D || Beliber,Lautie.This template is OWN HANDMADE!<div dir="ltr" style="text-align: left;" trbidi="on">
Basecode by *<a href="http://www.blogskins.com/info/356294/">click</a></div>
<br><br><br><br><br>
<div class="h2">Inbox</div>
<html><head>
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<base target='_blank'/>
<title></title>
<style type="text/css">
#chanyeol{ background-image: url('http://data.whicdn.com/images/34078014/f6cbe381e15fdb4f1b503a8ccece5d401343850386_full_large.gif'); width:230px;height:200px;border-radius:10px;}
#sehun { background:#eee ;font-size:10px;width:230px;height:200px;opacity:0.00;-webkit-transition:1300ms;border-radius:10px;}
#sehun:hover { opacity:0.95;-webkit-transition:1300ms; }


</style><body oncontextmenu="return false">


<div class="sidebar">
<center><div id="chanyeol">
<div id="sehun">
<center><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="100" src="http://www7.cbox.ws/box/?boxid=786971&amp;boxtag=1d2lzn&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-786971" style="border: 0px solid;" id="cboxmain7-786971"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=786971&amp;boxtag=1d2lzn&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-786971" style="border: 0px solid;border-top:0px" id="cboxform7-786971"></iframe></div>
</div>
<!-- END CBOX --></center>
<div style="line-height: 15px; text-align: center; color:#000; ">
<center>spam,harsh word can be deleted!.</div></div></div></center>
</div></div><br>
<div class="h2">Archive</div>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>