<html>
<head>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEbVIh_xgxG-wimAAQjf5LK-YZXviw3QlT2u16lUFgjNDR9-9Yk6XAO1dZ6r-H4Cys477EIph1kjiFh1SdPjmIa_zJWhhXP4zG3rVlBeZZtZ02piH4HCs5VULZpt9GWkFCQ2siIq7msX8/s1600/jacksgab.png" /><base target='_blank'/>
</script>
<title>Simple;</title>
<link rel="me" href="http://www.blogger.com/profile/15215441747352614345" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
</head>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background: url(http://i.imgur.com/UAKAi.png);
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
color: #888888;
line-height: 15px;
text-align: justify;
}
table {
background:#FFFFFF;
font-family:"Century Gothic";
font-size:10px;
color: #555;
line-height: 20px;
border:2px dashed #c1c1c1;
width:932px;
cursor:cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
::-webkit-scrollbar-thumb{
background:#c1c1c1;
border-radius:10px;
}
::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff);
}
a{text-decoration:none ;
color:#c1c1c1 ;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
background:#c4c4c4;
color:#fff;
background-position:50% 80%;background-size:400px;}
::-moz-selection {
color:#ccc;
}
::selection {
color:#ccc;
}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
-webkit-user-select:text;
-moz-user-select:text;
}
i {
font-family:trebuchet ms;
color:#C65271;
-webkit-user-select:text;
-moz-user-select:text;
}
blockquote {
font-size:11px;
padding: 5px 5px 5px 5px;
border:1px solid #dedede;
background-position:bottom right;
background-repeat:no-repeat;
}
.h1 {
border:2px dotted #fff;
background-image: -webkit-linear-gradient(right, #c4c4c4, #fff);
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 106px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #eee;
-webkit-transition: 1s;
color: #fff;
border:1px solid #eee;
}
a.oldernewer{
color:#000;
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:80px;
margin:2px;
text-align:center;margin-bottom:15px;
}
a.jeonjin1{
display:inline-block;
background:url(http://static.tumblr.com/rltvkjt/rd3lnxjoy/th10.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
border:none;
padding:5px 5px 5px 20px;}
a.jeonjin1:hover{
display:inline-block;
background:url(http://static.tumblr.com/rltvkjt/voilnxjoz/th11.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:black;
}
#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://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
border:1px dotted #000000 ;
border-radius:5px;
font-size:11px;
margin:0em;
padding:5px;
color:#000000;
}
#main img{max-width:540px;padding:3px;margin-bottom:5px;border:1px solid #ddd;
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
.navis{
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
border: 1px solid #c1c1c1;
margin-left: 2px;
margin-bottom: 4px;
text-align: center;
width: 100px;
background: #c1c1c1;
display: inline-block;
color:#fff;
font:normal 10px 'tt';
text-transform: uppercase;
letter-spacing: 2px;
padding:6px;
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}
a.navis:hover {
background: #fff;
color:#666;
}
.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
.umi1 {
background-image:url(http://media.tumblr.com/tumblr_m33wmvr3aE1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
color:#777;
margin-top:0px;
background:;
border-bottom:1px dashed #eee;
font:300 18px Yanone Kaffeesatz;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:uppercase;
}
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 100;
src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');
}
.chan{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#F7F7F7;
font:8.3px pontano sans;
font-family:tt;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
.chan:hover{
-webkit-transition-duration: 0.5s; color: #fff;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.lembu {
border:1px solid #e1dede;
background:#e1dede;
font-family:tt;
font-size:8px;
text-align:left;
letter-spacing:2px;
text-transform:uppercase;
padding:5px;
color:#fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
img.gongju{
opacity: 2.75;
float: right;margin:10px;
-webkit-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.header{width:920px; padding:5px;border:2px dashed #c1c1c1;line-height:30px;background:#fff;}
.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}
h4{
border:1px solid #eee;
background:#000000;
text-align:center;
color:#fff;
font:30px ttn !important;}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
a.navi{
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #f6f1ee;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
a.navi:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
top:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}
.player:hover{
width:50px;
}
textarea{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuBrAG8Mbmma-ruq4AfMcajEjNuratkPb3SITRuyr4oGiu3SXepiEMQLa3GX8Ug0_uwHej3pZUUJxf45vqSiJ5t5HNbUDWZ0xDDoY4BNwH8SZmFxtN2IuJJe2FvfNqbVT8JxMsfjbxdwJI/s1600/tumblr_ltju9xWnQZ1qhvdofo5_250.png);border-radius:10px;outline: none;
color:#ddd;border:1px dashed #eee;
padding:15px;
letter-spacing:1px;
height:200px;width:95%;
overflow-x:hidden;
font: 11px consolas;color:#555;
overflow-y:scroll;margin-top:5px; margin-bottom:5px;}
li {
list-style-image:url(http://static.tumblr.com/rltvkjt/rd3lnxjoy/th10.gif);
}
li:hover {
list-style-image:
url(http://static.tumblr.com/rltvkjt/voilnxjoz/th11.gif);
}
</style>
</style>
<br>
<center><img src="http://2.bp.blogspot.com/-8CBNa0b-6ss/U4CR35PHhHI/AAAAAAAABf8/BFnvvF0vI_U/s1600/Simple.png"/></center>
<center>
<div class="header">
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">home</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">linkies</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML">tutobies</span>
</div><br><br/>
</head>
</style>
</head>
<div align="center">
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="190">
<div class="lembu">hello</div>
<br>
<center><img src="http://4.bp.blogspot.com/-YrqD1HPUOx0/UD90IAIkf6I/AAAAAAAAA68/xhI0_DUXQg0/s1600/tumblr_llh3vnt9tY1qzbgrio1_500.png" width="220" ></center><br>
Hello friends! My name is Alya Rahimah from<br>Balikpapan, Indonesia<br><br></div>
<div class="lembu">CBOX</div>
<br>
<div>
Put your CBox code hare.
</div></div><br>
<div class="lembu">ARCHIEVE</div>
<br>
<div style="text-align:left;">
<center><div style=" background:#transparent; text-align:left; border:1px solid #E2E2E2; width:200px; overflow-x:hidden; overflow-y:scroll;padding:8px; height:100px; ">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="jieun"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</center></div><br>
</div></div>
<br>
<div class="lembu">CREDIT</div>
<br>
© 2014 - Skins by <a href="http://www.immakawaiigirl.co.vu/">Yuki.</a> Bascode by <a href="http://www.colorfulcuties123.blogspot.com/">Dhy.</a> and Edit by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya.</a>
</div></div></td>
</td>
<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px dashed #999; padding-right:13px; ">
<Blogger>
<div class="lembu"><$BlogItemTitle$><br></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</p>
<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>
<ItemPage>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:#eee; box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
<div class="post-footer"><br>
</Blogger>
</div>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="lembu"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(); box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
<div class="post-footer"><br>
</Blogger>
</div>
</td>
<td id="k" style="display: none;">
<div class="lembu">Hello?</div>
<div class="umi1">Blog Owner</div>
<br>
<img class="gongju" SRC="http://webtoolfeed.files.wordpress.com/2012/08/tumblr_ldmod6xqvf1qd5zqzo1_500_large1.jpg" width="180"><br>
Full Name : ?<br>
Nick Name : ?<br>
Birth : ?<br>
Age : ?<br>
Country : ?<br>
City : ?<br>
Hobby : ?<br>
Ambition : ?<br>
<blockquote>Put your bio.</blockquote>
</div>
</td>
<td id="p" style="display: none;">
<div class="lembu">Exchange Link & Banner</div>
<div class="umi1">Lets Be Friend(s)</div>
<br>
<center><img src="http://1.bp.blogspot.com/-ghXDywp5IQQ/UD9zpQdQTbI/AAAAAAAAA6k/1Sl_9ZlUj8c/s1600/cute-tumblr_kvdcn89jqx1qz4d4bo1_500_large_106683790_large.jpg" width="418"/></center>
<br>
<a class="link" href="http://www.immakawaiigirl.co.vu/">Yuki</a>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a><br>
</div><br>
</div>
</td>
<td id="s" style="display: none;">
<div class="lembu">My Tutobies</div>
<div class="umi1">This is free for you</div>
<br>
<div class="h1">Tutorials</div>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a><br>
<br>
<div class="h1">Freebies</div>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
</center></div>
</div></td>
</table>
</div>
<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" title="Follow !""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQV4iXESw8LWt3HJbb5fVeGxMKt2elwECArZ9sXJzGKPSA1WMxTUpO3Kgh_3FRDheMKTNaR7NP5AyeQapnthHisRiRyJH1teX4BAD_LoHreApt_D2II6L7j_nqF6-PYeo0YhksUDEOTxbX/s1600/fgrey.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MEtFNG10HoZB7WzFfAq51ZCqXvQGwSVYgTnNTjpWKhtN60qA9jz5SRn1DJKzrx4PXOjpGLNiOe3WLrcB3I44WrOf1B2PX5vba9r0rSprHgXigMfGu8NLyRxVYUFEehmpWDNFjDv2IwVP/s1600/dgrey.png" border="0" /></a></div></div>
</body>
</html> <!-------------DONT REMOVE THE CREDITS, DONT OPEN MY PAGE SOURCE---------->
<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m89hhsxYK21qdlkyg.gif" />
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<title>Simple Pink;</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background:url(http://1.bp.blogspot.com/-N-luvw46RpY/U3lKq5g9fJI/AAAAAAAABcg/UZlIJpeCfG0/s1600/y1CAtRV.png);
color: #888888;
line-height: 15px;
text-align: justify;}
table {
cursor: url(http://media.tumblr.com/tumblr_m2wj5jgL671qfamg6.gif);
background:#fff;
font: 11px Short Stack;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:10px;
border:10px solid #fef0f7;
border-radius:5px;
width:880;}
a:link,a:visited{
text-decoration:none;
color:#ccc;-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;
}
a:hover{
color:#a4a4a4;
background:transparent;
}
::-moz-selection {
background:#000;
color:#fff;
}
::selection {
background:#eee;
color:#fff;
}
i , s, strike {
color: #A4A4A4;
}
b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}
blockquote {
background: url();
color: #aaa;
border: 1px solid white;
padding: 4px;
margin:1em 20px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px dashed #999 ;
color: #000000;
border-radius: 5px;
}
<!----------------------start navi-------------------------------!>
a.navi{
padding:5px;
text-decoration:none;
font-family:Short Stack;
font-size:10px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #FFD7D7;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #FFD7D7;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #FFD7D7;
}
a.navi:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #eee;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #eee;
}
#text {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:15px;
height:140px;
overflow:hidden;
position:fixed;
}
#text:hover {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:234px;
height:138px;
overflow:hidden;}
.imgbackground{
position:fixed;
overflow:hidden;
background:url(http://i.imgur.com/fJp2S.png);
border-radius:2px;
padding:17px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
#navi {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic:hover #navi{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic {
position:fixed;
top:160px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic:hover #inimg{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg {
width:130px;
height:auto;
position:fixed;
height:auto;
top:90px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi2 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic2:hover #navi2{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic2 {
position:fixed;
top:280px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic2:hover #inimg2{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg2 {
width:130px;
height:auto;
position:fixed;
height:auto;
top:210px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi3 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic3:hover #navi3{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic3 {
position:fixed;
top:400px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic3:hover #inimg3{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg3 {
width:130px;
height:auto;
position:fixed;
height:auto;
top:330px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi4 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic4:hover #navi4{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic4 {
position:fixed;
top:515px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic4:hover #inimg4{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg4 {
width:130px;
height:130;
position:fixed;
top:450px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 0px #ddd;
-webkit-box-shadow: 0px 0px 0px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
<!----------------------end navi-------------------------------!>
a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #F0E9BD ;}
a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #F0E9BD;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color: #c4c3d0;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#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("") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color: #666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #fcd7f0;
margin:0em;
padding:5px;
color:#666;
}
.pocetit {
margin-top:10px;
color:#A4A4A4;
font: 25px 'Short Stack';
letter-spacing: 1px;
background:url(URL);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}
.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:Short Stack;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
::-webkit-scrollbar {
width: 6px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fef0f7;
border: 1px solid #fff;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background: #c4c3d0;
color: #fef0f7;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px arial;
font-weight:bold;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #DDD9BE;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#938B54;
border-bottom:1px solid #BAD4E6;
}
<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
a.kai {
border:1px solid #ffd5ec;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #ffd5ec,inset 0px -14px 0px #ffd5ec; color: #fff;
}
.icon {border-radius:3333px; height: 50px; width: 50px;}
.icon:hover {border-radius:6px; border-radius: none; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}
.header {
margin-left: 1px;
margin-bottom: -5px;
-webkit-transition:2s
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
a.navigate {
border:2px solid #fec2eb;
border-radius:3px;
color: #fec2eb;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#fec2eb;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
</style>
</head>
<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="180">
<center><div class="pocetit">Owner;</div>
<div class="umi">Who's?</div><br>
<center>
<div style="background:url(http://i.imgur.com/Q32YuR8.png) repeat; border:1px solid #cccccc;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://31.media.tumblr.com/16bf4dec7d152573ad78d58226a18bbf/tumblr_mzlpjmc9yf1qbcznyo4_250.gif">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">FOLLOW</a>
</center>
</div><br>
<center>Meiza Maulida. Girl. Human.<br>
<center>Give me footsteps and comment, please!<br>Jawa Tengah, Indonesia<br></center>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" title="">Entries</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" title="">About</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" title="">Links</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML" title="">Stuff</a>
</center>
<br>
</div>
<div class="pocetit">Call Me;</div>
<div class="umi">Wanna talk?</div><br><br>
Put your CBox code hare! </div>
<br>
</br>
<!------------Dont remove the credit or i kill u---------->
<div class="pocetit">Credit;</div>
<div class="umi">The Cretive!</div><br>
© 2013 <br>Template by : <a href="http://alyarahimah-bloggie.blogspot.com/">Alya</a> <a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>Basecode by : <a href="http://meiza-maulida.blogspot.com/">Meiza</a> <a href="http://www.blogskins.com/me/memeymaulida">Maulida</a><br> Owner : <a href="urlblog">YOUR NAME</a>
<!------------Dont remove the credit or i kill u---------->
<br>
<img style="padding:0px;border:0px;" src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/linewings.gif"></div><br><br>
</div></div></td>
</div>
<td id="main" valign="top" style="width:535px; padding-left:13px; border-left:1px solid #eee; padding-right:13px; ">
<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comment(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png); box-shadow:0 0 3px #fccbec;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comment(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png); box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger>
</div>
</td>
<td id="k" style="display: none;">
<div class="pocetit">Owner's Bio</div>
<div class="umi">"Human" behind the scenes!</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="http://31.media.tumblr.com/23369262b603139e8517720d9b7557f9/tumblr_mnvat457Qs1s5v411o1_500.gif" width="500"></center><br>
<img src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif"width="12"> THE BIO<br>
Name : Meiza Maulida M<br>
Born : Cilacap, 24 Mei 2002<br>
Age : 11 y.o<br>
Hobby : Writing, reading, listening the music, browsing, blogging<br>
Ambition : English Teacher, Writer, hafidzah Qur'an, presenter<br>
Fav. Food : Pempek Palembang, etc<br>
Fav. Drink : Juice, etc<br>
Fav. Color : Blue, green, etc<br>
<br /><br/>
<center><blockquote>Change with your profile, Own!</blockquote></center>
</td>
<td id="p" style="display: none;">
<div class="pocetit">Linkies</div>
<div class="umi">Friendship never end</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDh4RitU0hxljNtTkib7pyE5IGmQzy6pyAGfNAIRqKD7sz1jJLfqWTZ8QObGjaA8VT8r1L-hcoFgH-zcPiyIsmG0A5VhSNdYQ-_B60YTXko37YfmxzukzRsd6yylk4oljxgPKpR4kdY/s400/tumblr_m77jr2srfQ1rbo9i6o1_500.gif" width="500"></center><br>
<u><b> READ THIS FIRST</u></b><br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Ex-Changed Links now OPEN <br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Put mine as First!<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Tell me at my cbox that you want to ex-changed link with me<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> You delete me, I delete you too! Deal?!<br><br>
<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:11px short stack;color:#fad2e3;border:1px solid #fad2e3;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="Your URL" style="width:180px;font:11px short stack;color:#fad2e3;border:1px solid #fad2e3;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center>
<a class="kai" href="http://meiza-maulida.blogspot.com/">Meiza</a>
<a class="kai" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a><br>
<a class="kai" href="URL-BLOG">Next</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a><br>
</center>
<td id="stuffs" style="display: none;">
<div class="pocetit">Tutobies</div>
<div class="umi">Wanna use it?</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="http://31.media.tumblr.com/tumblr_m48thztlAH1r1s7izo1_500.gif" width="500"></center><br>
<b>Tutorial :</b><br>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a><br><br>
<b>Freebies :</b><br>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
</div>
<style>
a.thingi {
background:url(http://decome.lolipop.jp/doubutsu/rabbit/pic17.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}
a.thingi:hover{
background:url(http://decome.lolipop.jp/doubutsu/rabbit/pic30.gif);
background-repeat:no-repeat;
background-size:13px;
color: #938B54;
}
<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
</style>
<br><br/>
</table>
</body>
</html> <html>
<div style=" background-image: url('http://static.tumblr.com/95c7r5v/Cllm0d8lz/cortininha12.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
</center>
<title>Pink Generation//</title>
<link rel="shortcut icon" href="http://i287.photobucket.com/albums/ll134/izygote/pink.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE1EF;
border: 1px solid #FFE1EF;
}
.header {
margin-left: 2px;
margin-bottom: -20px;
-webkit-transition:2s
}
body {
color: #555;
background: url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
background-attachment:inherit;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
font-family:century gothic;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}
a:link, a:visited {
color:Pink;
font-family: century gothic;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
}
a:hover{
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
color: #555;
text-decoration: none;
-webkit-transition:1.2s;
}
a.navigate {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
a.nav {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}
a.nav:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
.tit {
margin-top:10px;
color:#A4A4A4;
font: 21px 'Short Stack';
letter-spacing: 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDy9P-lOnMUis2Y6gmG9GW5S3TcNxVq3lBDvL8cT-dPs3qB6-RwCB5m3b1sufloqtzHByJTsq-5r8RKp__f259Ww2Y-J9Bzt3_e-adAOW3Yweluql3zZGR4afPa6TNmEHh-GpM4fWjjfE/s1600/tumblr_movcawwYsM1ru3nbdo6_250.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
}
::selection {
background-color: #FFD9EA;
color: #fff;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}
.footer {
margin-top: 2px;
margin-bottom: 15px;
background: #FFF4FA;
text-align: center;
}
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOT-ShhNr0Wsgas7nsk3O2mcqqX1rVEBCTmEwHgeejCbBHaTnzD15oEDMWowENEe9pZNh9BarprLnK6Ux43qvfEwu5h9Sg5Q46ADUBngwH0YHLrTVIrjzmEbNo7xSROiSnMsIr1tKJpYI/s1600/sparkles.png);
padding:11px;
color:#000;
letter-spacing:0px;
border:1px solid #eee;
max-height:70px;
overflow:auto;
-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; }
i {
text-decoration:none;
color: grey;
}
u {
text-decoration:none;
color:#CCC;
padding: 1px;
line-height: 10px;
border-bottom: 3px solid #FFE1EF;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #CCC;
font-weight: bold;
}
strike {
text-decoration: none;
color:#333;
-webkit-transition: .5s;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid Pink
width: 95px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 Pink
-webkit-transition: 1s;
color: #fff;
border:1px solid Pink
}
</style>
<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 70px "Porky's";}
@font-face{font-family:Porky's;
</style>
<center>
<script type="text/javascript">
var bgcolour="#ffffff";
var fgcolour="#fed2e5";
var speed=50;
var shades=10;
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}
function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}
function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</script>
<div id="tittle3">
<span id="bubble">Pink Generation</span></div>
</center>
</head>
<body oncontextmenu='return false;'>
<br>
<table style="font-size: 11px; color: #666; line-height: 17px; background:white;border-top: 30px solid MistyRose; border-left: 10px solid MistyRose; border-right: 10px solid MistyRose; border-bottom: 30px solid MistyRose; border-radius:10px;" width="900" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:5px;">
<div class="tit">Welcome;</div><br>
<center><img src="http://snsdworld.com/wp-content/uploads/2013/07/innisfree-yoona-7.jpg" height=150 width="230" /><br><br>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diaries</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" title="">Stuff</a><br><br>
Hi all. Welcome to My Simple Blog. Follow and enjoy here!
</center></div></div><center></div></div><br>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Tagboard;</div><br>
<center><img src="http://nokdupaper1.pixnet.net/album/downloadphoto?id=72911646" width="230" height=150/></center></div><br>
<center>Change with Your Cbox Code<center><br>
<div class="tit">Thanks;</div><br>
Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya</a><br>
Codes by <a href="http://nafaraisya.blogspot.com/">Azzahra</a><br>
Gif by <a href="http://meiza-maulida.blogspot.com/">Meiza</a><br>
Owner : <a href="http://nafaraisya.blogspot.com/">Your Name</a><br>
<!----- DONT REMOVE THE CREDITS -------!>
</div>
<br>
</div>
<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 @ <$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>
</blogger>
</div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">About Myself</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDh4RitU0hxljNtTkib7pyE5IGmQzy6pyAGfNAIRqKD7sz1jJLfqWTZ8QObGjaA8VT8r1L-hcoFgH-zcPiyIsmG0A5VhSNdYQ-_B60YTXko37YfmxzukzRsd6yylk4oljxgPKpR4kdY/s400/tumblr_m77jr2srfQ1rbo9i6o1_500.gif" width="400"></center><br>
<center>Replace with your profile</center>
<br>
<br>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me @<$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: short stack; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="link" style="display: none;">
<div class="tit">Free Exchange</div><br>
<center><img src="http://31.media.tumblr.com/tumblr_m48thztlAH1r1s7izo1_500.gif" width="400"></center><br>
<center><a class="nav" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="nav" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
</div>
<div id="blog" style="display: none;">
<div class="tit">Tutorials & Freebies!</div><br>
<center><img src="http://31.media.tumblr.com/16bf4dec7d152573ad78d58226a18bbf/tumblr_mzlpjmc9yf1qbcznyo4_250.gif" width="400"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br>
<center style="text-align: left;"><u>Freebies</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br></div>
</body>
</html> <html>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<head>
<base target='_blank'/>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </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, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf7mBemv5nb7Xzh5sBoujUU8rm5cbBHw0P6CBZpqT8tyO6eZ67njrExhh59qHtd_xC5AGmSkrLlPBTi99kbGuptMWzOXH96KrXxzrnzNneXEjk4rPzWsU4ZTPTn9glaNVPrTXKXmnqmw/s1600/purple.png"/>', //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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;})
.attr({title:"Let's Fly High !"})
.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>
<title>Let's Funny!</title>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Short+Stack' rel='stylesheet' type='text/css'>
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupnhSSW1qdlkyg.gif">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
background-attachment: fixed;
font-family: Short Stack;
font-size: 11px
letter-spacing:1px;
color:#999;
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
}
a:link, a:visited {
color:#e9d6fb;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}
a:hover{
color: #999;
text-decoration: none;
-webkit-transition:1.2s;
}
::-moz-selection {
background:#f4e8ff;
color:#fff;
}
::selection {
background:#f4e8ff;
color:#fff;
}
.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 30px;
color: #585858;
font-family: Short Stack;
letter-spacing: 3px;
padding: 3px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
border-left:20px double #ccc;
border-right:20px double #ccc;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter { color:#05CF15; }
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}
blockquote {
padding: 10px 10px 10px 26px;
border:1px dotted #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mc45kaLWbB1qdlkyg.gif);
}
h1 {margin-top:10px;
color: #999;
font-size:8px;
font-family:tinytots;
text-align:center;
letter-spacing: 1px;
background:#ecd7ff;
line-height:3pt;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #e9d1ff;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
height:10px;
text-decoration:none;
font-family: tinytots;
font-size:8px;
text-transform:uppercase;
color: #000;
background: #EBD5FF;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ebffec;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #000;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
#t3 {
text-transform: ;
background:#f4e8ff;
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;
text-align:center;
letter-spacing:5px;
font-style:bold;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e4cafb, #e9d6fb, #FFF);}
.h2{background: #fff; padding: 6px
}
a.kai {
border:1px solid #EBD5FF;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #EBD5FF,inset 0px -14px 0px #EBD5FF; color: #fff;
}
</style>
<center>
<div style="display:inline-block;width:790px;padding-top:300px;border-radius:3px 0px 0px 0px;border:3px solid #EBD5FF;border-bottom:none;background-repeat:no-repeat;background: url(http://1.bp.blogspot.com/-fBJ9-hrFxmU/U4FqGmDfWcI/AAAAAAAABgQ/ll41XqtxZ-g/s1600/ozKTy.png);margin-top:15px;"></div><br>
<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:3px solid #EBD5FF;background-color:#ffff;background-position:center;background-image: url(http://i.imgur.com/ozUAZ.png);">
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://blogger.com">D`BOARD</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">+FOLLOW</a></div></div></div>
<div style="background:none;border-left:40px solid #EBD5FF;border-right:40px solid #EBD5FF;width:600px;height:50px;">
</div>
<table style="margin-bottom:20px;border-radius:17px 17x 17px 17px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:3px solid #EBD5FF;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top"><div class="sidebar">
<div id="t3">Disclaimer</div><h1>Owner</h1>
<center><img src="http://24.media.tumblr.com/tumblr_lq1u5lduCQ1qzbgrio1_400.png" width="200">
CHANGE THIS WITH YOUR OWN<br>
Hate my blog? <a href="javascript:window.close();">Click Here</a></div>
<div id="t3">Chatting Box ;</div><h1>Lets Talk With Me!</h1>
<center><img src="http://data1.whicdn.com/images/15609055/large.jpg" width="200">
<center>Put your CBox code hare.<br></a></div>
<div id="t3">The Secret A Box!</div><h1>Choose One!</h1>
<center>
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pMqO7gtSrhbprF0k4gRwEcsynhdJaLtlWcmNOryijT_pLyc8BEBWsDMxT-oi1g9eFoX8f118Il9Wa-Mb6J9rtcH0jYTnBcqxT50TQoVd8ZOQ2yZgNRXIVJfLXzVZ-IWkliS4ZovnZg/s1600/purple.jpg);padding:5px;border:3px solid #e6bbff;text-align:center;width:200px;color:#999}
a.tablo{
-webkit-transition: all 0.3s 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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
background:#debff9;
width:20px;
text-decoration:none;
border:3px dashed #e6bbff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px uda, short stack;
}
a.tablo:hover{background:#debff9;color:#666;border:3px dotted #e6bbff;}
#ysm img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>
<div id="ysm" style="width:200px;color:#000; padding:5px;border:3px solid #ecdbfc;border-top:none;font-size:11px; letter-spacing:1px;">
<center>Choose One Secret Box!!<center>
</div>
<div id="1" style="display: none;">
<center>Archives</center>
<center><div style="border:1px solid #ecdbfc;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</center>
<center><center><div id="spoiler"><div><input value="Best Posts" style="width:170px;font:12px uda, short stack;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_igc1s9aZ6Waky64Uxw2T58Y86bIB8WjqbzP1rYGsxStNZ3b9YDRqEerEErFEBpchKLDTFYR0_Z3gEd7I9twzY0WuWhK-TVs2O9bvy15nF9qT5GEx9zaCddt6j-ZmagcFhzdmzm6Y1lY/s1600/oristripe.gif);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ecdbfc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
- <a href="YOUR LINK POST">TITTLE</a><br>
</div></div></div></center></center>
</div>
<div id="2" style="display: none;">
PUT YOUR CODE BANNER HERE
</div>
<div id="3" style="display: none;">
My Status<br>
<div style="border:2px solid #efefef;background:#fff;border-radius:3px; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px;color:#000;font-weight:bold; height:20px;text-align:left;font-family:short stack;font-size:8px; ">
PUT YOUR STATUS HERE
</div>
</div>
<div id="4" style="display: none;">
Ask ~ <b> YOUR CODE ASK FM
</center>
<div id="t3">Credits</div><h1>Thanks You</h1>
<center><center>Template by : <a href="http://bookloversuper.blogspot.com">Rana</a><a href="http://www.blogskins.com/me/ranazk"> Zakirah</a>,
Basecode by <a href="http://safira-housebook.blogspot.com">Safira </a> and,
Edit by <a href="http://alyarahimah-bloggie.blogspot.com">Alya </a><a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>
</div>
<td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<h2><span class="t3">
<span style="text-transform: uppercase">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
| <a href="javascript:scroll(0,0)">back to top </a></span></h2>
</blogger>
</div>
</td>
<div id="profile" style="display:none;">
<div id="t3">About Me</div><h1>This is an Owner in this blog.</h1>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmvHE53d87CDWJdfmbPh-sVuxVr09dRj1g9Ip8u0qUsjWWfgkzG8K3DDTy-ZsJR2Rt3v74mD78gNbywSQhvOaXRfYrjR-cqtmjjDEOareBKQ8wdaIqGdOUvWjB5l9QVbZbUzSuV3iXIy8/s1600/tumblr_ltrv8cO76k1r4a0hto1_400_large.png"><br>
<br><br><iframe src="http://cutekawaiijurishi-widgets.webs.com/Cute%20Clocks/Green%20Clock.htm" width="60" height="14" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe></center>
<center style="text-align: left;">
Name : <br>
Nick Name : <br>
Age : <br>
Date of Birth : <br>
Place of Birth : <br>
Studying At : <br>
Hobbies : <br><br>
<center style="text-align: left;"><u>Likes</u></center><br>
♥ <br>
♥ <br>
♥ <br>
♥ <br>
♥ <br><br>
<center style="text-align: left;"><u>Dislikes</u></center><br>
X <br>
X <br>
X <br>
X <br>
X <br>
<br /><br/>
<center><blockquote>Change with your own profile</blockquote></center>
</div>
<div id="link" style="display:none;">
<div id="t3">Linkies</div><h1>There are my friend</h1>
<center><img src="http://data.whicdn.com/images/30811131/tumblr_m5o0u0gmBR1qfndl6o1_400_large.jpg"><br><br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
</div>
<div id="stuff" style="display:none;">
<div id="t3">Stuff</div><h1>The tutorial and the freebies</h1>
<center><img src="http://data.whicdn.com/images/31191759/tumblr_m49dihYTrR1qiudzqo1_400_large.jpg"><br><br>
<center>TUTORIAL<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<---------------------->
<center>FREEBIES<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="t3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</table>
</body></html> <html>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
<div id="teddy" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="bear" style="display : none;">
<body oncontextmenu='return false;'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<head>
</script>
<title> Cutie Purple </title><link rel="shortcut icon" href="http://1.bp.blogspot.com/-kyR1Exclke0/TqHNeGm2oAI/AAAAAAAACO8/Is59oMf5jRY/s23/camera-smilehappyy-stop.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/tumblr_lqs4olZDSF1qfoi4t.png), progress;
font-family: verdana;
font-size: 11px;
text-align: left;
}
.awesome {
text-align: center;
margin-top: 200px;
-webkit-transition:1s;
}
.awesome:hover {
opacity:0.8;
-webkit-transition:1s;
padding-left:50px;
}
::-webkit-scrollbar {
height: 7px;
width: 7px;
background:white;
}
::-webkit-scrollbar-thumb {
background-color: #edd8fe;
border: 1px solid #fff;
}
::-moz-selection {
background:#EBD5FF;
color:#fff;
}
::selection {
background:#EBD5FF;
color:#fff;
}
a:link, a:visited {
color: #edd8fe;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png);
}
a:hover{
text-decoration: none;
color: #dbadff;
-webkit-transition:0.5s;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
a.iloveyou {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #000000;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.iloveyou:hover {
background : #F0C4F0;
-webkit-transition-duration: 0.5s;
color: #9bd6c6;
border-left: 3px solid #EA8DFE;
border-right: 3px solid #EA8DFE;
border-top: 3px solid #EA8DFE;
border-bottom: 3px solid #EA8DFE;
}
a.perfectrose {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: #8A0868;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #ffffff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.perfectrose:hover {
border-left: 5px solid #EA8DFE;
border-right: 5px solid #EA8DFE;
border-top: 5px solid #EA8DFE;
border-bottom: 5px solid #EA8DFE;
}
.magical {
margin: .75em 0;
font: century gothic;
color: #000000;
text-align: center;
background-image:url( URL Background );
border-top: 1px solid #ECCEF5;
border-bottom: 1px solid #ECCEF5;
border-right: 8px solid #ECCEF5;
border-left: 8px solid #ECCEF5;
padding: 2px;
}
.rosemary {
font-family: century gothic;
font-size:12px;
line-height:20px;
color: #c0c0c0;
text-align: center;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png);
border: 1px solid #edd8fe;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1px solid #cb91f9;
-webkit-transition: 0.5s;
}
u {
text-decoration:none;
border-bottom: 5px double #EA8DFE;
}
b {
text-decoration:none;
color: #DF01A5;
}
big {
text-decoration:none;
color: #D358F7;
font-family: century gothic;
font-size:20px;
}
a.jieun{
background:#EBD5FF;
text-decoration:none;
color:#fff;
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{
background:#EBD5FF;
color:#d5a0ff;
cursor: url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png), progress;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 95px;
display: inline-block;
color: #edd8fe;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #edd8fe;
-webkit-transition: 1s;
color: #fff;
border:1px solid #edd8fe;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px century gothic;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #eee;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#eee;
color:#aaa;
border-bottom:2px solid #fff;
}
</style>
<style>
@font-face{font-family:LtChickenhawk;src:url('http://static.tumblr.com/eq1rpir/atnm52s1n/lt_chickenhawk.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var height=3;
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}
function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>
<div id="wobble" style="color: #fff; font-family: LtChickenhawk; font-size: 111px;">
Cutie Purple</div>
</center>
<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=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7bTLIQODbVkN_JH5Lpr2HEr413OHReN9Bj6i0ft73SKM2i_dCYOsR9Cw0zjp4ETgCNTRezvV80VQFgY9z7X5Al_8kp-mTXcpGRSGQO_Dr_Q5irGPr-fvyjwUTi5sQyVAeGuv29vUyQVL/s1600/purplesimpletop.png"/>', //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:'Up Up and Awayyy~'})
.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>
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style>
</head>
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">
<div class="magical">Bonjour !</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png) repeat; border:1px solid #e1bdfd;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_l0relyxQKh1qaobbko1_500_large.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" >FOLLOW</a>
</center><br><br>
</div>
<center>Hi ! I am this skin maker. This is my second skin ;)
<br/>*replace this with your text * <br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a><br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" >STUFF</a><br><br>
<div class="magical">Tagboard</div>
Put your CBox Code hare!
<div class="magical">Credits</div>
<br> PLEASE DO NOT REMOVE THE CREDITS
<br>Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya </a>
<br>Bascode by <a href="http://acqeen.blogspot.com/">Cikin </a>
<br>Blog Owner <a href="Your URL Blog/">Your Name </a>
</div>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="diary" style="display: none;">
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="magical">About The Owner</div>
Put your bio!<br>
<br></div>
<div id="fairies" style="display: none;">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<div id="blog" style="display: none;">
<div class="magical">My Tutobies Collecion</div>
Put your Tutorial and Freebies hare!
<br></div>
<div id="link" style="display: none;">
<div class="magical">Links My Friend</div>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
</div>
</body>
</html>
<head>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEbVIh_xgxG-wimAAQjf5LK-YZXviw3QlT2u16lUFgjNDR9-9Yk6XAO1dZ6r-H4Cys477EIph1kjiFh1SdPjmIa_zJWhhXP4zG3rVlBeZZtZ02piH4HCs5VULZpt9GWkFCQ2siIq7msX8/s1600/jacksgab.png" /><base target='_blank'/>
</script>
<title>Simple;</title>
<link rel="me" href="http://www.blogger.com/profile/15215441747352614345" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
</head>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background: url(http://i.imgur.com/UAKAi.png);
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
color: #888888;
line-height: 15px;
text-align: justify;
}
table {
background:#FFFFFF;
font-family:"Century Gothic";
font-size:10px;
color: #555;
line-height: 20px;
border:2px dashed #c1c1c1;
width:932px;
cursor:cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
::-webkit-scrollbar-thumb{
background:#c1c1c1;
border-radius:10px;
}
::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff);
}
a{text-decoration:none ;
color:#c1c1c1 ;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
background:#c4c4c4;
color:#fff;
background-position:50% 80%;background-size:400px;}
::-moz-selection {
color:#ccc;
}
::selection {
color:#ccc;
}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
-webkit-user-select:text;
-moz-user-select:text;
}
i {
font-family:trebuchet ms;
color:#C65271;
-webkit-user-select:text;
-moz-user-select:text;
}
blockquote {
font-size:11px;
padding: 5px 5px 5px 5px;
border:1px solid #dedede;
background-position:bottom right;
background-repeat:no-repeat;
}
.h1 {
border:2px dotted #fff;
background-image: -webkit-linear-gradient(right, #c4c4c4, #fff);
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 106px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #eee;
-webkit-transition: 1s;
color: #fff;
border:1px solid #eee;
}
a.oldernewer{
color:#000;
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:80px;
margin:2px;
text-align:center;margin-bottom:15px;
}
a.jeonjin1{
display:inline-block;
background:url(http://static.tumblr.com/rltvkjt/rd3lnxjoy/th10.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
border:none;
padding:5px 5px 5px 20px;}
a.jeonjin1:hover{
display:inline-block;
background:url(http://static.tumblr.com/rltvkjt/voilnxjoz/th11.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:black;
}
#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://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
border:1px dotted #000000 ;
border-radius:5px;
font-size:11px;
margin:0em;
padding:5px;
color:#000000;
}
#main img{max-width:540px;padding:3px;margin-bottom:5px;border:1px solid #ddd;
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
.navis{
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
border: 1px solid #c1c1c1;
margin-left: 2px;
margin-bottom: 4px;
text-align: center;
width: 100px;
background: #c1c1c1;
display: inline-block;
color:#fff;
font:normal 10px 'tt';
text-transform: uppercase;
letter-spacing: 2px;
padding:6px;
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}
a.navis:hover {
background: #fff;
color:#666;
}
.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
.umi1 {
background-image:url(http://media.tumblr.com/tumblr_m33wmvr3aE1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
color:#777;
margin-top:0px;
background:;
border-bottom:1px dashed #eee;
font:300 18px Yanone Kaffeesatz;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:uppercase;
}
@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 100;
src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');
}
.chan{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#F7F7F7;
font:8.3px pontano sans;
font-family:tt;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
.chan:hover{
-webkit-transition-duration: 0.5s; color: #fff;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.lembu {
border:1px solid #e1dede;
background:#e1dede;
font-family:tt;
font-size:8px;
text-align:left;
letter-spacing:2px;
text-transform:uppercase;
padding:5px;
color:#fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
img.gongju{
opacity: 2.75;
float: right;margin:10px;
-webkit-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.header{width:920px; padding:5px;border:2px dashed #c1c1c1;line-height:30px;background:#fff;}
.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}
h4{
border:1px solid #eee;
background:#000000;
text-align:center;
color:#fff;
font:30px ttn !important;}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
a.navi{
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #f6f1ee;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
a.navi:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
top:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}
.player:hover{
width:50px;
}
textarea{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuBrAG8Mbmma-ruq4AfMcajEjNuratkPb3SITRuyr4oGiu3SXepiEMQLa3GX8Ug0_uwHej3pZUUJxf45vqSiJ5t5HNbUDWZ0xDDoY4BNwH8SZmFxtN2IuJJe2FvfNqbVT8JxMsfjbxdwJI/s1600/tumblr_ltju9xWnQZ1qhvdofo5_250.png);border-radius:10px;outline: none;
color:#ddd;border:1px dashed #eee;
padding:15px;
letter-spacing:1px;
height:200px;width:95%;
overflow-x:hidden;
font: 11px consolas;color:#555;
overflow-y:scroll;margin-top:5px; margin-bottom:5px;}
li {
list-style-image:url(http://static.tumblr.com/rltvkjt/rd3lnxjoy/th10.gif);
}
li:hover {
list-style-image:
url(http://static.tumblr.com/rltvkjt/voilnxjoz/th11.gif);
}
</style>
</style>
<br>
<center><img src="http://2.bp.blogspot.com/-8CBNa0b-6ss/U4CR35PHhHI/AAAAAAAABf8/BFnvvF0vI_U/s1600/Simple.png"/></center>
<center>
<div class="header">
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">home</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">linkies</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML">tutobies</span>
</div><br><br/>
</head>
</style>
</head>
<div align="center">
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="190">
<div class="lembu">hello</div>
<br>
<center><img src="http://4.bp.blogspot.com/-YrqD1HPUOx0/UD90IAIkf6I/AAAAAAAAA68/xhI0_DUXQg0/s1600/tumblr_llh3vnt9tY1qzbgrio1_500.png" width="220" ></center><br>
Hello friends! My name is Alya Rahimah from<br>Balikpapan, Indonesia<br><br></div>
<div class="lembu">CBOX</div>
<br>
<div>
Put your CBox code hare.
</div></div><br>
<div class="lembu">ARCHIEVE</div>
<br>
<div style="text-align:left;">
<center><div style=" background:#transparent; text-align:left; border:1px solid #E2E2E2; width:200px; overflow-x:hidden; overflow-y:scroll;padding:8px; height:100px; ">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="jieun"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</center></div><br>
</div></div>
<br>
<div class="lembu">CREDIT</div>
<br>
© 2014 - Skins by <a href="http://www.immakawaiigirl.co.vu/">Yuki.</a> Bascode by <a href="http://www.colorfulcuties123.blogspot.com/">Dhy.</a> and Edit by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya.</a>
</div></div></td>
</td>
<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px dashed #999; padding-right:13px; ">
<Blogger>
<div class="lembu"><$BlogItemTitle$><br></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</p>
<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>
<ItemPage>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:#eee; box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
<div class="post-footer"><br>
</Blogger>
</div>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="lembu"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(); box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
<div class="post-footer"><br>
</Blogger>
</div>
</td>
<td id="k" style="display: none;">
<div class="lembu">Hello?</div>
<div class="umi1">Blog Owner</div>
<br>
<img class="gongju" SRC="http://webtoolfeed.files.wordpress.com/2012/08/tumblr_ldmod6xqvf1qd5zqzo1_500_large1.jpg" width="180"><br>
Full Name : ?<br>
Nick Name : ?<br>
Birth : ?<br>
Age : ?<br>
Country : ?<br>
City : ?<br>
Hobby : ?<br>
Ambition : ?<br>
<blockquote>Put your bio.</blockquote>
</div>
</td>
<td id="p" style="display: none;">
<div class="lembu">Exchange Link & Banner</div>
<div class="umi1">Lets Be Friend(s)</div>
<br>
<center><img src="http://1.bp.blogspot.com/-ghXDywp5IQQ/UD9zpQdQTbI/AAAAAAAAA6k/1Sl_9ZlUj8c/s1600/cute-tumblr_kvdcn89jqx1qz4d4bo1_500_large_106683790_large.jpg" width="418"/></center>
<br>
<a class="link" href="http://www.immakawaiigirl.co.vu/">Yuki</a>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a>
<a class="link" href="LINK">Next?</a><br>
</div><br>
</div>
</td>
<td id="s" style="display: none;">
<div class="lembu">My Tutobies</div>
<div class="umi1">This is free for you</div>
<br>
<div class="h1">Tutorials</div>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a>
<a class="chan" href="LINK"><li>TUTORIAL</li></a><br>
<br>
<div class="h1">Freebies</div>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
<a class="chan" href="LINK"><li>FREEBIES</li></a>
</center></div>
</div></td>
</table>
</div>
<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" title="Follow !""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQV4iXESw8LWt3HJbb5fVeGxMKt2elwECArZ9sXJzGKPSA1WMxTUpO3Kgh_3FRDheMKTNaR7NP5AyeQapnthHisRiRyJH1teX4BAD_LoHreApt_D2II6L7j_nqF6-PYeo0YhksUDEOTxbX/s1600/fgrey.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MEtFNG10HoZB7WzFfAq51ZCqXvQGwSVYgTnNTjpWKhtN60qA9jz5SRn1DJKzrx4PXOjpGLNiOe3WLrcB3I44WrOf1B2PX5vba9r0rSprHgXigMfGu8NLyRxVYUFEehmpWDNFjDv2IwVP/s1600/dgrey.png" border="0" /></a></div></div>
</body>
</html> <!-------------DONT REMOVE THE CREDITS, DONT OPEN MY PAGE SOURCE---------->
<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m89hhsxYK21qdlkyg.gif" />
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<title>Simple Pink;</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background:url(http://1.bp.blogspot.com/-N-luvw46RpY/U3lKq5g9fJI/AAAAAAAABcg/UZlIJpeCfG0/s1600/y1CAtRV.png);
color: #888888;
line-height: 15px;
text-align: justify;}
table {
cursor: url(http://media.tumblr.com/tumblr_m2wj5jgL671qfamg6.gif);
background:#fff;
font: 11px Short Stack;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:10px;
border:10px solid #fef0f7;
border-radius:5px;
width:880;}
a:link,a:visited{
text-decoration:none;
color:#ccc;-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;
}
a:hover{
color:#a4a4a4;
background:transparent;
}
::-moz-selection {
background:#000;
color:#fff;
}
::selection {
background:#eee;
color:#fff;
}
i , s, strike {
color: #A4A4A4;
}
b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}
blockquote {
background: url();
color: #aaa;
border: 1px solid white;
padding: 4px;
margin:1em 20px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px dashed #999 ;
color: #000000;
border-radius: 5px;
}
<!----------------------start navi-------------------------------!>
a.navi{
padding:5px;
text-decoration:none;
font-family:Short Stack;
font-size:10px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #FFD7D7;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #FFD7D7;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #FFD7D7;
}
a.navi:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #eee;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #eee;
}
#text {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:15px;
height:140px;
overflow:hidden;
position:fixed;
}
#text:hover {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:234px;
height:138px;
overflow:hidden;}
.imgbackground{
position:fixed;
overflow:hidden;
background:url(http://i.imgur.com/fJp2S.png);
border-radius:2px;
padding:17px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}
#navi {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic:hover #navi{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic {
position:fixed;
top:160px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic:hover #inimg{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg {
width:130px;
height:auto;
position:fixed;
height:auto;
top:90px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi2 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic2:hover #navi2{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic2 {
position:fixed;
top:280px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic2:hover #inimg2{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg2 {
width:130px;
height:auto;
position:fixed;
height:auto;
top:210px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi3 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic3:hover #navi3{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic3 {
position:fixed;
top:400px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic3:hover #inimg3{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg3 {
width:130px;
height:auto;
position:fixed;
height:auto;
top:330px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#navi4 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic4:hover #navi4{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#pic4 {
position:fixed;
top:515px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#pic4:hover #inimg4{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg4 {
width:130px;
height:130;
position:fixed;
top:450px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4EwSoS2ZH-Wola8QggmQyFceeWtpyJ6zvsU62YPddkE9NRFH7CCFKZn0sagkFuiV7f0s3pyxPRlmBjHRPF3hrejZ0vVnMfSzZlNDEOXiU8-SpPeWZQwKAAuDwuWN7eDFSr8Pr_PvpQ/s1600/white.png);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 0px #ddd;
-webkit-box-shadow: 0px 0px 0px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
<!----------------------end navi-------------------------------!>
a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #F0E9BD ;}
a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #F0E9BD;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color: #c4c3d0;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#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("") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color: #666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #fcd7f0;
margin:0em;
padding:5px;
color:#666;
}
.pocetit {
margin-top:10px;
color:#A4A4A4;
font: 25px 'Short Stack';
letter-spacing: 1px;
background:url(URL);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}
.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:Short Stack;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
::-webkit-scrollbar {
width: 6px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fef0f7;
border: 1px solid #fff;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background: #c4c3d0;
color: #fef0f7;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px arial;
font-weight:bold;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #DDD9BE;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#938B54;
border-bottom:1px solid #BAD4E6;
}
<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
a.kai {
border:1px solid #ffd5ec;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #ffd5ec,inset 0px -14px 0px #ffd5ec; color: #fff;
}
.icon {border-radius:3333px; height: 50px; width: 50px;}
.icon:hover {border-radius:6px; border-radius: none; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}
.header {
margin-left: 1px;
margin-bottom: -5px;
-webkit-transition:2s
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
a.navigate {
border:2px solid #fec2eb;
border-radius:3px;
color: #fec2eb;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:#fec2eb;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
</style>
</head>
<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="180">
<center><div class="pocetit">Owner;</div>
<div class="umi">Who's?</div><br>
<center>
<div style="background:url(http://i.imgur.com/Q32YuR8.png) repeat; border:1px solid #cccccc;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://31.media.tumblr.com/16bf4dec7d152573ad78d58226a18bbf/tumblr_mzlpjmc9yf1qbcznyo4_250.gif">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">FOLLOW</a>
</center>
</div><br>
<center>Meiza Maulida. Girl. Human.<br>
<center>Give me footsteps and comment, please!<br>Jawa Tengah, Indonesia<br></center>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" title="">Entries</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" title="">About</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" title="">Links</a>
<a class="navigate" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML" title="">Stuff</a>
</center>
<br>
</div>
<div class="pocetit">Call Me;</div>
<div class="umi">Wanna talk?</div><br><br>
Put your CBox code hare! </div>
<br>
</br>
<!------------Dont remove the credit or i kill u---------->
<div class="pocetit">Credit;</div>
<div class="umi">The Cretive!</div><br>
© 2013 <br>Template by : <a href="http://alyarahimah-bloggie.blogspot.com/">Alya</a> <a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>Basecode by : <a href="http://meiza-maulida.blogspot.com/">Meiza</a> <a href="http://www.blogskins.com/me/memeymaulida">Maulida</a><br> Owner : <a href="urlblog">YOUR NAME</a>
<!------------Dont remove the credit or i kill u---------->
<br>
<img style="padding:0px;border:0px;" src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/linewings.gif"></div><br><br>
</div></div></td>
</div>
<td id="main" valign="top" style="width:535px; padding-left:13px; border-left:1px solid #eee; padding-right:13px; ">
<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comment(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png); box-shadow:0 0 3px #fccbec;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comment(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png); box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger>
</div>
</td>
<td id="k" style="display: none;">
<div class="pocetit">Owner's Bio</div>
<div class="umi">"Human" behind the scenes!</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="http://31.media.tumblr.com/23369262b603139e8517720d9b7557f9/tumblr_mnvat457Qs1s5v411o1_500.gif" width="500"></center><br>
<img src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif"width="12"> THE BIO<br>
Name : Meiza Maulida M<br>
Born : Cilacap, 24 Mei 2002<br>
Age : 11 y.o<br>
Hobby : Writing, reading, listening the music, browsing, blogging<br>
Ambition : English Teacher, Writer, hafidzah Qur'an, presenter<br>
Fav. Food : Pempek Palembang, etc<br>
Fav. Drink : Juice, etc<br>
Fav. Color : Blue, green, etc<br>
<br /><br/>
<center><blockquote>Change with your profile, Own!</blockquote></center>
</td>
<td id="p" style="display: none;">
<div class="pocetit">Linkies</div>
<div class="umi">Friendship never end</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDh4RitU0hxljNtTkib7pyE5IGmQzy6pyAGfNAIRqKD7sz1jJLfqWTZ8QObGjaA8VT8r1L-hcoFgH-zcPiyIsmG0A5VhSNdYQ-_B60YTXko37YfmxzukzRsd6yylk4oljxgPKpR4kdY/s400/tumblr_m77jr2srfQ1rbo9i6o1_500.gif" width="500"></center><br>
<u><b> READ THIS FIRST</u></b><br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Ex-Changed Links now OPEN <br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Put mine as First!<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Tell me at my cbox that you want to ex-changed link with me<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> You delete me, I delete you too! Deal?!<br><br>
<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:11px short stack;color:#fad2e3;border:1px solid #fad2e3;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="Your URL" style="width:180px;font:11px short stack;color:#fad2e3;border:1px solid #fad2e3;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center>
<a class="kai" href="http://meiza-maulida.blogspot.com/">Meiza</a>
<a class="kai" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a><br>
<a class="kai" href="URL-BLOG">Next</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a>
<a class="kai" href="URL-BLOG">Next?</a><br>
</center>
<td id="stuffs" style="display: none;">
<div class="pocetit">Tutobies</div>
<div class="umi">Wanna use it?</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="http://31.media.tumblr.com/tumblr_m48thztlAH1r1s7izo1_500.gif" width="500"></center><br>
<b>Tutorial :</b><br>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a><br><br>
<b>Freebies :</b><br>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
<a class="thingi" href="http://blogspot.com/">Coming Soon!</a>
</div>
<style>
a.thingi {
background:url(http://decome.lolipop.jp/doubutsu/rabbit/pic17.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}
a.thingi:hover{
background:url(http://decome.lolipop.jp/doubutsu/rabbit/pic30.gif);
background-repeat:no-repeat;
background-size:13px;
color: #938B54;
}
<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
</style>
<br><br/>
</table>
</body>
</html> <html>
<div style=" background-image: url('http://static.tumblr.com/95c7r5v/Cllm0d8lz/cortininha12.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
</center>
<title>Pink Generation//</title>
<link rel="shortcut icon" href="http://i287.photobucket.com/albums/ll134/izygote/pink.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE1EF;
border: 1px solid #FFE1EF;
}
.header {
margin-left: 2px;
margin-bottom: -20px;
-webkit-transition:2s
}
body {
color: #555;
background: url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
background-attachment:inherit;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
font-family:century gothic;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}
a:link, a:visited {
color:Pink;
font-family: century gothic;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
}
a:hover{
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
color: #555;
text-decoration: none;
-webkit-transition:1.2s;
}
a.navigate {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}
a.navigate:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
a.nav {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}
a.nav:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
.tit {
margin-top:10px;
color:#A4A4A4;
font: 21px 'Short Stack';
letter-spacing: 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDy9P-lOnMUis2Y6gmG9GW5S3TcNxVq3lBDvL8cT-dPs3qB6-RwCB5m3b1sufloqtzHByJTsq-5r8RKp__f259Ww2Y-J9Bzt3_e-adAOW3Yweluql3zZGR4afPa6TNmEHh-GpM4fWjjfE/s1600/tumblr_movcawwYsM1ru3nbdo6_250.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
}
::selection {
background-color: #FFD9EA;
color: #fff;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}
.footer {
margin-top: 2px;
margin-bottom: 15px;
background: #FFF4FA;
text-align: center;
}
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOT-ShhNr0Wsgas7nsk3O2mcqqX1rVEBCTmEwHgeejCbBHaTnzD15oEDMWowENEe9pZNh9BarprLnK6Ux43qvfEwu5h9Sg5Q46ADUBngwH0YHLrTVIrjzmEbNo7xSROiSnMsIr1tKJpYI/s1600/sparkles.png);
padding:11px;
color:#000;
letter-spacing:0px;
border:1px solid #eee;
max-height:70px;
overflow:auto;
-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; }
i {
text-decoration:none;
color: grey;
}
u {
text-decoration:none;
color:#CCC;
padding: 1px;
line-height: 10px;
border-bottom: 3px solid #FFE1EF;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
b {
color: #CCC;
font-weight: bold;
}
strike {
text-decoration: none;
color:#333;
-webkit-transition: .5s;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid Pink
width: 95px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 Pink
-webkit-transition: 1s;
color: #fff;
border:1px solid Pink
}
</style>
<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 70px "Porky's";}
@font-face{font-family:Porky's;
</style>
<center>
<script type="text/javascript">
var bgcolour="#ffffff";
var fgcolour="#fed2e5";
var speed=50;
var shades=10;
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}
function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}
function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</script>
<div id="tittle3">
<span id="bubble">Pink Generation</span></div>
</center>
</head>
<body oncontextmenu='return false;'>
<br>
<table style="font-size: 11px; color: #666; line-height: 17px; background:white;border-top: 30px solid MistyRose; border-left: 10px solid MistyRose; border-right: 10px solid MistyRose; border-bottom: 30px solid MistyRose; border-radius:10px;" width="900" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:5px;">
<div class="tit">Welcome;</div><br>
<center><img src="http://snsdworld.com/wp-content/uploads/2013/07/innisfree-yoona-7.jpg" height=150 width="230" /><br><br>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diaries</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" title="">Stuff</a><br><br>
Hi all. Welcome to My Simple Blog. Follow and enjoy here!
</center></div></div><center></div></div><br>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Tagboard;</div><br>
<center><img src="http://nokdupaper1.pixnet.net/album/downloadphoto?id=72911646" width="230" height=150/></center></div><br>
<center>Change with Your Cbox Code<center><br>
<div class="tit">Thanks;</div><br>
Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya</a><br>
Codes by <a href="http://nafaraisya.blogspot.com/">Azzahra</a><br>
Gif by <a href="http://meiza-maulida.blogspot.com/">Meiza</a><br>
Owner : <a href="http://nafaraisya.blogspot.com/">Your Name</a><br>
<!----- DONT REMOVE THE CREDITS -------!>
</div>
<br>
</div>
<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 @ <$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>
</blogger>
</div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">About Myself</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDh4RitU0hxljNtTkib7pyE5IGmQzy6pyAGfNAIRqKD7sz1jJLfqWTZ8QObGjaA8VT8r1L-hcoFgH-zcPiyIsmG0A5VhSNdYQ-_B60YTXko37YfmxzukzRsd6yylk4oljxgPKpR4kdY/s400/tumblr_m77jr2srfQ1rbo9i6o1_500.gif" width="400"></center><br>
<center>Replace with your profile</center>
<br>
<br>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me @<$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: short stack; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="link" style="display: none;">
<div class="tit">Free Exchange</div><br>
<center><img src="http://31.media.tumblr.com/tumblr_m48thztlAH1r1s7izo1_500.gif" width="400"></center><br>
<center><a class="nav" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="nav" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
</div>
<div id="blog" style="display: none;">
<div class="tit">Tutorials & Freebies!</div><br>
<center><img src="http://31.media.tumblr.com/16bf4dec7d152573ad78d58226a18bbf/tumblr_mzlpjmc9yf1qbcznyo4_250.gif" width="400"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br>
<center style="text-align: left;"><u>Freebies</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br></div>
</body>
</html> <html>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<head>
<base target='_blank'/>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </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, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf7mBemv5nb7Xzh5sBoujUU8rm5cbBHw0P6CBZpqT8tyO6eZ67njrExhh59qHtd_xC5AGmSkrLlPBTi99kbGuptMWzOXH96KrXxzrnzNneXEjk4rPzWsU4ZTPTn9glaNVPrTXKXmnqmw/s1600/purple.png"/>', //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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;})
.attr({title:"Let's Fly High !"})
.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>
<title>Let's Funny!</title>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Short+Stack' rel='stylesheet' type='text/css'>
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupnhSSW1qdlkyg.gif">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
background-attachment: fixed;
font-family: Short Stack;
font-size: 11px
letter-spacing:1px;
color:#999;
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
}
a:link, a:visited {
color:#e9d6fb;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}
a:hover{
color: #999;
text-decoration: none;
-webkit-transition:1.2s;
}
::-moz-selection {
background:#f4e8ff;
color:#fff;
}
::selection {
background:#f4e8ff;
color:#fff;
}
.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 30px;
color: #585858;
font-family: Short Stack;
letter-spacing: 3px;
padding: 3px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
border-left:20px double #ccc;
border-right:20px double #ccc;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter { color:#05CF15; }
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}
blockquote {
padding: 10px 10px 10px 26px;
border:1px dotted #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mc45kaLWbB1qdlkyg.gif);
}
h1 {margin-top:10px;
color: #999;
font-size:8px;
font-family:tinytots;
text-align:center;
letter-spacing: 1px;
background:#ecd7ff;
line-height:3pt;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #e9d1ff;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
height:10px;
text-decoration:none;
font-family: tinytots;
font-size:8px;
text-transform:uppercase;
color: #000;
background: #EBD5FF;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ebffec;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #000;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
#t3 {
text-transform: ;
background:#f4e8ff;
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;
text-align:center;
letter-spacing:5px;
font-style:bold;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e4cafb, #e9d6fb, #FFF);}
.h2{background: #fff; padding: 6px
}
a.kai {
border:1px solid #EBD5FF;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #EBD5FF,inset 0px -14px 0px #EBD5FF; color: #fff;
}
</style>
<center>
<div style="display:inline-block;width:790px;padding-top:300px;border-radius:3px 0px 0px 0px;border:3px solid #EBD5FF;border-bottom:none;background-repeat:no-repeat;background: url(http://1.bp.blogspot.com/-fBJ9-hrFxmU/U4FqGmDfWcI/AAAAAAAABgQ/ll41XqtxZ-g/s1600/ozKTy.png);margin-top:15px;"></div><br>
<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:3px solid #EBD5FF;background-color:#ffff;background-position:center;background-image: url(http://i.imgur.com/ozUAZ.png);">
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://blogger.com">D`BOARD</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">+FOLLOW</a></div></div></div>
<div style="background:none;border-left:40px solid #EBD5FF;border-right:40px solid #EBD5FF;width:600px;height:50px;">
</div>
<table style="margin-bottom:20px;border-radius:17px 17x 17px 17px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:3px solid #EBD5FF;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top"><div class="sidebar">
<div id="t3">Disclaimer</div><h1>Owner</h1>
<center><img src="http://24.media.tumblr.com/tumblr_lq1u5lduCQ1qzbgrio1_400.png" width="200">
CHANGE THIS WITH YOUR OWN<br>
Hate my blog? <a href="javascript:window.close();">Click Here</a></div>
<div id="t3">Chatting Box ;</div><h1>Lets Talk With Me!</h1>
<center><img src="http://data1.whicdn.com/images/15609055/large.jpg" width="200">
<center>Put your CBox code hare.<br></a></div>
<div id="t3">The Secret A Box!</div><h1>Choose One!</h1>
<center>
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pMqO7gtSrhbprF0k4gRwEcsynhdJaLtlWcmNOryijT_pLyc8BEBWsDMxT-oi1g9eFoX8f118Il9Wa-Mb6J9rtcH0jYTnBcqxT50TQoVd8ZOQ2yZgNRXIVJfLXzVZ-IWkliS4ZovnZg/s1600/purple.jpg);padding:5px;border:3px solid #e6bbff;text-align:center;width:200px;color:#999}
a.tablo{
-webkit-transition: all 0.3s 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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
background:#debff9;
width:20px;
text-decoration:none;
border:3px dashed #e6bbff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px uda, short stack;
}
a.tablo:hover{background:#debff9;color:#666;border:3px dotted #e6bbff;}
#ysm img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>
<div id="ysm" style="width:200px;color:#000; padding:5px;border:3px solid #ecdbfc;border-top:none;font-size:11px; letter-spacing:1px;">
<center>Choose One Secret Box!!<center>
</div>
<div id="1" style="display: none;">
<center>Archives</center>
<center><div style="border:1px solid #ecdbfc;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</center>
<center><center><div id="spoiler"><div><input value="Best Posts" style="width:170px;font:12px uda, short stack;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_igc1s9aZ6Waky64Uxw2T58Y86bIB8WjqbzP1rYGsxStNZ3b9YDRqEerEErFEBpchKLDTFYR0_Z3gEd7I9twzY0WuWhK-TVs2O9bvy15nF9qT5GEx9zaCddt6j-ZmagcFhzdmzm6Y1lY/s1600/oristripe.gif);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ecdbfc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
- <a href="YOUR LINK POST">TITTLE</a><br>
</div></div></div></center></center>
</div>
<div id="2" style="display: none;">
PUT YOUR CODE BANNER HERE
</div>
<div id="3" style="display: none;">
My Status<br>
<div style="border:2px solid #efefef;background:#fff;border-radius:3px; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px;color:#000;font-weight:bold; height:20px;text-align:left;font-family:short stack;font-size:8px; ">
PUT YOUR STATUS HERE
</div>
</div>
<div id="4" style="display: none;">
Ask ~ <b> YOUR CODE ASK FM
</center>
<div id="t3">Credits</div><h1>Thanks You</h1>
<center><center>Template by : <a href="http://bookloversuper.blogspot.com">Rana</a><a href="http://www.blogskins.com/me/ranazk"> Zakirah</a>,
Basecode by <a href="http://safira-housebook.blogspot.com">Safira </a> and,
Edit by <a href="http://alyarahimah-bloggie.blogspot.com">Alya </a><a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>
</div>
<td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<h2><span class="t3">
<span style="text-transform: uppercase">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
| <a href="javascript:scroll(0,0)">back to top </a></span></h2>
</blogger>
</div>
</td>
<div id="profile" style="display:none;">
<div id="t3">About Me</div><h1>This is an Owner in this blog.</h1>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmvHE53d87CDWJdfmbPh-sVuxVr09dRj1g9Ip8u0qUsjWWfgkzG8K3DDTy-ZsJR2Rt3v74mD78gNbywSQhvOaXRfYrjR-cqtmjjDEOareBKQ8wdaIqGdOUvWjB5l9QVbZbUzSuV3iXIy8/s1600/tumblr_ltrv8cO76k1r4a0hto1_400_large.png"><br>
<br><br><iframe src="http://cutekawaiijurishi-widgets.webs.com/Cute%20Clocks/Green%20Clock.htm" width="60" height="14" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe></center>
<center style="text-align: left;">
Name : <br>
Nick Name : <br>
Age : <br>
Date of Birth : <br>
Place of Birth : <br>
Studying At : <br>
Hobbies : <br><br>
<center style="text-align: left;"><u>Likes</u></center><br>
♥ <br>
♥ <br>
♥ <br>
♥ <br>
♥ <br><br>
<center style="text-align: left;"><u>Dislikes</u></center><br>
X <br>
X <br>
X <br>
X <br>
X <br>
<br /><br/>
<center><blockquote>Change with your own profile</blockquote></center>
</div>
<div id="link" style="display:none;">
<div id="t3">Linkies</div><h1>There are my friend</h1>
<center><img src="http://data.whicdn.com/images/30811131/tumblr_m5o0u0gmBR1qfndl6o1_400_large.jpg"><br><br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
</div>
<div id="stuff" style="display:none;">
<div id="t3">Stuff</div><h1>The tutorial and the freebies</h1>
<center><img src="http://data.whicdn.com/images/31191759/tumblr_m49dihYTrR1qiudzqo1_400_large.jpg"><br><br>
<center>TUTORIAL<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<---------------------->
<center>FREEBIES<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="t3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</table>
</body></html> <html>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
<div id="teddy" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="bear" style="display : none;">
<body oncontextmenu='return false;'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<head>
</script>
<title> Cutie Purple </title><link rel="shortcut icon" href="http://1.bp.blogspot.com/-kyR1Exclke0/TqHNeGm2oAI/AAAAAAAACO8/Is59oMf5jRY/s23/camera-smilehappyy-stop.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/tumblr_lqs4olZDSF1qfoi4t.png), progress;
font-family: verdana;
font-size: 11px;
text-align: left;
}
.awesome {
text-align: center;
margin-top: 200px;
-webkit-transition:1s;
}
.awesome:hover {
opacity:0.8;
-webkit-transition:1s;
padding-left:50px;
}
::-webkit-scrollbar {
height: 7px;
width: 7px;
background:white;
}
::-webkit-scrollbar-thumb {
background-color: #edd8fe;
border: 1px solid #fff;
}
::-moz-selection {
background:#EBD5FF;
color:#fff;
}
::selection {
background:#EBD5FF;
color:#fff;
}
a:link, a:visited {
color: #edd8fe;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png);
}
a:hover{
text-decoration: none;
color: #dbadff;
-webkit-transition:0.5s;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
a.iloveyou {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #000000;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.iloveyou:hover {
background : #F0C4F0;
-webkit-transition-duration: 0.5s;
color: #9bd6c6;
border-left: 3px solid #EA8DFE;
border-right: 3px solid #EA8DFE;
border-top: 3px solid #EA8DFE;
border-bottom: 3px solid #EA8DFE;
}
a.perfectrose {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: #8A0868;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #ffffff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.perfectrose:hover {
border-left: 5px solid #EA8DFE;
border-right: 5px solid #EA8DFE;
border-top: 5px solid #EA8DFE;
border-bottom: 5px solid #EA8DFE;
}
.magical {
margin: .75em 0;
font: century gothic;
color: #000000;
text-align: center;
background-image:url( URL Background );
border-top: 1px solid #ECCEF5;
border-bottom: 1px solid #ECCEF5;
border-right: 8px solid #ECCEF5;
border-left: 8px solid #ECCEF5;
padding: 2px;
}
.rosemary {
font-family: century gothic;
font-size:12px;
line-height:20px;
color: #c0c0c0;
text-align: center;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png);
border: 1px solid #edd8fe;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1px solid #cb91f9;
-webkit-transition: 0.5s;
}
u {
text-decoration:none;
border-bottom: 5px double #EA8DFE;
}
b {
text-decoration:none;
color: #DF01A5;
}
big {
text-decoration:none;
color: #D358F7;
font-family: century gothic;
font-size:20px;
}
a.jieun{
background:#EBD5FF;
text-decoration:none;
color:#fff;
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{
background:#EBD5FF;
color:#d5a0ff;
cursor: url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png), progress;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 95px;
display: inline-block;
color: #edd8fe;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #edd8fe;
-webkit-transition: 1s;
color: #fff;
border:1px solid #edd8fe;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px century gothic;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #eee;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#eee;
color:#aaa;
border-bottom:2px solid #fff;
}
</style>
<style>
@font-face{font-family:LtChickenhawk;src:url('http://static.tumblr.com/eq1rpir/atnm52s1n/lt_chickenhawk.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var height=3;
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}
function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>
<div id="wobble" style="color: #fff; font-family: LtChickenhawk; font-size: 111px;">
Cutie Purple</div>
</center>
<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=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7bTLIQODbVkN_JH5Lpr2HEr413OHReN9Bj6i0ft73SKM2i_dCYOsR9Cw0zjp4ETgCNTRezvV80VQFgY9z7X5Al_8kp-mTXcpGRSGQO_Dr_Q5irGPr-fvyjwUTi5sQyVAeGuv29vUyQVL/s1600/purplesimpletop.png"/>', //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:'Up Up and Awayyy~'})
.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>
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style>
</head>
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">
<div class="magical">Bonjour !</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png) repeat; border:1px solid #e1bdfd;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_l0relyxQKh1qaobbko1_500_large.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" >FOLLOW</a>
</center><br><br>
</div>
<center>Hi ! I am this skin maker. This is my second skin ;)
<br/>*replace this with your text * <br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a><br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" >STUFF</a><br><br>
<div class="magical">Tagboard</div>
Put your CBox Code hare!
<div class="magical">Credits</div>
<br> PLEASE DO NOT REMOVE THE CREDITS
<br>Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya </a>
<br>Bascode by <a href="http://acqeen.blogspot.com/">Cikin </a>
<br>Blog Owner <a href="Your URL Blog/">Your Name </a>
</div>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="diary" style="display: none;">
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="magical">About The Owner</div>
Put your bio!<br>
<br></div>
<div id="fairies" style="display: none;">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<div id="blog" style="display: none;">
<div class="magical">My Tutobies Collecion</div>
Put your Tutorial and Freebies hare!
<br></div>
<div id="link" style="display: none;">
<div class="magical">Links My Friend</div>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
</div>
</body>
</html>