Freebies Blogskin Dream Of You


click untuk tumbesaran






<html>
<head>
<title>Dream of you</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://4.bp.blogspot.com/-mxrjffbeRKA/TlpQ1-2v4pI/AAAAAAAAAtE/cgVkBKuXqiw/s1600/pinkflower.png);
font-family: verdana;
background-attachment:fixed;
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
}
::-webkit-scrollbar {
height:12px;
width: 8px;
background: url(http://i.imgur.com/y7KKx.png);
}
::-webkit-scrollbar-thumb {
background-color: #FAAFBE;
-moz-border-radius: 0px;
border-radius: 0px;
}
::-moz-selection {
background:#FFFFFF;
color:#F778A1;
text-shadow: 1px 1px 1px #000000;
}

::selection {
background:#FFFFFF;
color:#F778A1;
text-shadow: 1px 1px 1px #000000;
}
a:link, a:visited {
color:#7d95a8;
text-decoration:none;
border-bottom:0px dashed #C0C0C0;
}
a:hover {
border-bottom:0px solid #a4a4a4;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background:#FAAFBE;
-moz-border-radius:35px;
border-radius:35px;
}
.page {
background:#ffffff;
color:#848484;
padding:8px;
width:200px;
font-size:11px;
border-radius:5px 35px;
text-align:left;
box-shadow:0px 0px 10px #000000;
}
.title {
margin-bottom:2px;
font-style:none;
text-align:right;
color:#7d95a8;
font-size:15px;
padding:3px;
border-top:3px solid #eee;
border-bottom:1px double #eee;
border-right:3px solid #eee;
border-left:3px solid #eee;
width:500px;
}
.title2 {
margin-bottom:5px;
font-style:none;
text-align:left;
color:#7d95a8;
font-size:12px;
padding:3px;
border-bottom:2px dashed #eee;
border-top:2px dashed #eee;
width:150px;
}
.comment {
font-style:none;
font-size:10px;
margin-top:.5em;
margin-bottom:2em;
}
blockquote {
background:url(http://4.bp.blogspot.com/-mxrjffbeRKA/TlpQ1-2v4pI/AAAAAAAAAtE/cgVkBKuXqiw/s1600/pinkflower.png); padding:5px;
Border:2px dashed #C0C0C0;
colour:#FFFFFF}
blockquote:hover {
background: url(http://4.bp.blogspot.com/-2M3HszzBCkk/Tmj4IKnACNI/AAAAAAAAAt8/P-f7wvVA2Zw/s1600/backgroundorange-2.png) repeat right bottom ;
border:2px solid #FAAFBE;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 35px;
}
.sidebar {
padding:10px;
border-radius:35px 5px;
background:url(http://4.bp.blogspot.com/-zr0WqoNLfM8/TmBt58qqnBI/AAAAAAAAAzw/jROcDTXeHGw/s400/Polkadotbackground.png);
}
a.navi {
background:#FAAFBA;
padding-left:12px;
padding-right:12px;
color:#414141;
margin-right:0px;
border-radius:0px;
-webkit-transition:1s;
}
a.navi:hover {
background:#414141;
color:#FF4C4F;
Border-left:8px double #FAAFBA;
-webkit-transition:1s;
border-bottom:0px solid #000000;
}
.hallo {
text-align:center;
margin-top: 250px;
}
</style>
<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++;
}
}
}
</script>
<div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<img src=" http://i.imgur.com/VC5pj.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>

<div style="position: fixed; top: 2px; right: 1px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=3886542092943203360" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://i851.photobucket.com/albums/ab74/TivannyAsih/PinkFollow-1.png?6" border="0" /></a></div>

<div style="display:scroll; position:fixed; top:2px; right:1100px;"><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://i851.photobucket.com/albums/ab74/TivannyAsih/PinkDashboard-1.png?6" /></a></div>

<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body oncontextmenu='return false;'><br><br>
<center><img border="0" src="http://i.imgur.com/TPGPj.png" /><br></center>
<table style="font-size: 11px; color:#424242; line-height: 16px; background:transparent; border-radius:10px;" width="900" align="center" border="0" cellspacing="15">
<tbody><tr>

<td valign="top" style="line-height:15px; font-size:11px; width:500px; background:transparent; border-radius:5px;">

<div class="sidebar">
<div class="title2"><center>Pieces About Me</div>
<center><img src="http://data.whicdn.com/images/16675136/tumblr_lpvt8rH78b1qmmupro1_500_large.jpg" width="230" height="200"></center>
<br>
<div class="sidebar">

<div class="title2">Navigation Board</div>
<center><a class="navi" onClick="document.getElementById('pages').innerHTML=document.getElementById('can').innerHTML" title="About">profile</a></center>
<center><a class="navi"
onClick="document.getElementById('pages').innerHTML=document.getElementById('you').innerHTML" title="Archives">Stuff</a></center>
<center><a class="navi" onClick="document.getElementById('pages').innerHTML=document.getElementById('feel').innerHTML" title="Affiliates">buddies</a></center>
<center><a class="navi" onClick="document.getElementById('pages').innerHTML=document.getElementById('it').innerHTML" title="Posts">story</a></center><br>

<div class="title2">TagBoard</div>

Place you shoutmix/cbox
code here, max width : 200px.
</div>
<br>

<!---- DO NOT REMOVE THIS -----!>

<div class="sidebar">
<div class="title2">Credit Section</div>
Template by : <a href="http://akulahsrikandi.blogspot.com/">marjan</a><br>
Background : <a href="http://budarxcemetot.blogspot.com/p/tutorial.html">mieyka</a>
</div>

<!---- DO NOT REMOVE THIS -----!>
</td>

<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:url(http://4.bp.blogspot.com/-zr0WqoNLfM8/TmBt58qqnBI/AAAAAAAAAzw/jROcDTXeHGw/s400/Polkadotbackground.png);">
<div id="pages">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Kura-kura</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> / <a href=<$NewerPosts$>>NEW</a></NewerPosts></center><br></td></div>
<div id="can" style="display:none;">
<div class="title">About Me</div><br>
Blog Name ; lalalala<br>
<br>
My Name is Marjan..change with yours!!!!!
<br>
<div class="title">Wishlist</div>
<br>
What's yours?
</div>
<div id="you" style="display:none;">
<div class="title">Memories</div><br>
<BloggerArchives>
â?¥ <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>
</BloggerArchives>
</div>

<div id="feel" style="display:none;">
<div class="title">Affiliates</div><br>
<center> <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> | <a href="http://www.blogger.com/">Friend</a> </center>
</div>

<div id="it" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> kura-kura</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> / <a href=<$NewerPosts$>>NEW</a></NewerPosts></center><br>
</div>
</body>
</head>
</html>




                                     ambil la lau nak..credits jangan buang..ok???
untuk yang button follow dan dashboard tu jangan lupa tukar BLOG ID tau.....
kalau ade ape2 yang musykil..tanye saje..hehe..

4 comments:

  1. code dia nak paste kat mne ea ? hihi

    ReplyDelete
  2. apesal x boleh ekk ? click preview je trus ERROR . hihh please tlg ajerkn :))

    ReplyDelete

kalau nak komen,komen kat cni...
Bismillahirrahmanirrahim...