SlideShare a Scribd company logo
1 of 12
<html>
<head>
<div style=" background-image: url('http://i.imgur.com/SdrkT.png'); top: -10px;
width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-
hover:filter:alpha(opacity=100);"></div>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Happy+Monkey'
rel='stylesheet' type='text/css'>
<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="http://i.imgur.com/elERm.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:""})
.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="shortcut icon"
href="http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif" type="image/x-
icon" />
<link rel="icon" href="http://media.tumblr.com/tumblr_m4i87oWLif1qdlkyg.gif" />
<title>Story of my Life</title><br><br><br><br><br>
<center><img class="header" src="http://i.imgur.com/YFLib.png"></div></center>
<style type="text/css">
#navbar-iframe {
display: none;
}
.header:hover{
padding-left: 65px;
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition-duration: 1.0s;
}
body {
background:url(http://i.imgur.com/WTp3A.gif);
font-family: 'Happy Monkey', cursive;
font-size: 13px;
cursor: url(http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0u2I/AAAAAAAABYo/QSq-
vbmUatU/s1600/bunniez.png), progress;
}
a:link,a:visited{
text-decoration:none;
font-family: Short Stack;
font-size:12px;
color:#F78181;
-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;
padding:2px;
}
a:hover{
color:#fff;
box-shadow:solid 0 -50px 0px #000;
}
::-webkit-scrollbar {
height: 12px;
width: 5px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: pink;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: pink;
-moz-border-radius: 10px;
border-radius: 10px;
}
blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_m7edqn8uAK1qdlkyg.gif);
border: 2px dotted #f6ecdd;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #f6ecdd;
-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;
}
blockquote:hover {
background:url(http://i.imgur.com/WTp3A.gif);
margin:1em 20px;
color:#fff;
color:#666;
}
.hem{
margin-bottom:-3px;
}
u {
text-decoration: none;
border-bottom: 1px solid #FFB0B0;
}
b, strong {
font-weight: bold;
color: #FFBBBB;
}
@font-face{font-
family:thestarsthatshineabove;src:url('http://static.tumblr.com/eq1rpir/Yfkm54b1
1/thestarsthatshineabove.ttf')
}
.h1 {
font-family:Short Stack;
font-size:12px;
letter-spacing: 2px;
color: #666;
text-align:left;
}
@font-face{font-
family:pacifico;src:url('http://static.tumblr.com/eq1rpir/jtom54asr/pacifico.ttf
')
}
.h2 {
letter-spacing:2px;
font:10px Short Stack;
color:#666;
background:#ffbbbb;
padding:4px;
text-align: center;
border-bottom:3px solid #FFFF00;
border-radius:10px 10px 0px 0px;
color:white;
}
@font-face{font-
family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_ca
n_fly.ttf')
}
.h3 {
font-family:Short Stack;
font-size: 11px;
text-align:right;
color:#666;
border-radius:25px;
text-transform: normal;
background:#F8E6E0;
}
.polaroid{
background:#fff;
padding:10px;
width:897px;
height:305px;
text-align: center;
border:1px solid #fff;}
.box1 img {-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;}
.box1 .effect {background-color: #fff;border-radius:25px; -webkit-transform:
translateX(-450px); -moz-transform: translateX(-450px); -o-transform:
translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(-
450px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); opacity: 1; -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;}
.box1 h2 {background: #ffbbbb; color: #666;}
.box1 text {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); opacity: 0; color: #333; -webkit-transition: all 0.2s
linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-
transition: all 0.2s linear; transition: all 0.2s linear;}
.box1:hover .effect {-webkit-transform: translateX(0px); -moz-transform:
translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);
transform: translateX(0px);}
.box1:hover img {-webkit-transform: translateX(450px); -moz-transform:
translateX(450px); -o-transform: translateX(450px); -ms-transform:
translateX(450px); transform: translateX(450px);}
.box1:hover text {-ms-filter: "progid:
DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
opacity: 1;}
.box {width: 232px; height: 200px; border: 1px dashed #ffbbbb; overflow:
hidden; position: relative; text-align: center; background: #ffbbbb;}
.box .effect,.box .content {width: 232px; height: 200px; position: absolute;
overflow: hidden; top: 0; left: 0;}
.box img {display: block; position: relative;}
.box h2 {text-transform: uppercase; color: #666; font-family: calibri; text-
align: center; position: relative; font-size: 15px; padding: 5px; margin: 0px;
margin-top: 10px; margin-bottom: 10px;}
.box text {font-family: calibri; font-style: normal; font-size: 11px; position:
relative; color: #666; padding:5px; text-align: center;}
.hyosung{
width:100%;
background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotoran
ge.gif);
border-bottom:5px solid #fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;
}
a.jieun{
background:#fff;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
border: 2px solid #EDEDED;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
}
a.jieun:hover{background:#FFBBBB;
color:#fff;}
.saya{
background:#FFFFFF;
width:90px;
font-family:century gothic;
border: 1px solid #EDEDED;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: tinytots;
font-size: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
}
a.saya:hover{
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#F6CED8;
}
.maintitle {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
color:white;
font-size:12px;
height:120px;
font-family:verdana;
margin-top:35px;
margin-left:255px;
background: #ffbbbb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#isikotak {
position:fixed;
border:4px solid pink;
width:250px;
left:-265px;
top:170px;
height:210px;
padding:4px;
text-align:left;
background-color:white;
background-image:url(http://3.bp.blogspot.com/-
l71Tk2I0nyE/UKy8SQWlq7I/AAAAAAAAEiY/oSZ2Q362f7I/s1600/rainbow.png);
background-position: right;
background-repeat:repeat;
color:#333333;
-webkit-transition: 1.0s;
font-size:8px;
font-family:tt;
-moz-transition: 1.0s;
}
#isikotak:hover {
left:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.lol{
font:8px tt;
}
a.button {
display:inline-block;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
padding-top:3px;
width:70px;
letter-spacing:2px;
text-decoration:none;
font-family:Patrick Hand SC;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #666;
border:2px solid #FFE4E4;
text-align:center;
background:#fff;
cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif;
border-radius:0px;
}
a.button:hover{
border:1px solid #fff;
color: #fff;
background:#DAF1FF;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
a.button1 {
display:inline-block;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
padding-top:3px;
width:70px;
letter-spacing:2px;
text-decoration:none;
font-family:Patrick Hand SC;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #666;
border:2px solid #DAF1FF;
text-align:center;
background:#fff;
cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif;
border-radius:0px;
}
a.button1:hover{
border:2px solid #FFE4E4;
color: #fff;
background:#fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color:
#aaaaaa; line-height:10px; border-bottom: 1px dashed #dedede; background: ;
font-weight:normal;}
#comments h4 strong {font-size:8pt tahoma;}
#comments-block {background: ; font:normal 8pt arial; line-height:1.2em;
padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma;
text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3;
border:1px solid #dedede; border-radius:2px;}
.deleted-comment { font-style:italic; color:gray;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size:
80%;}
.unneeded-paging-control { visibility: hidden;}
</style>
<div style="position: absolute; top: 50px; left: 400px;"><img border="0"
src="http://2.bp.blogspot.com/-
XdeGM5uBJgM/UTnRKk_OOSI/AAAAAAAAJj4/kPppAYAFksg/s1600/1594823gukbaji5gp.gif"
width="200"/></div>
<div style="display:scroll; position:fixed; top:50px; right:95px;"><a
class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG
ID !" target="_blank" rel="nofollow" title="Follow !" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img border="0"
src="http://2.bp.blogspot.com/-VDLbp3-
y6es/UFMFjywDZcI/AAAAAAAALcM/YRPHPCh2sSQ/s1600/fpink.png" /></a> <div
style="display:scroll; position:fixed; top:50px; right:2px;"><a
class="linkopacity" href="http://blogger.com/home" target="_blank"
rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em;
margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-
Bv5a8wOdvKM/UFMFmF6e7VI/AAAAAAAALcU/zJCZ3xjYNew/s1600/dpink.png"
/></a></div></div>
<center>
<div style="background-
image:url(http://i.imgur.com/k0DfP.png);width:930px;border-radius:
20px;padding:11px;margin-top:1px;">
<center>
</head>
<table style="font-size: 13px; font-family:dotum;
background:url(http://i.imgur.com/5Dy51.png);border: 1px solid #ffffff;margin-
top:-1px;border-top:1px solid transparent; " width="919" align="center"
border="0" cellspacing="10">
<tbody><tr>
<center><div
style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polka
dotpink-1.gif);padding-top:10px;padding-bottom:10px; border-
radius:0px;width:920px;">
<center><a class="button"
onClick="document.getElementById('post').innerHTML=document.getElementById('prof
ile').innerHTML" title="">ABOUT</a> <span style="padding:4px;"></span>
<a class="button1"
onClick="document.getElementById('post').innerHTML=document.getElementById('entr
y').innerHTML" title="">ENTRY</a> <span style="padding:4px;"></span>
<a class="button"
onClick="document.getElementById('post').innerHTML=document.getElementById('bias
').innerHTML" title="">LINKS</a> <span style="padding:4px;"></span>
<a class="button1" href="https://twitter.com/url twitter">TWITER</a>
<a class="button" href="www.facebook.com/url fb">FACEBOOK</a>
<a class="button1" href="http://www.blogskins.com/me/imkatao">BLOGSKIN</a>
<div id="profile" style="display: none;">
<div class="h2">About Me</div>
<div class="h3">Be my friend or enemy?</div><br>
<center><img
src="http://data.whicdn.com/images/51740856/tumblr_mg7m5eroTx1rvb2y0o1_500_thumb
.jpg" width="400"/></center><br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Human</b> :
Pelik binti ajaib<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Still
Young?</b> : Yes!<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>When your
birthday?</b> : 1000000 <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Hobby</b> :
Tweeting <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/>
<b>Occupation</b> : Want to be Flying Dutchman<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Like</b> :
Chocolate, ice cream, candy and everything that taste sweet. Yummy:p <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Dislike</b>
: Copydog, enemy, who call me with a dirty nickname and everything i hate.
Lol<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Love</b> :
Family, Friend, Boyfriend, and my <s>ex</s><br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Kind of?
</b> : Simple and friendly<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Do you like
this blogskin?</b> : Honestly. I very like this skin:*<br>
<blockquote>Use your own word! Hehe</blockquote>
</div> </div>
<div id="entry" style="display: none;">
<blogger><div class="h2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> •
<$BlogItemDateTime$> • <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div>
<center><blockquote>ASSALAMUALAIKUM!</blockquote></center>
<$BlogItemBody$>
<center><blockquote>WASSALAMUALAIKUM!</blockquote></center>
<br>
<div style="text-align:left;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a
name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>"
title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
</blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLDER POST</a>
</OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER
POST</a></NewerPosts></center>
<div id="bias" style="display: none;">
<div class="h2">Linkies</div>
<div class="h3">Meet my friend</div><br>
<center><img
src="http://data.whicdn.com/images/40919162/463777tumblrm7zh0tLrH41r1kynno1500_t
humb.jpg" width="400"/></center><br>
<center><blockquote><b>Replace with your chingu's friend</b></blockquote>
</center>
<center>
<a class="saya" href="http://starworldee.blogspot.com"> SYARIFAH </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br> </div>
</body>
<td valign="top" style="width:550px; padding-left:5px; padding-bottom:5px; box-
shadow:0px 0px 5px #ffffff; padding-right:15px; ">
<div id="post">
<blogger><div class="h2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> •
<$BlogItemDateTime$> • <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div>
<center><blockquote>ASSALAMUALAIKUM!</blockquote></center>
<$BlogItemBody$>
<center><blockquote>WASSALAMUALAIKUM!</blockquote></center>
<br>
<div style="text-align:left;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a
name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>"
title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
</blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLDER POST</a>
</OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER
POST</a></NewerPosts></center>
<td valign="top" style="line-height:15px; letter-spacing:1px; font-size:10px;
width:240px; padding-left:10px;">
<div class="h2"> Bonjours ‥</div>
<div class="h3">Thank for coming</div>
<br><center><div class="box box1">
<center><img style="width: 205px; height: 200px;"
src="http://data.whicdn.com/images/44229468/tumblr_mdplu9SFNl1r1vjn3o1_400_thumb
.jpg" /><center>
<br />
<div class="effect">
<h2>
Welcome</h2>
<center><embed src="http://www.sheepproductions.com/billy/billy.swf?
autoplay=true&f0=http://media.irondj.net/mix/file/32847/One_Way_Or_Another.mp3&t
0=I Don?t Know&total=1" quality="high" wmode="transparent" width="200"
height="10" name="billy" align="middle" type="application/x-shockwave-flash"
/></center><br>
<text>Bounjour Alls ! Welcome to My world . Please don't copy anything here . Be
a good girl and boy . Leave me a nice speak at my cbox ^^ Feel free to navigate
around here :)Change it<br>Mood : I'm Bored -.- <br>Status : Me know me cute
:p<br>[Change with your own words]</b>
</text>
</div> </div>
<br><div class="h2"> Talkboard ‥</div>
<div class="h3">Leave your footprint here</div>
<br><center><img style="width: 205px; height: 200px;"
src="http://data.whicdn.com/images/42839096/tumblr_md8vh7QBgy1rj9yieo1_500_thumb
.jpg" /><center>
<center>Put your cbox max 150 x 80</center>
</div>
<br><div class="h2"> My Friends ‥</div>
<div class="h3">Thank for following me^^</div>
<br><center><img style="width: 205px; height: 200px;"
src="http://data.whicdn.com/images/52812564/il_fullxfull.68650628_thumb.jpg"
/><center>
<center>Put your Followers widget</center>
</div>
<div class="h2"> Credits ‥</div>
<div class="h3">Thanks To...</div>
</center>
<br><center><img style="width: 205px; height: 200px;"
src="http://data.whicdn.com/images/51207344/7985542921_d696d49dd5_z_thumb.jpg" /
><center>
Basecode:<a href="http://izyanyancinnamon.blogspot.com/">Izyanyancinnamon</a>
Template:<a href="https://starworldee.blogspot.com/">SYARIFAH</a><br>
Other help:<a href="http://duniaimpianfatin.blogspot.com/">B</a>
<a href="http://wanaseoby.blogspot.com/">L</a></span>
<a href="http://superwomanhebat.blogspot.com/">O</a>
<a href="http://nurulatiqahjaidin.blogspot.com/">G</a>
<a href="http://le-fakesmile.blogspot.com/">S</a>
<a href="http://html-color-codes.info/">K</a>
<a href="http://weheartit.com/izyanyancinnamon?before=2174384245&page=5">I</a>
<a href="http://ayemrawi.blogspot.com/2011/10/lets-design-own-template-
classic.html">N</a><br>
Best View:<a href="www.google.com.my">Google Mozilla</a><br>
Full Edited: <a href="your blog url">Your
Name</a><br></div></div></center></div></div></center><br>
<u>Remember!!dont remove this section!!</u>
</div>
</td>
</tr></tbody>
</table>
</html>
<div style="background:#fffff;padding-top:10px;padding-bottom:10px; border-
radius:0px;width:920px;">
<center><img src="http://4.bp.blogspot.com/-
NDou7GYDo6Y/UbPrfx7c6bI/AAAAAAAABDs/DgEGY2r9G3g/s1600/pink+for+header+copy+test.
jpg"></img></center>

More Related Content

What's hot

Building @Anywhere (for TXJS)
Building @Anywhere (for TXJS)Building @Anywhere (for TXJS)
Building @Anywhere (for TXJS)danwrong
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpMiroslav Miskovic
 
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and BeautifulBefore there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautifulchicagonewsonlineradio
 
https://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=tshttps://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=tsArif Alexi
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيعkhaliled
 
Introduzione JQuery
Introduzione JQueryIntroduzione JQuery
Introduzione JQueryorestJump
 
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasFrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasLoiane Groner
 
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and PerformancejQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and PerformanceJonas De Smet
 
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySalvatore Iaconesi
 
Rails, Postgres, Angular, and Bootstrap: The Power Stack
Rails, Postgres, Angular, and Bootstrap: The Power StackRails, Postgres, Angular, and Bootstrap: The Power Stack
Rails, Postgres, Angular, and Bootstrap: The Power StackDavid Copeland
 
Polymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web componentsPolymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web componentspsstoev
 
jQuery from the very beginning
jQuery from the very beginningjQuery from the very beginning
jQuery from the very beginningAnis Ahmad
 

What's hot (18)

Building @Anywhere (for TXJS)
Building @Anywhere (for TXJS)Building @Anywhere (for TXJS)
Building @Anywhere (for TXJS)
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press php
 
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and BeautifulBefore there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
 
Send.php
Send.phpSend.php
Send.php
 
https://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=tshttps://www.facebook.com/valdyna.monna?fref=ts
https://www.facebook.com/valdyna.monna?fref=ts
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيع
 
Introduzione JQuery
Introduzione JQueryIntroduzione JQuery
Introduzione JQuery
 
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasFrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
 
jQuery in 15 minutes
jQuery in 15 minutesjQuery in 15 minutes
jQuery in 15 minutes
 
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and PerformancejQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and Performance
 
Coding part
Coding partCoding part
Coding part
 
Fcr 2
Fcr 2Fcr 2
Fcr 2
 
Osla b manual
Osla b manualOsla b manual
Osla b manual
 
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copy
 
Sencha Touch
Sencha TouchSencha Touch
Sencha Touch
 
Rails, Postgres, Angular, and Bootstrap: The Power Stack
Rails, Postgres, Angular, and Bootstrap: The Power StackRails, Postgres, Angular, and Bootstrap: The Power Stack
Rails, Postgres, Angular, and Bootstrap: The Power Stack
 
Polymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web componentsPolymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web components
 
jQuery from the very beginning
jQuery from the very beginningjQuery from the very beginning
jQuery from the very beginning
 

Viewers also liked

11 Programación Web con .NET y C#
11 Programación Web con .NET y C#11 Programación Web con .NET y C#
11 Programación Web con .NET y C#guidotic
 
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...Saikat Mukherjee
 
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트헤드라인 종합 - 2013년 6월 28일 대신증권 리포트
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트DaishinSecurities
 
Artificial graphite sheet
Artificial graphite sheetArtificial graphite sheet
Artificial graphite sheetlunchNtouch
 
The Codes And Conventions Of Interviews In A TV Documentary
The Codes And Conventions Of Interviews In A TV DocumentaryThe Codes And Conventions Of Interviews In A TV Documentary
The Codes And Conventions Of Interviews In A TV Documentaryjackettinger1998
 
Medical Billing Cycle
Medical Billing CycleMedical Billing Cycle
Medical Billing Cyclesunnymemon
 

Viewers also liked (10)

11 Programación Web con .NET y C#
11 Programación Web con .NET y C#11 Programación Web con .NET y C#
11 Programación Web con .NET y C#
 
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...
Medical Billing Services for Urgent Care Centers & Emergency Dept. by Su...
 
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트헤드라인 종합 - 2013년 6월 28일 대신증권 리포트
헤드라인 종합 - 2013년 6월 28일 대신증권 리포트
 
Artificial graphite sheet
Artificial graphite sheetArtificial graphite sheet
Artificial graphite sheet
 
Qatar grand prix
Qatar grand prixQatar grand prix
Qatar grand prix
 
Incoming Call Evaluation
Incoming Call EvaluationIncoming Call Evaluation
Incoming Call Evaluation
 
The Codes And Conventions Of Interviews In A TV Documentary
The Codes And Conventions Of Interviews In A TV DocumentaryThe Codes And Conventions Of Interviews In A TV Documentary
The Codes And Conventions Of Interviews In A TV Documentary
 
Ia Mcq2004
Ia Mcq2004Ia Mcq2004
Ia Mcq2004
 
Introduction to postcolonial studies and african literature
Introduction to postcolonial studies and african literatureIntroduction to postcolonial studies and african literature
Introduction to postcolonial studies and african literature
 
Medical Billing Cycle
Medical Billing CycleMedical Billing Cycle
Medical Billing Cycle
 

Similar to Blog skins396734

CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the WorldJonathan Snook
 
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventHTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventRobert Nyman
 
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte event
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte eventHTML5 and CSS3 – exploring mobile possibilities - Dynabyte event
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte eventRobert Nyman
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
Implementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 WorkshopImplementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 WorkshopShoshi Roberts
 
CSS3 and jQuery
CSS3 and jQueryCSS3 and jQuery
CSS3 and jQuerypsophy
 
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Chris Alfano
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpMiroslav Miskovic
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpMiroslav Miskovic
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibilityEb Styles
 
pasangh bendera di blog
pasangh bendera di blogpasangh bendera di blog
pasangh bendera di blogellyndra
 
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXGFlash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXGjmwhittaker
 
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao PauloHTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao PauloRobert Nyman
 
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı adin sonsuz
 

Similar to Blog skins396734 (20)

CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the World
 
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile EventHTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
 
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte event
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte eventHTML5 and CSS3 – exploring mobile possibilities - Dynabyte event
HTML5 and CSS3 – exploring mobile possibilities - Dynabyte event
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
 
Implementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 WorkshopImplementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 Workshop
 
CSS3 vs jQuery
CSS3 vs jQueryCSS3 vs jQuery
CSS3 vs jQuery
 
CSS3 and jQuery
CSS3 and jQueryCSS3 and jQuery
CSS3 and jQuery
 
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press php
 
Posts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press phpPosts ‹ teslaecoenergy — word press php
Posts ‹ teslaecoenergy — word press php
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
HTML5 y CSS3
HTML5 y CSS3HTML5 y CSS3
HTML5 y CSS3
 
pasangh bendera di blog
pasangh bendera di blogpasangh bendera di blog
pasangh bendera di blog
 
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXGFlash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
 
This is a test
This is a testThis is a test
This is a test
 
Zebra
ZebraZebra
Zebra
 
smoke1272528461
smoke1272528461smoke1272528461
smoke1272528461
 
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao PauloHTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
 
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı
Merkez, Bağcılar antika kol saati 0531 9810190 eski kurmalı
 

Blog skins396734

  • 1. <html> <head> <div style=" background-image: url('http://i.imgur.com/SdrkT.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background- hover:filter:alpha(opacity=100);"></div> <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Happy+Monkey' rel='stylesheet' type='text/css'> <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="http://i.imgur.com/elERm.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"
  • 2. && 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:""}) .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="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif" type="image/x- icon" /> <link rel="icon" href="http://media.tumblr.com/tumblr_m4i87oWLif1qdlkyg.gif" /> <title>Story of my Life</title><br><br><br><br><br> <center><img class="header" src="http://i.imgur.com/YFLib.png"></div></center> <style type="text/css"> #navbar-iframe { display: none; } .header:hover{ padding-left: 65px; filter: alpha(opacity=0); opacity: .0; -webkit-transition-duration: 1.0s; } body { background:url(http://i.imgur.com/WTp3A.gif); font-family: 'Happy Monkey', cursive; font-size: 13px; cursor: url(http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0u2I/AAAAAAAABYo/QSq- vbmUatU/s1600/bunniez.png), progress; } a:link,a:visited{ text-decoration:none; font-family: Short Stack; font-size:12px; color:#F78181; -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; padding:2px; }
  • 3. a:hover{ color:#fff; box-shadow:solid 0 -50px 0px #000; } ::-webkit-scrollbar { height: 12px; width: 5px; background-color: #fff; } ::-webkit-scrollbar-thumb { background-color: pink; -moz-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background-color: pink; -moz-border-radius: 10px; border-radius: 10px; } blockquote { background-position:bottom right; background-repeat:no-repeat; background-image: url(http://media.tumblr.com/tumblr_m7edqn8uAK1qdlkyg.gif); border: 2px dotted #f6ecdd; padding: 10px; margin:1em 20px; box-shadow:inset 0 0px 0px #f6ecdd; -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; } blockquote:hover { background:url(http://i.imgur.com/WTp3A.gif); margin:1em 20px; color:#fff; color:#666; } .hem{ margin-bottom:-3px; } u { text-decoration: none; border-bottom: 1px solid #FFB0B0; } b, strong { font-weight: bold; color: #FFBBBB; } @font-face{font- family:thestarsthatshineabove;src:url('http://static.tumblr.com/eq1rpir/Yfkm54b1 1/thestarsthatshineabove.ttf') } .h1 { font-family:Short Stack; font-size:12px; letter-spacing: 2px; color: #666; text-align:left; }
  • 4. @font-face{font- family:pacifico;src:url('http://static.tumblr.com/eq1rpir/jtom54asr/pacifico.ttf ') } .h2 { letter-spacing:2px; font:10px Short Stack; color:#666; background:#ffbbbb; padding:4px; text-align: center; border-bottom:3px solid #FFFF00; border-radius:10px 10px 0px 0px; color:white; } @font-face{font- family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_ca n_fly.ttf') } .h3 { font-family:Short Stack; font-size: 11px; text-align:right; color:#666; border-radius:25px; text-transform: normal; background:#F8E6E0; } .polaroid{ background:#fff; padding:10px; width:897px; height:305px; text-align: center; border:1px solid #fff;} .box1 img {-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;} .box1 .effect {background-color: #fff;border-radius:25px; -webkit-transform: translateX(-450px); -moz-transform: translateX(-450px); -o-transform: translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(- 450px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -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;} .box1 h2 {background: #ffbbbb; color: #666;} .box1 text {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms- transition: all 0.2s linear; transition: all 0.2s linear;} .box1:hover .effect {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);} .box1:hover img {-webkit-transform: translateX(450px); -moz-transform: translateX(450px); -o-transform: translateX(450px); -ms-transform: translateX(450px); transform: translateX(450px);} .box1:hover text {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .box {width: 232px; height: 200px; border: 1px dashed #ffbbbb; overflow:
  • 5. hidden; position: relative; text-align: center; background: #ffbbbb;} .box .effect,.box .content {width: 232px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;} .box img {display: block; position: relative;} .box h2 {text-transform: uppercase; color: #666; font-family: calibri; text- align: center; position: relative; font-size: 15px; padding: 5px; margin: 0px; margin-top: 10px; margin-bottom: 10px;} .box text {font-family: calibri; font-style: normal; font-size: 11px; position: relative; color: #666; padding:5px; text-align: center;} .hyosung{ width:100%; background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotoran ge.gif); border-bottom:5px solid #fff; position:fixed; top:0px; left:0px; box-shadow:0 0 6px #ccc; text-align:center; padding:10px; } a.jieun{ background:#fff; text-decoration:none; color:#FFBBBB; padding:5px; font:11px arial; margin-left:5px; margin-right:5px; border: 2px solid #EDEDED; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; display:inline-block; width:60px; } a.jieun:hover{background:#FFBBBB; color:#fff;} .saya{ background:#FFFFFF; width:90px; font-family:century gothic; border: 1px solid #EDEDED; color:#000000; -webkit-transition: 1.0s; -moz-transition: 1.0s; font-family: tinytots; font-size: 8px; text-align: center; text-decoration: none; text-transform: uppercase; display:inline-block; margin:2px; } a.saya:hover{ border-radius: 1em 4em 1em 4em; -webkit-transition: 1.0s; -moz-transition: 1.0s; color:#fff; background:#F6CED8; }
  • 6. .maintitle { border-radius: 0px 15px 15px 0px; width:10px; padding:10px; color:white; font-size:12px; height:120px; font-family:verdana; margin-top:35px; margin-left:255px; background: #ffbbbb; -webkit-transition: 1.0s; -moz-transition: 1.0s; } #isikotak { position:fixed; border:4px solid pink; width:250px; left:-265px; top:170px; height:210px; padding:4px; text-align:left; background-color:white; background-image:url(http://3.bp.blogspot.com/- l71Tk2I0nyE/UKy8SQWlq7I/AAAAAAAAEiY/oSZ2Q362f7I/s1600/rainbow.png); background-position: right; background-repeat:repeat; color:#333333; -webkit-transition: 1.0s; font-size:8px; font-family:tt; -moz-transition: 1.0s; } #isikotak:hover { left:1px; } @font-face { font-family:tt !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; } .lol{ font:8px tt; } a.button { display:inline-block; -webkit-transition: 0.9s; -moz-transition: 0.9s; padding-top:3px; width:70px; letter-spacing:2px; text-decoration:none; font-family:Patrick Hand SC; font-size:10px; height:20px; text-transform:uppercase; color: #666; border:2px solid #FFE4E4; text-align:center; background:#fff; cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif; border-radius:0px;
  • 7. } a.button:hover{ border:1px solid #fff; color: #fff; background:#DAF1FF; -webkit-transition: 1.0s; -moz-transition: 1.0s; } a.button1 { display:inline-block; -webkit-transition: 0.9s; -moz-transition: 0.9s; padding-top:3px; width:70px; letter-spacing:2px; text-decoration:none; font-family:Patrick Hand SC; font-size:10px; height:20px; text-transform:uppercase; color: #666; border:2px solid #DAF1FF; text-align:center; background:#fff; cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif; border-radius:0px; } a.button1:hover{ border:2px solid #FFE4E4; color: #fff; background:#fff; -webkit-transition: 1.0s; -moz-transition: 1.0s; } /* Comments ----------------------------------------------- */ #comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #aaaaaa; line-height:10px; border-bottom: 1px dashed #dedede; background: ; font-weight:normal;} #comments h4 strong {font-size:8pt tahoma;} #comments-block {background: ; font:normal 8pt arial; line-height:1.2em; padding:4px;} #comments-block dt { margin:.5em 0;} #comments-block dd { margin:.25em 0 0;} #comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;} #comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:1px solid #dedede; border-radius:2px;} .deleted-comment { font-style:italic; color:gray;} .paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;} .unneeded-paging-control { visibility: hidden;} </style> <div style="position: absolute; top: 50px; left: 400px;"><img border="0" src="http://2.bp.blogspot.com/- XdeGM5uBJgM/UTnRKk_OOSI/AAAAAAAAJj4/kPppAYAFksg/s1600/1594823gukbaji5gp.gif" width="200"/></div> <div style="display:scroll; position:fixed; top:50px; right:95px;"><a
  • 8. class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID !" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-VDLbp3- y6es/UFMFjywDZcI/AAAAAAAALcM/YRPHPCh2sSQ/s1600/fpink.png" /></a> <div style="display:scroll; position:fixed; top:50px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/- Bv5a8wOdvKM/UFMFmF6e7VI/AAAAAAAALcU/zJCZ3xjYNew/s1600/dpink.png" /></a></div></div> <center> <div style="background- image:url(http://i.imgur.com/k0DfP.png);width:930px;border-radius: 20px;padding:11px;margin-top:1px;"> <center> </head> <table style="font-size: 13px; font-family:dotum; background:url(http://i.imgur.com/5Dy51.png);border: 1px solid #ffffff;margin- top:-1px;border-top:1px solid transparent; " width="919" align="center" border="0" cellspacing="10"> <tbody><tr> <center><div style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polka dotpink-1.gif);padding-top:10px;padding-bottom:10px; border- radius:0px;width:920px;"> <center><a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('prof ile').innerHTML" title="">ABOUT</a> <span style="padding:4px;"></span> <a class="button1" onClick="document.getElementById('post').innerHTML=document.getElementById('entr y').innerHTML" title="">ENTRY</a> <span style="padding:4px;"></span> <a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('bias ').innerHTML" title="">LINKS</a> <span style="padding:4px;"></span> <a class="button1" href="https://twitter.com/url twitter">TWITER</a> <a class="button" href="www.facebook.com/url fb">FACEBOOK</a> <a class="button1" href="http://www.blogskins.com/me/imkatao">BLOGSKIN</a> <div id="profile" style="display: none;"> <div class="h2">About Me</div> <div class="h3">Be my friend or enemy?</div><br> <center><img src="http://data.whicdn.com/images/51740856/tumblr_mg7m5eroTx1rvb2y0o1_500_thumb .jpg" width="400"/></center><br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Human</b> : Pelik binti ajaib<br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Still Young?</b> : Yes!<br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>When your birthday?</b> : 1000000 <br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Hobby</b> : Tweeting <br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Occupation</b> : Want to be Flying Dutchman<br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Like</b> :
  • 9. Chocolate, ice cream, candy and everything that taste sweet. Yummy:p <br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Dislike</b> : Copydog, enemy, who call me with a dirty nickname and everything i hate. Lol<br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Love</b> : Family, Friend, Boyfriend, and my <s>ex</s><br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Kind of? </b> : Simple and friendly<br> <img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Do you like this blogskin?</b> : Honestly. I very like this skin:*<br> <blockquote>Use your own word! Hehe</blockquote> </div> </div> <div id="entry" style="display: none;"> <blogger><div class="h2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div> <center><blockquote>ASSALAMUALAIKUM!</blockquote></center> <$BlogItemBody$> <center><blockquote>WASSALAMUALAIKUM!</blockquote></center> <br> <div style="text-align:left;" "> <!-- Begin #comments --> <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4><$I18NNumComments$>:</h4> <dl id="comments-block"> <$CommentPager$> <BlogItemComments> <dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$> </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> <p class="comment-timestamp"> </p> </div> </ItemPage> <!-- End #comments --> </blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLDER POST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER POST</a></NewerPosts></center> <div id="bias" style="display: none;"> <div class="h2">Linkies</div> <div class="h3">Meet my friend</div><br> <center><img src="http://data.whicdn.com/images/40919162/463777tumblrm7zh0tLrH41r1kynno1500_t
  • 10. humb.jpg" width="400"/></center><br> <center><blockquote><b>Replace with your chingu's friend</b></blockquote> </center> <center> <a class="saya" href="http://starworldee.blogspot.com"> SYARIFAH </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a> <a class="saya" href="URL BLOG"> CHINGU </a><br> </div> </body> <td valign="top" style="width:550px; padding-left:5px; padding-bottom:5px; box- shadow:0px 0px 5px #ffffff; padding-right:15px; "> <div id="post"> <blogger><div class="h2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div> <center><blockquote>ASSALAMUALAIKUM!</blockquote></center> <$BlogItemBody$> <center><blockquote>WASSALAMUALAIKUM!</blockquote></center> <br> <div style="text-align:left;" "> <!-- Begin #comments --> <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4><$I18NNumComments$>:</h4> <dl id="comments-block"> <$CommentPager$> <BlogItemComments> <dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$>
  • 11. </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> <p class="comment-timestamp"> </p> </div> </ItemPage> <!-- End #comments --> </blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLDER POST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER POST</a></NewerPosts></center> <td valign="top" style="line-height:15px; letter-spacing:1px; font-size:10px; width:240px; padding-left:10px;"> <div class="h2"> Bonjours ‥</div> <div class="h3">Thank for coming</div> <br><center><div class="box box1"> <center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/44229468/tumblr_mdplu9SFNl1r1vjn3o1_400_thumb .jpg" /><center> <br /> <div class="effect"> <h2> Welcome</h2> <center><embed src="http://www.sheepproductions.com/billy/billy.swf? autoplay=true&f0=http://media.irondj.net/mix/file/32847/One_Way_Or_Another.mp3&t 0=I Don?t Know&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center><br> <text>Bounjour Alls ! Welcome to My world . Please don't copy anything here . Be a good girl and boy . Leave me a nice speak at my cbox ^^ Feel free to navigate around here :)Change it<br>Mood : I'm Bored -.- <br>Status : Me know me cute :p<br>[Change with your own words]</b> </text> </div> </div> <br><div class="h2"> Talkboard ‥</div> <div class="h3">Leave your footprint here</div> <br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/42839096/tumblr_md8vh7QBgy1rj9yieo1_500_thumb .jpg" /><center> <center>Put your cbox max 150 x 80</center> </div> <br><div class="h2"> My Friends ‥</div> <div class="h3">Thank for following me^^</div> <br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/52812564/il_fullxfull.68650628_thumb.jpg" /><center> <center>Put your Followers widget</center> </div>
  • 12. <div class="h2"> Credits ‥</div> <div class="h3">Thanks To...</div> </center> <br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/51207344/7985542921_d696d49dd5_z_thumb.jpg" / ><center> Basecode:<a href="http://izyanyancinnamon.blogspot.com/">Izyanyancinnamon</a> Template:<a href="https://starworldee.blogspot.com/">SYARIFAH</a><br> Other help:<a href="http://duniaimpianfatin.blogspot.com/">B</a> <a href="http://wanaseoby.blogspot.com/">L</a></span> <a href="http://superwomanhebat.blogspot.com/">O</a> <a href="http://nurulatiqahjaidin.blogspot.com/">G</a> <a href="http://le-fakesmile.blogspot.com/">S</a> <a href="http://html-color-codes.info/">K</a> <a href="http://weheartit.com/izyanyancinnamon?before=2174384245&page=5">I</a> <a href="http://ayemrawi.blogspot.com/2011/10/lets-design-own-template- classic.html">N</a><br> Best View:<a href="www.google.com.my">Google Mozilla</a><br> Full Edited: <a href="your blog url">Your Name</a><br></div></div></center></div></div></center><br> <u>Remember!!dont remove this section!!</u> </div> </td> </tr></tbody> </table> </html> <div style="background:#fffff;padding-top:10px;padding-bottom:10px; border- radius:0px;width:920px;"> <center><img src="http://4.bp.blogspot.com/- NDou7GYDo6Y/UbPrfx7c6bI/AAAAAAAABDs/DgEGY2r9G3g/s1600/pink+for+header+copy+test. jpg"></img></center>