Assalamualaikum ❤
PREVIEW
<html>
<link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_17538496decoojp.gif" />
<head>
<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/R5mWcTQ.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:"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>
<br></br>
<title>Qtpie</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
.b1a4 {
margin-left: 0px;
margin-bottom: -20px;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrJ5bds9waBJmn31h76-bgGDNDg25VxFPNng0551W0T6KfKU8qq-3zE1JDMFV-2JAm0-WjvHkUfnsQ4JKC31RUdrtm6EmDoMU_0911z2_9UahS5TutF86tGqgo3Hh3ay6WDtGl_7tchA/s1600/backgroundorange.png);
background-attachment: fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
cursor:url(http://i.imgur.com/eRySq.png),auto;
}
a:link, a:visited {
color: #FA5882;
text-decoration: none;
-webkit-transition:0.5s;
}
a:hover{
text-decoration: none;
color: #888;
-webkit-transition:0.5s;
cursor:url(http://i.imgur.com/eRySq.png),auto;
}
.title {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1LwUctm74QtBVyOEGB4P6p3Rq9dVwCWBpb22D0uLUrcWSnTOMxg1CFY0m8xaYiUUM7s9WmLkfq8COO62TT-AyA8S_bdgg4BOq8LYXy6fLb5x936BF4hXhptlD8kRL7tXvCoNY1epuVQ/s200/backgroundorange.png);
border:2px dashed #fff;
color:#888;
font-family:Comic sans ms;
font-size:12px;
letter-spacing:3px;
text-align:center;
text-transform:uppercase;
text-shadow:1px 1px 0px #fff;
padding:3px;
margin-bottom:0px;
}
.title1 {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:arial;
font-size: 10px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote{
background:url(http://i.imgur.com/2qzVi.png);
padding:10px;
border-left:20px solid #F5A9A9;
border-right:0px solid #E4F2C7;
-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;
color:#555;
}
blockquote:hover{
border-left:0px solid #F2EAC7;
border-right:20px solid #F5A9A9;
color:#555;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
i , s, strike {
color: #F6CED8;
}
b {
color:#F6CED8;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #888;
-webkit-transition-duration: 1.5s;
}
a.link {
background: #F6CED8;
padding: 1px;
border: 1px dashed #888;
width: 100px;
display: inline-block;
color: #fff;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 5px;
font: 10px comic sans ms;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #fff;
-webkit-transition: 1s;
color: #fff;
}
::-webkit-scrollbar {
height: 12px;
width: 7px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #F6CED8;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #fff;
}
::selection {
background: #eee;
color: #ccc;
}
u {
text-decoration: none;
border-bottom: 2px solid #F6CED8;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.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("http://media.tumblr.com/tumblr_mdpf4xTtf61qdlkyg.gif") no-repeat 2px .3em;
margin-top:7px !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 #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}
a.nae {
font:11px arial;
text-transform:uppercase;
letter-spacing:4px;
text-align:center;
text-decoration:none;
color:#444444;padding:6px;
background-color:#FFFCFD;
width:160px;display:block;
border-left:10px solid #FFFDD3;
border-right:10px solid #FFFDD3;
border-bottom:1px solid #FFEBEB;
border-top:none;
-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.nae :hover{
background:#FFE5E5;
border-right:10px solid #FFD2D2;
border-left:10px solid #FFD2D2;
border-bottom:1px solid #FFD2D2;
box-shadow:none;
}
.archive{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif);
border-bottom:1px solid #efefef;
background-size:15px;
background-repeat:no-repeat;
padding:5px;
padding-left:20px;
background-position:left;
}
.archive:hover{ background:url(http://media.tumblr.com/3fcccb540252361088d42c65c504499d/tumblr_inline_mmzqorHMLi1qz4rgp.gif);
background-size:12px;
background-repeat:no-repeat;
padding-left:37px;
background-position:left;
}
</style>
<center>
<div style="background:url(http://t1.gstatic.com/images?q=tbn:ANd9GcQd-r46FibcXz0N4hZAfSNZZbex03t81FcKlB-ds4OHhzGovWsv);width:900px;border-radius: 20px 20px 20px 20px;padding:15px;margin-top:0px;">
<center>
<img class="b1a4" src="http://i.imgur.com/mtJ5hsk.jpg" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
</head>
<table style="font-size: 12px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">
<div class="title">Princess</div><br>
<center>
<img src="http://data.whicdn.com/images/185960737/large.jpg" width="150" style="-webkit-border-radius: 50%; -webkit-border-top-left-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topleft: 0; border-radius: 50%; border-top-left-radius: 0;border: 2px dashed #FFBBBB;padding:5px;"/><br>
Welcome to my blog. Your own words<br><br></br>
</center><br>
<center><img src="http://media.tumblr.com/tumblr_maptb2snDh1r6qdwl.gif"></center>
<center><div style="background:#FFDCDF;color:#FFFFFF;text-shadow:0px 1px 1px #777777;padding:3px;font:20px chewy;width:207px;align:center;">Navigation</div>
<a class="nae" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="nae" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="nae" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="nae" href="http://www.blogger.com/home"title="DBOARD">DBOARD</a></div>
<center><div style="background: #FFFDD3;color:#FFFFFF; text-shadow:0px 1px 5px #888888;height:9px;font:20px chewy;width:193px;align:center;"></div>
</div></br>
</div>
<div class="title">Tagboard</div><br>
<center>
<center><img src="http://i.imgur.com/pi87B0P.png"></center>
Your Cbox Code
</center>
</div></br>
<div class="title">Followers</div><br>
<center>
<center><img src="http://i.imgur.com/v7xs6kq.png"></center>
Followers code
</center>
</div></br>
<div class="title">Archive</div><br><center>
<div style="text-align:left; padding:10px; border-radius:0px; width:200px; height:200px; overflow-x:hidden; overflow-y:Scroll; border:1px dashed #ddd;margin-top:20px;">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="archive">
<$BlogPreviousItemTitle$></div>
</a></BloggerPreviousItems></div></center>
</div></br>
<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or-------------!>
Template by <a href="http://leyastorymory.blogspot.my/">Leya Yeolly</a>
Basecode by <a href="http://arrienlove.blogspot.com/">Arrien</a> <a href="http://www.blogskins.com/me/arrien">Amani</a>. someone help me is <a href="http://kawaiilady.blogspot.my/">Kawai Lady</a> Cute Image from <a href="http://weheartit.com/">We heart it</a>.
</div></div></td>
<!------------Dont remove the credit or-------------!>
<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br></br><$blogitembody$><br></br>
</p>
<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(http://i55.tinypic.com/v3d7ps.jpg); 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><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
</td></tr></tbody>
<div id="about" style="display: none;">
<div class="title">Princes</div><br>
<center><img src="http://data.whicdn.com/images/184480170/large.jpg"width="450"></center><br>
<center>
<blockquote>Put With your own profile</blockquote></center>
</div>
</div>
<div id="links" style="display: none;">
<div class="title">Exchange Links Section</div><br>
<center><img src="http://data.whicdn.com/images/174316479/large.jpg"width="450"></center><br><br>
<div style="margin-center: 30px;">
<a class="link" href="http://arrienlove.blogspot.com/">Arrien</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a>
</div>
<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$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(http://i55.tinypic.com/v3d7ps.jpg); 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><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div></br><br><br><br></br>
</table>
</div>
Tak tahu macam mana nak guna? Click Sini komen jika ambil ye. XD
comelnyaa :(
ReplyDeletethankyou :)
DeleteRasa mcm nak guna skin ni. SO CUTE LAAAAAAAAAAAAAAA. Nnti kita cuba ya :)
ReplyDeleteComelnya dik....
ReplyDelete