Evangrace

Tutorials&Freebies(including Blogskins!)

Blogskin #2


*click on the pic for a larger view

the codes:
<style type="text/css">body {cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;}</style></a></div>
<HTML><head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> ⓔⓥⓐⓝ εssεηcε </title>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<link href='http://fonts.googleapis.com/css?family=Rambla|The+Girl+Next+Door|Monda|Clicker+Script|Iceland' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<link href="http://static.tumblr.com/1f1tzta/Drsme9t4s/preview.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#navbar-iframe {display: none;}
::-webkit-scrollbar {
width: 9px;
height: 0px;
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://24.media.tumblr.com/tumblr_me9po51f721qcdtsho1_1280.jpg);
border: 1px solid #fafafa;
}
#content {
position:relative;
margin:0 auto;
width: 400px;
height:560px;
left:4%;
top:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:auto;
background:transparent;
}
@font-face{font-family:"nara";src:url("http://static.tumblr.com/rbfc1fi/GL1m6m44f/nara.ttf")}
@font-face{font-family:"cookie";src:url("http://static.tumblr.com/cpgw3dl/HjTmn8o3a/lemons_can_fly.ttf")}

.tr-caption{font: 15px nara; color:#C8D9DB;padding-top: -3px;padding-bottom: 3px;}
ul
{
list-style-type:circle;
}
.title{
font-family:"dancing script";
font-size:20px;
color:#fff;
text-shadow: 0 0 0.1em #ECD872, 0 0 0.1em #ECD872;
}
@font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
.popup_block{
display: none;
background: #D3D3D3;
background-image: url(http://i.imgur.com/ScDERxb.png);
padding: 10px;
font-family: "short stack";
float: left;
color:#fff;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 2;
border: 4px solid #fff;
-moz-box-shadow: 9px 9px 9px #eee;
-webkit-box-shadow: 0 0 15px #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;
}
.title{
font-family:"short stack";
font-size:12px;
color:#c0c0c0;
}
*html .popup_block {
position: absolute;
}
.noti{
font-family:"short stack";
color:#c0c0c0;
font-size:15px;}
a.thingi{
word-spacing:10px;
color: #c0c0c0;
text-decoration:none;
font-family:"short stack";
font-size:10px;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif);
background-repeat:no-repeat;background-size:10px ;padding-left:15px !important;line-height:18px !important;}
a.thingi:hover{
color: #E8D6CC;cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) !important;
background-repeat:no-repeat !important;background-size:10px !important;padding-left:15px !important;line-height:18px !important; !important}
a.navi1:hover {
color:#000 !important;
}
div.thingi{
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif) !important;color:#555 !important;
background-repeat:no-repeat !important;background-size:15px !important;padding-left:25px !important;line-height:18px !important;}
div.thingi:hover{
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) !important;
background-repeat:no-repeat !important;padding-left:25px !important;background-size:15px !important;line-height:18px !important;color:#666 !important}
.box {
display:inline-block;
width:60px;
background: #fff;
color: #d6cdc1;
text-align:center;
font-family:courier new;
font-size:9px;
letter-spacing:2px;
border:1px #FFF8C6 solid;
cursor: url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png), progress;
padding:2px;
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
margin-top:8px;
}
.box:hover{
-webkit-transition-duration: .50s;
}
a.box:hover {
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
border-bottom:none;
cursor: url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.png), progress;
}

.posts { width: 538px; float: right; margin-top: 0; margin-bottom: 0; padding: 20px }
.bg {
position: fixed;
bottom: -50px;
right: 0px;
opacity:0.7;
}
body {
font-family: times new roman, cambria, sans-serif;
letter-spacing: 2px;
font-size: 10.2px;
color: #444;
cursor: default;
background-image: url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
::selection {color: #000; background: #f9f9f9;} ::-moz-selection{color: #000; background: #f9f9f9;}
a {color: #999; text-decoration: none;}
a:hover {font-family: 'cookie', cursive;
text-shadow: 1px 1px 1px #808080;
color:#eee; font-size:20px;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}
.meyo{
font-family: 'dancing script', cursive;
color: #fff;
font-size: 20px;
text-shadow: 0 0 0.1em #ECD872, 0 0 0.1em #ECD872;
}
.meyo1{
font-family: 'Dancing Script', cursive;
font-size: 20px;
color: #fff;
text-shadow: 1px 1px 1px #cec2bb;
}
.meyo1:hover{
color:transparent;}
.meyowa{
font-family: 'cookie', cursive;
text-shadow: 1px 1px 1px #808080;
color:#eee;
font-size: 20px;
}
textarea {
-webkit-appearance: textarea;
background-color: white;
border: 4px outset #c0c0c0;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-box-orient: vertical;
resize: auto;
cursor: url(http://media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif),auto;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: short stack;
font-size: 10px;
line-height:11px;
letter-spacing:0px;
color:#E9E9E9;
}
.cloudabovedreams{
display:block;}
fieldset{font-family: times new roman, cambria, sans-serif;
letter-spacing: 2px;
font-size: 10px;}
legend{ color:#c0c0c0;text-shadow: -1px 0 white, 0 1px white,
1px 0 white, 0 -1px white;}
blockquote {
padding: 5px 5px 5px 5px;
border:1px solid #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_m3wh4koB3w1qdlkyg.gif);
letter-spacing: 1px;
padding: 5px 5px 5px 5px;
width:320px;
height:50px;overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 5px;
margin-bottom: 5px;
margin-left:5px;
}
.ar {margin: 0 auto; width: 0; height: 0; margin-top:-10px;border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ECD7AA;}
.sd1 {width:190px; padding: 1px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
.h1 {padding:2px; font:12pt 'courier'; line-height:10px; color:#c0c0c0; margin-bottom:10px; }.h2{ font-family: consolas; color:#fff; font-size:10px;}
.ar {margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ECD7AA;}
.sd {width: 230px; padding: 8px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
.p1 {margin: 0 auto; width:100px; height:100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 2px solid #eee;
background: url(http://2.bp.blogspot.com/-z0Q92ZWBgas/UKNqx4a3-EI/AAAAAAAABPk/vt097ErJ2oc/s1600/th_kawaiihibear.png) no-repeat; margin-bottom: 6px;}
.p2 {margin: 0 auto; width:100px; height:100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 2px solid #eee;
background: url(http://4.bp.blogspot.com/-B8FTgiSg7s0/UKI6EXJQGPI/AAAAAAAABKE/XoYGE7sBMZY/s1600/iconsmals.png) no-repeat; margin-bottom: 6px;}
.p3 {margin: 0 auto; width:100px; height:100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 2px solid #eee;
background: url(http://2.bp.blogspot.com/-C5E05j8TYPQ/UKI6DZDozPI/AAAAAAAABJ8/LdgTIzNzphk/s1600/iconsmall.png) no-repeat; margin-bottom: 6px;}
.p4 {margin: 0 auto; width:100px; height:100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 2px solid #eee;
background: url(http://3.bp.blogspot.com/-xUPQehL-e7U/UKNeTnGKaXI/AAAAAAAABPU/j8PRHjmLQnQ/s1600/Untitled-1.jpg) no-repeat; margin-bottom: 6px;}
.br {border-top: 1px dotted #f8f8f8; padding-bottom: 3px; border-bottom: 1px dotted #f8f8f8; margin-top: 6px;}
ul.tabs {margin: 0;padding: 0;list-style: none; border-top: none;border-right: none;border-left: none;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 3; border:0;margin-bottom: -1px;}
ul.tabs li a {text-decoration: none;color: #000000; letter-spacing: 2px; font-size: 11px;padding: 0 6px; outline: none; font-family: consolas;
text-transform: uppercase; width: 40px; display: inline-block; text-align: center;}
ul.tabs li a:hover {border:none; color: #000000;}
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #F4F5CD; }
.blogger-labels {border-top: 1px dotted #666666; padding-top: 2px;}
#music{
margin-top:-7px;
}
</style>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});

});
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" class="btn_close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
</head><body>
<div class="bg">
<img src="http://i.imgur.com/7QcvB.gif">
</div>
<table style="padding-top: 30px; font-family: lucida sans unicode; font-size: 10px; line-height: 160%; color: #666666; text-align: justify; " width="860" align="left" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="width:250px; padding-right: 5px; font-family: consolas; font-size: 7.5pt; letter-spacing: 1px;">
<ul class="tabs">
<li><a href="#tab1"><div class="meyowa"><center>Intro</center></div></a></li>
<li><a href="#tab2"><div class="meyowa">Cbox</div></a></li>
<li><a href="#tab3"><div class="meyowa">Links</div></a></li>
<li><a href="#tab4"><div class="meyowa">Creds</div></a></li><br>
</ul><img src='http://i.imgur.com/U5Eev.png' style="width:80%;"><br>
<div id="tab1" class="tab_content">
<div class="p1"></div>
<div class="ar"></div>
<div class="sd">
<fieldset>
<legend>Intro:</legend>
I'm an introvert, a bibliophile, an aurophile, an otaku and a template designing enthusiast. I'm 15 this year, a victim of PMR. I am sometimes nicknamed "Miss Whatever" because I'm nonchalant in reality. I dread homeworks. Slacking and procrastinating is a mundane and a monotonous thing to me.I am currently residing in Rawang, Selangor, Malaysia. Guess who I am.
<br>
<br>
I am Evangelista Grace, a.k.a The computer Geek :P &nbsp
</fieldset>
</div>
<br>
<center><img src="http://i.imgur.com/1ggyWh0.jpg"></center>
<rolf style="margin:0px;">
<center><a class="box" href="/">Home</a>
<div class="box"><a href="#?w=300" rel="02" class="poplight"> About</a></div>
<div class="box"><a href="#?w=300" rel="05" class="poplight">Tutorials</a></div>
<div class="box"><a href="#?w=300" rel="04" class="poplight">Freebies</a></div>
<div class="box"><a href="/view/magazine">Archive</a></div>
<div class="box"><a href="http://evangelista-grace.blogspot.com/2012/03/err.html">Blogskins</a></div>
</center>
</rolf></div>


<div id="tab2" class="tab_content">
<div class="p2"></div>
<div class="ar"></div>
<div class="sd">
<fieldset>
<legend>Tagboard:</legend>
<center><div style="background:url(http://i.imgur.com/5vkYJ5E.png) repeat; border:1px solid #fff;padding:5px; width:205px; border-radius:5px;">
<div style="border:1px dotted #A9BCF5; background:#fff; width:190px;height:60px; padding: 5px;"><br /><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<center><div><div style="margin-top:-20px;"><iframe frameborder="0" width="150" height="70" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div></div>
</div></center>
<!-- END CBOX --></div>
</div></div><br /></div></div></center>
</fieldset>
</div></div>
<div id="tab3" class="tab_content">
<div class="p3"></div>
<div class="ar"></div>
<div class="sd">
<center><br><small>Interested in exchanging banners or links with me? Just message me :D </small><br><textarea onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" readonly="readonly" onclick="this.focus();this.select()"><a target="_blank" href="http://evangelista-grace.blogspot.com/"><img src="http://i.imgur.com/INyha8O.gif" style="width:125px;"></a></textarea><br><a target="_blank" href="http://evangelista-grace.blogspot.com"><img src="http://i.imgur.com/INyha8O.gif" style="width:125px;"></a><br>
<br>
</center> |<a href="http://khalifah-nurin99.blogspot.com/">Khalifah Nurin</a>| <a href="http://ayemrawi.blogspot.com/">AyemRawi</a> |
<br>
<br>
<fieldset>
<legend>Blogroll:</legend>
<div align="center">
<MARQUEE DIRECTION= down SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);" loop="true" height="100px" width="100px" >
<a border="0" href="http://lacesandlittlehearts.blogspot.com" target="_blank"><img src="http://farm8.staticflickr.com/7230/7157824676_124b135368.jpg" style="width:160px;"></a></center><br>
<a href="http://latteu.blogspot.com/"><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/latteubann.gif" style="width:160px;"></a></center><br>
<a href="http://lesmoothie.blogspot.com"><img src="http://i1293.photobucket.com/albums/b599/lesmoothie/BlogButton.png"style="width:160px;"></a></center><br>
<a href="http://izzatypink.blogspot.com/"><img src="http://2.bp.blogspot.com/-kLm2T-GAvWE/UDEXR5_EgpI/AAAAAAAAAUQ/AAqIFh6rSEY/s1600/533005_295933690495004_208530439235330_661594_1716121732_n_large+copy.bmp" style="width:160px;"></a><br>
<a href="http://tiana-talks.blogspot.com/"><img style="width:160px; height 180px;" src="http://i282.photobucket.com/albums/kk272/suping1996/tianatalksbanner2.jpg" /></a>
<br>
<a href="http://simprilcity.blogspot.com" target="_blank"><img src="http://i263.photobucket.com/albums/ii160/aaapril94/mybanner.png"style="width:160px;"></a><br>
<a href="http://www.rainbowdreeeams.blogspot.com"><img src="http://i.imgur.com/6YbDa.jpg" style="width:160px;"></a>
<br>
<center><a href="http://www.ohpapers.blogspot.com/"
target="_blank" title="Oh, Papers!">
<img src="http://i1219.photobucket.com/albums/dd431/audreysj/blogbutt5-1-1.png" style="width:160px;"
alt="Oh! Papers" /></a></center><br>
<center><a href="http://fiviishmee.blogspot.com" target="_blank"><img src="http://i1230.photobucket.com/albums/ee498/thesleepydoll/fivibanner.png"style="width:160px;"></a></center><br>
<center><a border="0" href="http://radziaaa.blogspot.com" target="_blank"><img src="http://i.imgur.com/iLvXE.png" style="width:160px; height=100;"></a>
</center><br>
<center><a href="http://pastelmocha.blogspot.com/" title="Personal Photography Blog By Kari ?" ><img src="http://i1165.photobucket.com/albums/q595/TSUKARIKON/giffy.gif" style="width:160px;"></a>
</center><br>
<center><a href="http://www.blackcoffeedairy.com/" ><img src="http://i362.photobucket.com/albums/oo69/lynn_xoxo/amalinaizzah-1.png" style="width:160px;"></a>
</center><br>
<center><a href="http://farrah-midori.blogspot.com" target="_blank" title="Farrah's Fantasy"><img src="http://2.bp.blogspot.com/-Qzbr7rU6lW4/T-Who9_Ga7I/AAAAAAAABJs/TL2HH49iI-0/s1600/fm-button(100x100).png" alt="Farrah Midori's Blog" /></a></center>
<br>
<a href="http://bloomysloomy.blogspot.com/" target="_blank"><img border="0" src="http://i1125.photobucket.com/albums/l598/wakakaz/anigifbanner.gif" style="width:160px;">
<a target="_blank" href="http://bunnyear.blogspot.com"><img src="http://sphotos-a.ak.fbcdn.net/hphotos-ak-prn1/156721_460318897347464_1265826757_n.jpg" style="width:160px;" ></a>
<a href="http://daoxiangs.blogspot.com" target="_blank" title="Taiki's personal Blog"><img src="http://i1254.photobucket.com/albums/hh605/daoxiangs/Bannerdrawing2_zps8adee7e5.jpg" style="width:160px;"></a>
<a href="http://obeypeater.blogspot.com/"><img src="http://i.imgur.com/MeKcG.png"style="width:160px;"></a>
<a href="http://twinkletwinkletoess.blogspot.com/"><img src="http://i1214.photobucket.com/albums/cc494/erynlliot/download.jpg"style="width:160px;"></a>
<a href="http://nurhanim-ehier.blogspot.com/"><img src="http://2.bp.blogspot.com/-6BL7g1Z1Yks/UMjLu4QGG-I/AAAAAAAAD40/7PLQCANbcds/s1600/banner+nurhanim.blogspot.com.gif" style="width:160px;"></a>
<a href="http://naskhs.blogspot.com/" target="_blank"><img src="http://i1030.photobucket.com/albums/y365/lurunnia/banner-4.png" style="width:160px;"></a>
<a href="http://wimpyhann.blogspot.com"><img src="http://i48.tinypic.com/mlnjn5.jpg" border="0"></a>
<div align="center">
<a href="http://www.maniastory.blogspot.com" target="_blank"><img alt="Dear Oh Well Paper" src="http://3.bp.blogspot.com/-_gGqVkt7iCs/UDN9imCivOI/AAAAAAAADUU/r56eIB0Uwpc/s1600/dearohwellpaperbanner.gif"/></a></div>
<center>
<a href="http://nurhafizahpija.blogspot.com/" target="_blank"><img src="http://3.bp.blogspot.com/-AWQEn6l_Uto/UMsy6zTy0yI/AAAAAAAABwo/EA87CoBRiyE/s1600/qasehhafizahbanner.gif" style="height: 157px; width: 167px;" /></a><br>
<a href="http://mintoberry.blogspot.com/"><img src="http://i.imgur.com/Xd3wd.png" width="235" /></a>
<br>
<a href="http://myxilog.blogspot.com/" ><img src="http://i.imgur.com/5W92lQj.png" style="height: 157px; width: 167px;" /></a>
<br>
<a href="http://x-mcjellyz.blogspot.com/" title="2TeaspoonsOfLove {x-mcjellyz}" ><img src="http://4.bp.blogspot.com/-FVCPRgp8HGg/UOHFKU1TEpI/AAAAAAAAEJA/bPpSpFHbx9c/s1600/banner2.png" /></a>
<br>
<br /><center><a href="http://kinkinphang.blogspot.com/" target="_blank"><img src="http://i1042.photobucket.com/albums/b429/emoko_photos/barbiebanner_zpsdf2d8ada.jpg" style="height: 157px; width: 167px;" /></a></center>
</center>
<br />
</marquee>
<center>
</div></div>
</fieldset>
<br>
<br>
</div></div>
</div></div>
<div id="tab4" class="tab_content">
<div class="p4"></div>
<div class="ar"></div>
<div class="sd">
<fieldset>
<legend>Credits:</legend>
<div style="text-align: right;">
Credits to <a href="http://www.blogskins.com/me/shinku">shi</a><a href="http://letthaprincess.blogspot.com/">nku</a> for the navigation html codes.<br> Icons are from<a href="http://a-pastel-story.blogspot.com/"> my resource blog</a>.
</div>
</div></div>
</fieldset>
</div></div>
</td>
<td valign="top" style="width:600px; padding-right: 5px;">
<div id="content">
<Blogger>
<center><div class="h1" href="<$BlogItemPermalinkUrlgt;"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<img src='http://i.imgur.com/U5Eev.png' style="width:170px; margin-top:-10px;">
<center><div class="ar"></div></center>
<center><div class="sd1">
<div class="h2"><center><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader>&nbsp;<img src='http://i.imgur.com/iGxniJa.gif' style="opacity: .70;"></center></div>
</div></center>
<br>
<$BlogItemBodygt;
<br>
</Blogger>
</div><br>
<div style="float: left;" ><a href=<$NewerPostsgt;><span>&larr;</span> Newer Post</a></div>
<div style="float: right;" ><a href=<$OlderPostsgt;>Older Post <span>&rarr;</span></a></div>
<center><a href="/"><span></span>Home</a></center>
<br><br>
<div class="noti"><center>* click the arrows to scroll down/up. Thank you.</center></div>
</td></tr></tbody></tr></table>
<div style="position: fixed; top: 0px; left: 0px; width: 100%; height: 30px; background-image:url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2453/2453795.png'); border-bottom: 5px solid #eee;"><center><div class="meyo">Order my steps in Thy Word, O Lord... </div></center></div>
<Script Language='Javascript'>
<!-- IMPORTANT SCRIPT! FOR THE NAVIGATION ! DON'T EDIT OR REMOVE! -->
<!--
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%35%70%78%3B%20%72%69%67%68%74%3A%20%35%70%78%3B%22%3E%3C%61%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%65%65%65%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%30%70%78%3B%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%6C%75%63%69%64%61%20%73%61%6E%73%20%75%6E%69%63%6F%64%65%3B%20%6C%65%74%74%65%72%2D%73%70%61%63%69%6E%67%3A%20%31%70%78%3B%20%74%65%78%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%20%6C%6F%77%65%72%63%61%73%65%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%6C%6F%67%73%6B%69%6E%73%2E%63%6F%6D%2F%6D%65%2F%73%68%69%6E%6B%75%22%74%69%74%6C%65%3D%22%74%68%65%6D%65%20%62%79%20%73%68%69%6E%6B%75%22%3E%74%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
//-->
</Script>
<div style="display:scroll; position:fixed; top:38px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=3707472290340783163" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><div class="meyo1">Follow</div></a> <div style="display:scroll; position:fixed; top:38px; right:10px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><div class="meyo1">D'board</div></a></div></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/dX9m986fz/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="http://static.tumblr.com/1f1tzta/gacm986gu/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
<script src="http://static.tumblr.com/1f1tzta/KtCm986fe/jquery.mousewheel.min.js"></script>
<script src="http://static.tumblr.com/1f1tzta/QPIm986ex/jquery.mcustomscrollbar.min.js"></script>
<script>
(function($){
$(window).load(function(){
$("#content").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>

</body>
<div id="02" class="popup_block">
<Center><div class="title">Hello there!</div><center><img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/540159_570535126299819_1772440637_n.jpg" style="width:100px; opacity:.80;border:5px solid #fff;
-moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;"><br><br><div class="ar"></div>
<div class="sd">Hi there, I am Evangelista Grace. I'm 15 years of age and i'm a PMR-candidate-to-be. I am currently residing at Kuala Lumpur,Malaysia. I'm an Otaku , a bibliophile, and an introvert. I wish to be an omniscient and to work in a sinecure in prospect.
</div></center></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="03" class="popup_block">
<div style="width:auto;height:120px;overflow:auto; "><Center><div class="title">Tagboard</div></center>
<center><div style=" border:5px solid #f5e7c6;padding:5px; width:213px; border-radius:5px; opacity:.80;">
<div style="border:1px dotted #A9BCF5; background:#fff; width:200px;height:60px; padding: 5px;"><br /><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<center><div><div style="margin-top:-20px;"><iframe frameborder="0" width="170" height="70" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div></div>
</div></center>
<!-- END CBOX --></div>
</div></div><br /></div></div></center>

</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="05" class="popup_block">
<div style="width:auto;height:150px;overflow:auto; "><Center><div class="title">Tutorials for you</div></center>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/walk-under-moonlight.html' target="_blank">Beautify your textarea</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/during-my-childhood-days.html' target="_blank">Post title like mine</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/happy-moments.html' target="_blank">Header like mine</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/those-were-days.html' target="_blank">Scrollbar like mine</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/1-krk-2011-class-picture.html' target="_blank">Pop-up box like mine</a></ul>
<ul><a class="thingi" href='http://a-pastel-story.blogspot.com/search?updated-max=2012-12-09T07:26:00-08:00&max-results=1' target="_blank">Circle hover effect</a></ul>
..AND MORE TO COME SOON! STAY TUNED!
</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="04" class="popup_block">
<Center><div class="title">Freebies for you</div></center>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/taken-during-our-first-visit-to-church.html' target="_blank">Banners and icons</a></ul>
<ul><a class="thingi" href='http://evangelista-grace.blogspot.com/2011/11/picniks-best-place-to-edit-your.html' target="_blank">Photoshop: Vintage effect</a></ul>
<ul><a class="thingi" href=' http://evans-smilies.blogspot.com/' target="_blank">Smilies!</a></ul>
<ul><a class="thingi" href=' http://evangelista-grace.blogspot.com/2012/12/dress-up-pusheen.html' target="_blank">Pusheen dress up game!</a></ul>
</div>
</div></div></div></div></div></div></div></div></div></div>
<br>
<br>
<br>
<div id="06" class="popup_block">
<Center><div class="title">Affies</div></center>
<center><br><textarea onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" readonly="readonly" onclick="this.focus();this.select()"><a target="_blank" href="http://evangelista-grace.blogspot.com/"><img src="http://i.imgur.com/INyha8O.gif" style="width:125px;"></a></textarea><br><a target="_blank" href="http://evangelista-grace.blogspot.com"><img src="http://i.imgur.com/INyha8O.gif" style="width:125px;"></a><br>
<br>
</center> |<a href="http://khalifah-nurin99.blogspot.com/">Khalifah Nurin</a>| <a href="http://ayemrawi.blogspot.com/">AyemRawi</a> |
<br>
<br>
<fieldset>
<legend>Blogroll:</legend>
<div align="center">
<MARQUEE DIRECTION= down SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);" loop="true" height="80px" >
<a border="0" href="http://lacesandlittlehearts.blogspot.com" target="_blank"><img src="http://farm8.staticflickr.com/7230/7157824676_124b135368.jpg" style="width:160px;"></a></center><br>
<a href="http://latteu.blogspot.com/"><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/latteubann.gif" style="width:160px;"></a></center><br>
<a href="http://lesmoothie.blogspot.com"><img src="http://i1293.photobucket.com/albums/b599/lesmoothie/BlogButton.png"style="width:160px;"></a></center><br>
<a href="http://izzatypink.blogspot.com/"><img src="http://2.bp.blogspot.com/-kLm2T-GAvWE/UDEXR5_EgpI/AAAAAAAAAUQ/AAqIFh6rSEY/s1600/533005_295933690495004_208530439235330_661594_1716121732_n_large+copy.bmp" style="width:160px;"></a><br>
<a href="http://tiana-talks.blogspot.com/"><img style="width:160px; height 180px;" src="http://i282.photobucket.com/albums/kk272/suping1996/tianatalksbanner2.jpg" /></a>
<br>
<a href="http://simprilcity.blogspot.com" target="_blank"><img src="http://i263.photobucket.com/albums/ii160/aaapril94/mybanner.png"style="width:160px;"></a><br>
<a href="http://www.rainbowdreeeams.blogspot.com"><img src="http://i.imgur.com/6YbDa.jpg" style="width:160px;"></a>
<br>
<center><a href="http://www.ohpapers.blogspot.com/"
target="_blank" title="Oh, Papers!">
<img src="http://i1219.photobucket.com/albums/dd431/audreysj/blogbutt5-1-1.png" style="width:160px;"
alt="Oh! Papers" /></a></center><br>
<center><a href="http://fiviishmee.blogspot.com" target="_blank"><img src="http://i1230.photobucket.com/albums/ee498/thesleepydoll/fivibanner.png"style="width:160px;"></a></center><br>
<center><a border="0" href="http://radziaaa.blogspot.com" target="_blank"><img src="http://i.imgur.com/iLvXE.png" style="width:160px; height=100;"></a>
</center><br>
<center><a href="http://pastelmocha.blogspot.com/" title="Personal Photography Blog By Kari ?" ><img src="http://i1165.photobucket.com/albums/q595/TSUKARIKON/giffy.gif" style="width:160px;"></a>
</center><br>
<center><a href="http://www.blackcoffeedairy.com/" ><img src="http://i362.photobucket.com/albums/oo69/lynn_xoxo/amalinaizzah-1.png" style="width:160px;"></a>
</center><br>
<center><a href="http://farrah-midori.blogspot.com" target="_blank" title="Farrah's Fantasy"><img src="http://2.bp.blogspot.com/-Qzbr7rU6lW4/T-Who9_Ga7I/AAAAAAAABJs/TL2HH49iI-0/s1600/fm-button(100x100).png" alt="Farrah Midori's Blog" /></a></center>
<br>
<a href="http://bloomysloomy.blogspot.com/" target="_blank"><img border="0" src="http://i1125.photobucket.com/albums/l598/wakakaz/anigifbanner.gif" style="width:160px;">
<a target="_blank" href="http://bunnyear.blogspot.com"><img src="http://sphotos-a.ak.fbcdn.net/hphotos-ak-prn1/156721_460318897347464_1265826757_n.jpg" style="width:160px;" ></a>
<a href="http://daoxiangs.blogspot.com" target="_blank" title="Taiki's personal Blog"><img src="http://i1254.photobucket.com/albums/hh605/daoxiangs/Bannerdrawing2_zps8adee7e5.jpg" style="width:160px;"></a>
<a href="http://obeypeater.blogspot.com/"><img src="http://i.imgur.com/MeKcG.png"style="width:160px;"></a>
<a href="http://twinkletwinkletoess.blogspot.com/"><img src="http://i1214.photobucket.com/albums/cc494/erynlliot/download.jpg"style="width:160px;"></a>
<a href="http://nurhanim-ehier.blogspot.com/"><img src="http://2.bp.blogspot.com/-6BL7g1Z1Yks/UMjLu4QGG-I/AAAAAAAAD40/7PLQCANbcds/s1600/banner+nurhanim.blogspot.com.gif" style="width:160px;"></a>
<a href="http://naskhs.blogspot.com/" target="_blank"><img src="http://i1030.photobucket.com/albums/y365/lurunnia/banner-4.png" style="width:160px;"></a>
<a href="http://wimpyhann.blogspot.com"><img src="http://i48.tinypic.com/mlnjn5.jpg" border="0"></a>
<div align="center">
<a href="http://www.maniastory.blogspot.com" target="_blank"><img alt="Dear Oh Well Paper" src="http://3.bp.blogspot.com/-_gGqVkt7iCs/UDN9imCivOI/AAAAAAAADUU/r56eIB0Uwpc/s1600/dearohwellpaperbanner.gif"/></a></div>
<center>
<a href="http://nurhafizahpija.blogspot.com/" target="_blank"><img src="http://3.bp.blogspot.com/-AWQEn6l_Uto/UMsy6zTy0yI/AAAAAAAABwo/EA87CoBRiyE/s1600/qasehhafizahbanner.gif" style="height: 157px; width: 167px;" /></a><br>
<a href="http://mintoberry.blogspot.com/"><img src="http://i.imgur.com/Xd3wd.png" width="235" /></a>
<br>
<a href="http://myxilog.blogspot.com/" ><img src="http://i.imgur.com/5W92lQj.png" style="height: 157px; width: 167px;" /></a>
<br>
<a href="http://x-mcjellyz.blogspot.com/" title="2TeaspoonsOfLove {x-mcjellyz}" ><img src="http://4.bp.blogspot.com/-FVCPRgp8HGg/UOHFKU1TEpI/AAAAAAAAEJA/bPpSpFHbx9c/s1600/banner2.png" /></a>
<br>
<br /><center><a href="http://kinkinphang.blogspot.com/" target="_blank"><img src="http://i1042.photobucket.com/albums/b429/emoko_photos/barbiebanner_zpsdf2d8ada.jpg" style="height: 157px; width: 167px;" /></a>
<br>
<a href="http://leetiara.blogspot.com/"><img src="http://i.imgur.com/H7jfx1g.jpg" width="220" /></a>
<br>
<center>
<a href="http://nanafidenaz.blogspot.com/" target="_blank"><img src="http://3.bp.blogspot.com/-w3Z_LQoFiD8/UOErDHnbxAI/AAAAAAAAB7g/GzyOGa1geTQ/s1600/Untitled-3.gif"></a></center>

</center>
</center>
<br />
</marquee>
<center>
</div></div>
</fieldset>
</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="07" class="popup_block">
<Center><div class="title"> Web projects </div>
?<a href="http://evan-circlehover-preview.blogspot.com/">Awesome circle hover</a>
<br>
?<a href="http://a-pastel-story.blogspot.com/">A warm cup of tea</a>
<br>
?><a href="http://evangelistagrace.blogspot.com/">My 'main site'</a>
<br>
</div>
</div></div></div></div></div></div></div></div></div></div>

</html>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.noti');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.h1');</script>