Az első Design kódja:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack|Delius+Swash+Caps|Englebert|Ribeye+Marrow|Sacramento' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack|Delius' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
<center><img src="http://64.19.142.11/imageshack.com/a/img541/6632/avup.png" /></center>
<title>Miss Purple</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR49I_g7yBFnWZf0JhDs6RlZxBl7F4zd3cCe0zvK9WC34IszuuI-Mx0ghFUuybOs9qSaewZ9luH7H_5iiJvLrJBBS1sqgfGqt4ai02K4Vuuj1Fe_KhJEBWPqOkNYd3rMabRvA9-lPLsw/s1600/purple.gif);
background-attachment:fixed;
font-family: Short Stack;
font-size: 12px;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD_4ptTvMSZfVlCj842I9LQbCsfgi25OIbjtJvExFtN35n8keKYAmWAuPsVlAYjk2t-asql5gCgAgeTZjWR4xvcvNlN7jRqKOEUC5LSP8SzCEEzZJYFwUgHc-yXOHws1k5oFGli2GA9d0/s1600/4minute.png), progress;
}
a:link, a:visited {
color:#80C3D9;
-webkit-transition-duration: 0.5s;
text-decoration:none;
cursor:url(ttp://www.cursors-4u.com/cursor/2011/12/01/light-purple-pointer-2.html), progress;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #A7D8E8;
}
a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;}
img{
-webkit-transition: .7s;
-moz-transition: .7s ;
transition: .7s ;
}
img:hover{opacity: 1; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
}
@font-face {
font-family:gg !important;
src: url('http://img.dafont.com/dl/?f=girls_have_many_secrets') !important;
}
.mainblog {
background:#ffffff;
color:#CFA4FF;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #FFFFFF;
color: #CFA4FF;
padding: 9px;
width: 240px;
border-radius: 10px;
text-align: left;
}
.title {
color:#CFA4FF;
letter-spacing:1px;
font:30px tcd;
background:url();
line-height: 40%;
text-transform: capitalize each word;
-webkit-transition: 0.3s;
}
.post-title {
color:#CFA4FF;
font-size:22px; font-family: Short Stack;
padding:3px;
border-bottom:2px solid #CFA4FF;
}
.date {
background : #ffffff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-family: Delius;
font-size:12px;
width: 400px;
margin-top: 0px;
border-top: 0px solid #D79CFF;
border-bottom: 1px solid #D79CFF;
border-right: 1px solid #CFA4FF;
border-left: 1px solid #CFA4FF;
line-height: 17px;
color: #666;
margin-left: 100px;
text-align: center;
}
.dash a:link, .dash a:active, .dash a:visited {
width:96px;
background:#D4BOFF;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
font:12px 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 #CFA4FF;
}
.dash a:hover {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#CFA4FF;
border-bottom:1px solid #CFA4FF;
}
.nav{
width:100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqaAHY1Oe97awN2sfhc7ueZUmLWJYK4XxhrMzRlzF7EgphL1Q6GcHlOG5lYqHQu3aD9D139xr8jYOYAGOF2Lk4W-JUy2xK85fvOYu1w-fyCH0szkdx_Ljd5Xar78d8LMjtMUX_UKmtZQ/s1600/purple.jpg);
border-bottom:5px solid #fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.box{
background:#fff;
text-decoration:none;
color:#D79CFF;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
border: 2px solid #cfa4ff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.box:hover{background:#D79CFF;
color:#fff;
border: 2px solid #CFA4FF;}
u {
text-decoration: none;
font-style: bold;
border-bottom: 2px solid #D79CFF;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
i {
text-decoration: none;
color: #D79CFF;
}
b, strong {
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #D79CFF;
-webkit-transition-duration: 1.5s;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSFGQIpG9XjeBxKxTuAxNp_6l5eVtnR7Z95l66hf-IcGDkkh2qoEQrJkhR5gWoukB7T9rFOOukG2sSSWp-S_3FhnNNuMUkT7H4oVCkpuu8l8DWjywkkOBOpcXzg8xy1VqTjhclHgsbCXMJ/s1600/backgroundbody%25283%2529.png);
border: 1px solid #D79CFF;
font: 15px Englebert;
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 #D79CFF;
-webkit-transition: 0.5s;
}
.links {
background:white;
display:inline-block;
width:110px;
text-align:center;
margin:6px;
box-shadow: inset 1px 0 0px 0 #D79CFF;
-webkit-transition-duration: 1.0s;
border-right: 3px solid #D79CFF;
cursor:vertical-text;
opacity: 0.9;
}
.links:hover {
box-shadow: inset 850px 0 0px 0 #FFFFFF;
-webkit-transition-duration: 1.0s;
}
.min {
margin-top:0px;
background:#fff;
border:1px solid lightblue;
font-family:tcd;
font-size: 16px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
.long{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_p1i8Cz0CNQI4JhcEVcUmpzSNPqb7tATGZXjHRKfXB-kYghQfBTnqv2KV6L-xaJhYWk3S-5dOZWTkTeiqvB__Jlqd9NAxwF_CyUwCNrDu0zzxJWGYufnkuMCr55oXcFcBAKMI3mu8ig/s1600/purple.png);padding:5px;border:3px solid #CFA4FF;text-align:center;width:200px;color:#CFA4FF}
a.button{
-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:pointer;
background:#CFA4FF;
width:20px;
text-decoration:none;
border:3px dashed #fff;
color:#fff;
box-shadow:1px 1px 3px #CFA4FF;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px uda, short stack;
}
a.button:hover{background:#D79CFF;color:#FFFFFF;border:2px dashed #FFFFFF;}
#wra img{max-width:245px;}
@font-face {
font-family:cc !important;
src: url('http://img.dafont.com/dl/?f=cuteness') !important;
}
@font-face { font-family:tcd; src: url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf'); }
</style>
<body onkeydown='return false;'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byAnugerahSalsa***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/rfMkj.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<br>
<div class="nav">
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('h').innerHTML" >ENTRY</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('a').innerHTML" >ABOUT</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('f').innerHTML">FRIENDS</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('stuffs').innerHTML" >STUFFS</a>
<a class="box" href="http://www.blogger.com/home">DBOARD</a>
<a class="box" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">+FOLLOW</a></div></div>
<table style="font-size:12px; background:#fff;border: 1px solid #ffffff;margin-top:-1px;border:1px solid lavender; border-radius:10px; " width="919" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Hellow!</div>
<div class="min">Meet the owner</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_p1i8Cz0CNQI4JhcEVcUmpzSNPqb7tATGZXjHRKfXB-kYghQfBTnqv2KV6L-xaJhYWk3S-5dOZWTkTeiqvB__Jlqd9NAxwF_CyUwCNrDu0zzxJWGYufnkuMCr55oXcFcBAKMI3mu8ig/s1600/purple.png) repeat; border:1px solid #CFA4FF;padding:5px;width:205px;">
<img style="width:200px;height:140px;" src="http://64.19.142.12/media.giphy.com/media/4TmxH7ZMn1aYE/giphy.gif" />
<div class="dash">
<a href="http://blogger.com/home" title="Dashboard">Dashboard</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" title="Follow">Follow</a>
</div></div></center>
<br><center>CHANGE THIS WITH YOUR OWN
<br><br>
<div class="sidebarblog">
<div class="title">Walkie Talkie!</div>
<div class="min">Chat here</div><br>
<center>PUT YOUR CBOX CODE HERE<br>
<br><br>
<div class="sidebarblog">
<div class="title">Da Secret Boxes!</div>
<div class="min">I'll show you something</div><br>
<center><img src="http://64.19.142.11/static.tumblr.com/ekhjn9s/MvCm77mzz/1111sugoi.gif"/ width="238" height="140"><br><br>
<div class="long">
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('4').innerHTML" >4</a></div>
<div id="wra" style="width:200px;color:#CFA4FF; padding:5px;border:1px solid #CFA4FF;border-top:none;font-size:11px; letter-spacing:1px;">
<center>1. Archive</center>
<center>2. Banner</center>
<center>3. Contact</center>
<center>4. Ask.Fm</center>
</div>
<div id="1" style="display: none;">
<div style="background:#fff; width:175px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:50px; "><bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div style="background:url(http://media.tumblr.com/tumblr_m7efdjo44L1qdlkyg.gif); background-size:12px; background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></div>
</div>
<div id="2" style="display: none;">
<img src="http://64.19.142.12/media.tumblr.com/tumblr_m2ru2t3vWe1qdlkyg.gif"> Your Rules<br>
<img src="http://64.19.142.12/media.tumblr.com/tumblr_m2ru2t3vWe1qdlkyg.gif"> Your Rules<br>
<img src="http://64.19.142.12/media.tumblr.com/tumblr_m2ru2t3vWe1qdlkyg.gif"> Your Rules<br><br>
<center><img style="width: 125px;" src="http://64.19.142.12/www.blogskins.com/YOUR%20BANNER'S%20CODE" /></a><br><br>
Copy this code!<br><br>
<textarea cols="13" rows="3" style="text-align: center;"><a href="YOURBLOGNAME.blogspot.com"><img src="YOUR BANNER'S CODE" /></a></textarea></center>
</div>
<div id="3" style="display: none;">
<center><img src="http://64.19.142.12/media.tumblr.com/88c93ec84c61e48f6307b0b8ac04044b/tumblr_inline_mg1aehY8lg1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="" style="font-family: 'Short Stack';">Your Facebook</a><br>
<img src="http://64.19.142.13/media.tumblr.com/96ce6fcf509035d86f8d99b9ca6b3648/tumblr_inline_mg1aelBqxv1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="" style="font-family: 'Short Stack';" width="20">Your Twitter</a><br>
<img src="http://64.19.142.12/gazo.emoji7.jp/img/03pgv_445658/%E3%83%A1%E3%83%BC%E3%83%AB%2A%E6%89%8B%E7%B4%99%2A%E9%80%81%E4%BF%A1%2A%E5%8F%97%E4%BF%A1%2A%E3%80%93_m.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : Your Email</center></div>
<div id="4" style="display: none;">
<img src="http://64.19.142.11/media.tumblr.com/tumblr_m2rufkqq781qdlkyg.gif"/ width="10"> Your Rules<br>
<img src="http://64.19.142.11/media.tumblr.com/tumblr_m2rufkqq781qdlkyg.gif"/ width="10"> Your Rules<br>
<img src="http://64.19.142.11/media.tumblr.com/tumblr_m2rufkqq781qdlkyg.gif"/ width="10"> Your Rules<br>
<img src="http://64.19.142.11/media.tumblr.com/tumblr_m2rufkqq781qdlkyg.gif"/ width=10"> Your Rules<br><br>
<center>YOUR ASK.FM WIDGET<center/>
</center>
</div>
<br>
<div class="sidebarblog">
<div class="title">The Background!</div>
<div class="min">Choose One</div><br>
<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 1px solid #C4E1FF;}#background a:hover img{border: 1px solid #C4E1FF;}</style><div id="background"> <script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script> <script> $(document).ready(function(){ $("#bgcolor1").click(function(){ $("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhNfYFNs41xaHxoeeaJy8PpZJdWo-9u8e3d4kt_4apqXDfq_yDOwS6dlIUEKHX7RFTyw6EiIkzoh0VfOmOpbr01uXO8-YcolUak7e-613j7CSzsRto4Mp4wp78qErxVFWiRlg8lWZBSk/s200/purple.gif)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqaAHY1Oe97awN2sfhc7ueZUmLWJYK4XxhrMzRlzF7EgphL1Q6GcHlOG5lYqHQu3aD9D139xr8jYOYAGOF2Lk4W-JUy2xK85fvOYu1w-fyCH0szkdx_Ljd5Xar78d8LMjtMUX_UKmtZQ/s1600/purple.jpg)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR49I_g7yBFnWZf0JhDs6RlZxBl7F4zd3cCe0zvK9WC34IszuuI-Mx0ghFUuybOs9qSaewZ9luH7H_5iiJvLrJBBS1sqgfGqt4ai02K4Vuuj1Fe_KhJEBWPqOkNYd3rMabRvA9-lPLsw/s1600/purple.gif)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Background #1"><img alt='Background #1' src="http://64.19.142.12/3.bp.blogspot.com/-uXEm5wJFumw/T_gYHYFlvqI/AAAAAAAAIrE/-AKBJzzWaqo/s200/purple.gif" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="Background #2"><img alt='Background #2' src="http://64.19.142.10/1.bp.blogspot.com/-vArUZYrvZ4w/TtxY0-xIhsI/AAAAAAAAEXA/3d9vAuEcVCw/s1600/purple.jpg" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="Background #3"><img alt='Background #3' src="http://64.19.142.13/2.bp.blogspot.com/-5dpIkzibotw/T6pr9bjb4JI/AAAAAAAAGTc/kFUfmvH9fwU/s1600/purple.gif" height="50" width="50" /></a></div>
<br>
<div class="sidebarblog">
<div class="title">Credit!</div>
<div class="min">Big clap</div><br>
<b>Template By :</b> <a href="http://bookloversuper.blogspot.com/">Rana</a><br>
<b>Basecode :</b> <a href="http://ayeshakamilarafifah.blogspot.com/">Ayesha</a><br>
<b>Help :</b> <a href="http://kumpulan-fanfict-yuki.blogspot.com/">C</a> <a href="http://google.com/"> U</a><a href="http://ayeshakamilarafifah.blogspot.com/"> T</a><a href="http://azkiiyakiyaa.co.vu/"> E</a><br>
<b>Owner :</b> <a href="http://yourbloglink.blogspot.com">YOUR NAME</a></center>
<br>
<body>
<td id="mainblog" valign="top" style="width:200px; padding-left:5px; border-left:1px solid #CFA4FF; padding-right:7px; padding-left:12px;">
<div class="mainblog">
<blogger><div class="post-title"><img src="http://64.19.142.10/media.tumblr.com/tumblr_m4tqzkQQYg1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$> <img src="http://64.19.142.10/media.tumblr.com/tumblr_m4tqzkQQYg1qdlkyg.gif"></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$> Bookaholics</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$></blogger><br>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://64.19.142.10/media.tumblr.com/7b2538969ce79856916039fc47188787/tumblr_inline_mly9beCCo51qz4rgp.gif" title="Newer" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href=""><img src="http://64.19.142.13/media.tumblr.com/8f5b3982922a1ca07e20f73154d0dae7/tumblr_inline_mlyaw2kHVr1qz4rgp.gif" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://64.19.142.11/media.tumblr.com/a6acde3a84b068776aa2658917510298/tumblr_inline_mly9b6Qxre1qz4rgp.gif" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div><br>
<td id="h" style="display: none;">
<body>
<div class="mainblog">
<blogger><div class="post-title"><img src="http://64.19.142.10/media.tumblr.com/tumblr_m4tqzkQQYg1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$> <img src="http://64.19.142.10/media.tumblr.com/tumblr_m4tqzkQQYg1qdlkyg.gif"></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$> BBookaholics</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$></blogger><br>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://64.19.142.10/media.tumblr.com/7b2538969ce79856916039fc47188787/tumblr_inline_mly9beCCo51qz4rgp.gif" title="Newer" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href=""><img src="http://64.19.142.13/media.tumblr.com/8f5b3982922a1ca07e20f73154d0dae7/tumblr_inline_mlyaw2kHVr1qz4rgp.gif" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://64.19.142.11/media.tumblr.com/a6acde3a84b068776aa2658917510298/tumblr_inline_mly9b6Qxre1qz4rgp.gif" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div>
</td>
<td id="a" style="display: none;">
<div class="mainblog">
<div class="post-title"> Owner </div><br>
<center><img src="http://64.19.142.11/31.media.tumblr.com/tumblr_m75rrooYGu1qc5wono1_500.gif" width="500" ></center></br>
<p>
<u>Personal Information</u><br><br>
<b>Name</b> : <br>
<b>Age</b> : <br>
<b>Hobbies</b> : <br>
<b>Birthday</b> : <br>
<b>Location</b> : <br>
<b>Country</b> : <br>
<b>Fav. Colors</b> : <br>
<b>Fav. Books</b> : <br><br>
<blockquote>Replace all with your own words okay?</blockquote>
</div>
</td>
<td id="f" style="display: none;">
<div class="mainblog">
<div class="post-title"> Exchange Here </div><br>
<center><img src="http://64.19.142.12/31.media.tumblr.com/tumblr_lxnubgpvyZ1qjxm01o1_500.gif" width="430" height="250"></center><br>
<center>Name: <input type="text" size="11" value="YOUR NAME" style="width:180px;font:11px trebuchet ms;color:#CFA4FF;border:1px solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL: <input type="text" size="11" value="http://yourblogurl.blogspot.com/" style="width:180px;font:11px trebuchet ms;color:#CFA4FF;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><br>
<!----DON'T REMOVE THIS 3 LINKIES----!>
<a class="links" href="http://the-bluera.blogspot.com/">Ra</a>
<a class="links" href="http://ayeshakamilarafifah.blogspot.com/">Ayesha</a>
<a class="links" href="http://www.anugerahsalsa.co.vu/">Salsa</a>
<!----DON'T REMOVE THIS 3 LINKIES----!>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<a class="links" href="http://blogurl.blogspot.com/">PURPLE</a>
<br><br>
<center>MY BANNER(WIDTH="200"; HEIGHT="175")<br><br>
YOUR BANNER CODE<br><br>
<textarea cols="13" rows="3" style="text-align: center;"><a href="http://YOURBLOGNAME.blogspot.com/"><img src="YOUR BANNER'S CODE" /></a></textarea><br><br>
<!---BANNER MUST BE : WIDTH="175"; HEIGHT="150" OKAY?---!>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAItE-ga7Jln-Zd5N2nIwDY0MiAJoXiuyGCBXO0WIVliLo6yPFIvmyFQBAkr2DEsTrtlBgZr4CNxg9BAcv8TdoeYC5_xsuVgDWXlh4DrUpaNMD2DaHpgOZevBg0ZFN6c5Y4zdV3ZLTz_/s1600/Possible+Place+Banner.jpg"/>
</div>
</td>
<td id="stuffs" style="display: none;">
<div class="mainblog">
<div class="post-title"> My Stuffs </div><br>
<center><img src="http://ist1-1.filesor.com/pimpandhost.com/5/2/8/8/52886/B/C/Z/H/BCZH/kagami_chasing_tsukasa.gif" width="500" ></center></br><br>
<u>Tutorials</u><br><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br>
Tutorial : <a href="">...</a><br><br>
<u>Freebies</u><br><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br>
Freebies : <a href="">...</a><br><br></div>
</td></table></body></head></html>?
A második Design kódja:
<!-----------------------------------------------------------------------
Name : BURBERRY
Template by : http://anugerahsalsa.blogspot.com/
Basecode by : http://chocolly.blogspot.com/
Theme : cute, purple, violet, cool, simple, sweet
Thanks for download and using my skin. Please don't ever remove these credits!
-----------------------------------------------------------------------!>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".about").hide();
$(".navi-about").click(function(){
$('.about').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".site").hide();
$(".navi-site").click(function(){
$('.site').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".nav").hide();
$(".navi-nav").click(function(){
$('.nav').slideToggle("fast");
return true;
});
});
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<html><head>
<link href='http://media.tumblr.com/tumblr_lu2df5OEzy1qfoi4t.gif' rel='icon' type='image/x-icon'/>
<title>// Burberry</title>
<style>
#navbar-iframe {
display: none;
}
body {
color: #aaa;
font: 12px Short Stack;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1xyUcXL4ZbnReFaUkW0HsCkbiW0Ah9nXZC7Yjx6t294-lgRSW0VZ1KnH4J4-GAB8tqOgW-P3SfpIHmJ_CfipxdPt42tzBBDdtr_ZhP9DoZ8dGhTsLpPoiTXGnOYaJbmuEagtBbFQsQk/s1600/purple.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}
a:link,a:active,a:visited {
text-decoration: none;
color: #cab0ca;
-webkit-transition: 0.3s;
padding-bottom: -2px;
}
a:hover {
color: #ead1ea;
text-decoration: none;
-webkit-transition: 0.3s;
border-bottom: 1px dashed #ead1ea;
}
.blogger-labels {
display: none!important;
}
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #ead1ea;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ead1ea;
border: 1px solid #FFFFFF;
}
.tr-caption {
font-family: Short Stack;
font-style: italic;
letter-spacing: 2px;
font-size: 8px;
text-transform: lowercase;
background: #eee;
color: #777;
padding: 1px;
}
blockquote {
padding: 5px;
border: 1px dashed #ebdceb;
padding-left: 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFpxXwaVTZ6JucRqK6HUmkUCl7VJTKIPhgPx7_a1VmB84WncAeTg8XQXWrUD7-Iy-JZakuGUTWeTiXAcBLmGogD4zwMuzTZNl8PrYScsFIBGecq18c7PdLB2lB8hqaIpzFT8dCuJMfGA/s1600/purple.png) repeat-y;
background-size: 20px 20px;
color: #aaa;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}
.entries-position {
height: auto;
left: 440px;
position: absolute;
top: 0px;
width: 620px;
}
.side-position {
left: 140px;
position: fixed;
top: 0px;
width: 400px;
}
.entries-background {
border-right: 1px dashed #ead1ea;
border-bottom: 1px dashed #ead1ea;
border-left: 1px dashed #ead1ea;
background-color: #ffffff;
padding: 10px;
height: auto;
margin-bottom: 30px;
}
.imgbackground {
position: fixed;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhdPRWrR7tW-T1iwzp2lEfypNal9vAxPdXYakRd-ivlte-e0ya1OBzOSyykmnKqq06FzkRbCuvP2AUOItLc3BxYDUsCjDsP7flpD-1Vd9WVOpOZJA3EuNtnynsnRvvIg24vUcrlYPwhNO/s1600/purple1.png);
padding: 17px;
}
#side {
top: 180px;
left: 110px;
position: fixed;
height: auto;
width: 200px;
}
#side:hover #text {
opacity: 0.9;
margin-top: 70px;
-webkit-transition: 0.8s;
}
#text {
opacity: 0;
margin-top: -100px;
margin-left: 17px;
font-size: 8px;
font-family: Short Stack;
padding: 7px;
font-style: normal;
position: absolute;
width: 236px;
text-align: center;
height: auto;
text-transform: lowercase;
color: #000;
background-color: #f7e5ef;
-webkit-transition: 0.8s;
}
#block {
margin-top: 0px;
margin-left: 127px;
width: 250px;
height: 170px;
position: fixed;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1xyUcXL4ZbnReFaUkW0HsCkbiW0Ah9nXZC7Yjx6t294-lgRSW0VZ1KnH4J4-GAB8tqOgW-P3SfpIHmJ_CfipxdPt42tzBBDdtr_ZhP9DoZ8dGhTsLpPoiTXGnOYaJbmuEagtBbFQsQk/s1600/purple.png);
z-index: 6;
}
h10 {
font-family: Short Stack;
padding-top: 1px;
font-size: 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
background: #f7e5ef;
letter-spacing: 5px;
height: 16px;
padding-left: 6px;
display: block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
#box {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 17px;
overflow: hidden;
}
#box:hover {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 130px;
overflow: hidden;
border-radius: 0px 0px 30px 30px;
}
.side-position {
left: 110px;
position: fixed;
top: 370px;
}
.box {
width: 265px;
padding: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhdPRWrR7tW-T1iwzp2lEfypNal9vAxPdXYakRd-ivlte-e0ya1OBzOSyykmnKqq06FzkRbCuvP2AUOItLc3BxYDUsCjDsP7flpD-1Vd9WVOpOZJA3EuNtnynsnRvvIg24vUcrlYPwhNO/s1600/purple1.png);
}
.box2 {
padding: 3px;
display: block;
height: 17px;
width: 255px;
background: #fff;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
overflow: hidden;
}
.box2:hover {
height: 150px;
}
a.link1 {
background: #ebceeb;
width: 70px;
padding: 1px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
-webkit-transition: 0.3s;
font: 9px Short Stack;
text-transform: uppercase;
}
a.link1:hover {
background: #eee;
-webkit-transition: 0.3s;
}
.h1 {
color: #dfccdf;
font-family: Short Stack;
letter-spacing: 2px;
background: #fcf0fc;
margin-top: 3px;
padding: 2px;
text-align: center;
font-size: 11px;
margin-bottom: 4px;
}
@font-face {
font-family:snowpersonVqfixedbyfrogii;src:url('http://static.tumblr.com/eq1rpir/Rbpm54azj/snowpersonsv3__q_fixed_by_frogii_.ttf');
}
@font-face {
font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf');
}
.right {
background: #fcf0fc;
float: right;
width: 95px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: Short Stack;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 10px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid #f0ddf0;
}
.right:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid #f0ddf0;
}
.right2 {
background: #fcf0fc;
float: right;
width: 130px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: Short Stack;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 10px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid #f0ddf0;
}
.right2:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid #f0ddf0;
}
a.older {
text-transform: uppercase;
background: #fcf0fc;
border: 1px solid #f0ddf0;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: right;
}
a.newer {
text-transform: uppercase;
background: #fcf0fc;
border: 1px solid #f0ddf0;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: left;
}
a.button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
a.button:hover {
color: #fff;
background: #f1dbf1;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#button:hover {
color: #fff;
background: #fcf0fc;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
a.link3 {
text-transform: uppercase;
border: 2px solid transparent;
background: #fcf0fc;
width: 50px;
margin: 5px;
padding: 5px;
color: #555;
text-align: center;
font: 9px Short Stack;
display: inline-block;
-webkit-transition: 0.3s;
}
a.link3:hover {
border: 2px solid #ecd3ec;
background: #fff;
color: #aaa;
-webkit-transition: 0.3s;
}
.blogskins {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 150px;
height: 110px;
border: 5px solid #fcf0fc;
}
.blogskins:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #f4e2f4;
}
.word2 {
width: 50px;
font-size: 12px;
font-family: Short Stack;
text-transform: uppercase;
color: #888;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}
.word2:hover {
background: #f4e2f4;
color: #000;
webkit-transition: 0.8s;
}
.nav {
width: 255px;
padding: 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhdPRWrR7tW-T1iwzp2lEfypNal9vAxPdXYakRd-ivlte-e0ya1OBzOSyykmnKqq06FzkRbCuvP2AUOItLc3BxYDUsCjDsP7flpD-1Vd9WVOpOZJA3EuNtnynsnRvvIg24vUcrlYPwhNO/s1600/purple1.png);
}
.navi-nav {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
.navi-nav:hover {
color: #fff;
background: #f1dbf1;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#top {
position: fixed;
z-index: 500;
top: 0;
left: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzL65LCUfwZtf38NV4X_9xyhqvynaS5aSNFCbqCyZd5Mcgt1oCyoHXXabOhWIbZLQ3y9gbE4jtzYI0Gm20m-VaLpoFaCoBajvZJ-pXYNRm9dsUjJdVJgiNx-qEeqBBbYHIqdNwnou9IhQA/s1600/topdivider.png);
width: 100%;
height: 97px;
}
#title {
overflow-y: hidden;
height: 65px;
z-index: 3;
position: relative;
}
#title {
overflow-y: hidden;
height: 75px;
z-index: 3;
position: relative;
}
.title {
width: 100%;
float: center;
font-size: 65px;
font-family: 'snowpersonVqfixedbyfrogii', cursive;
color: #999;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}
.title:hover {
margin-top: -120px;
}
.desc {
color: #e8cfe8;
margin-top: 75px;
font: 25px 'theonlyexception';
}
#s-m-t-tooltip {
background: #f4e2f4;
font-size: 9px;
line-height: 11px;
font-family: Short Stack;
letter-spacing: 1px;
text-transform: uppercase!important;
color: #333;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
text-transform: lowercase;
}
</style><body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<div style="position: fixed; bottom: 5px; right: 5px"><a class="word2" style="color:#000;" href="http://anugerahsalsa.blogspot.com/" title="ANUGERAHSALSA">THEME</a></div>
<div id="block"><div style="position:fixed;top:110px;left:130px;">
<a class="button" href="http://www.blogger.com/profile/5427539181675835792"><br/><br/>About</a>
<a class="button" href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=7871771811045931378','me','width=520,height=530')"><br/><br/>Follow</a>
<a class="navi-nav"><br/><br/>Cbox</a>
<a class="button" href="https://www.facebook.com/anugerahwookie1004?ref=tn_tnmn"><br/><br/>Faceb</a>
</div></div>
<div id="top"><div id="title"><div class="title"><font color=#DDA0DD>BURBERRY</font><div class="desc">
All I know is pouring rain and everything has changed.
</div></div></div></div>
<div id="side"><div class="imgbackground"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxDxZwQ6v8XNv4P3m-OdBnKa0cqfoJQrmrBJQoQiNvaQKuXuUlGLExaZO9LzNX7kRwVrU7sLmGzGExBHZOOwN7sGTITsr9BvvOBx01olyLQkRNV_HdStTFFAt0tTixK0JhP17_UM_LD5k/s1600/taylor341-1.jpg" width="250px;" height="140px;"></div>
<div id="text"><div style="font-family:Short Stack;font-size:9px;">
Click if you don't mind.{<script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=YOURID"> </script>}
<br/>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" >Free Page</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" >Entries</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Free Page</a>
</div></div></div>
<div class="side-position"><div class="box"><div class="box2"><h10>HOVER THE IMAGE</h10>
<div style="font-family:Short Stack;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
<center><a class="link3" onclick="window.open('http://anugerahsala.blogspot.com/'); return false;">Salsa</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
</center>
</div></div></div>
<br/><div class="nav"><center>
<div style="font-family:Short Stack;color:red;font-size:9px;margin-bottom:-15px;">PRIVATE CBOX! DON'T OPEN MY CBOX! DON'T SPAM!</div>
<div style="background:#fff; width:235px;padding:10px;"><br/><br/>Put your code cbox at here<br/><br/></center></div></div>
<div class="entries-position">
<div class="entries-background" style="padding-top:90px;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comments(<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div></div>
<div id="one" style="display: none;">
<br/>
<div class="right">Fearless</div>
<div class="h1">Free Pages</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div>
<div id="two" style="display: none;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comments (<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div>
<div id="three" style="display: none;">
<br/>
<div class="right2">Butterflies</div>
<div class="h1">Free Page</div>
<br/>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/><br/>
</div>
</body>
</head>
<style type="text/css">body, a, a:link{cursor:url(http://media.tumblr.com/tumblr_lpyq1ipTIe1qcn2vb.gif), default;} a:hover {cursor:url(http://static.tumblr.com/z7e2cpq/PDhlllqdn/ponteiro_roxo.png),wait;}
</style>
</html>
A harmadik Design kódja:
<html>
<head>
<title>i am a cute bear</title>
<style>
#navbar-iframe {display: none;}
body { background-color: #fff; color: #555; font: normal 11px 'arial'; text-align: justify; line-height: 1.65; }
a {font-family:tinytots; font-style:normal; font-size:8px; letter-spacing:1px; text-decoration: none;text-transform: uppercase;color: #333; text-decoration: none; padding:2px;}
a:hover {cursor:Pointer; padding:2px; background:url(http://data.whicdn.com/images/43570436/tumblr_mdn3ygrMR91rxay1wo1_500_large.jpg); background-position:50% 80%; background-size:400px; color:#fff; -webkit-transition-duration: 0.5s; }
blockquote { padding:5px; margin:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2_qLaYX_q8IaMhDbdVXJ92I7Nta0txFqjTvxFtE05Gb9Li4_Xts9ou6GAcWWaNR3QpSO4rTIJ0gmeE01_5S7T-HD5TYvnLxGym_ffzZpwZcURyQ72Q89yQCaWp9OnolD6wt3IbyjCII/s1600/backgroundgreen.png); color:#444; }
.title{background:url(http://i.imgur.com/Ruxjo.png); text-transform: uppercase; font:10px arial; width: 100%; padding:5px; display:inline; height:15px; }
.date {background:url(http://i.imgur.com/ejeCt.png); padding:5px; text-transform: uppercase; font:10px arial; width: 100%; padding:5px; display:inline; }
.postbox{ background: url(http://i.imgur.com/WdbfZ.png); width:100%; height:100%; padding:15px; border-radius:10px; }
.post {background:#fff; margin-bottom:15px; padding:25px; border-radius:10px;}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
.navis {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background: #F6E6FF; padding-left:20px; padding-right:10px; border-radius:5px; letter-spacing: 2px; }
.navig {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#F3FFE6; padding-left:20px; padding-right:40px; border-radius:5px; letter-spacing: 2px; }
.navih {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#E6F4FF; padding-left:20px; padding-right:30px; border-radius:5px; letter-spacing: 2px; }
.navil {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#FFE6E6 ; padding-left:20px; padding-right:15px; border-radius:5px;letter-spacing: 2px; }
.imageu{width:200px;border-radius:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhKrhwonAA_Fo8F9QccsfpSHl9tVgyTJc1EP6W4PDpiIv79Pn4qbHh8A4ia6lExVgRLk6oijK6Rx6rYxP2kZ8cCzUQNV5Ec-MVhLojrEYqfsmWIHcX5lGKn0ZS7FylfF7oOI6_C7Q7wYY/s1600/backgroundpurple.png);background-size:360px;padding:10px;
height:100%;}
.sidebar{border-radius:10px;width: 178px; height: 100%; letter-spacing:1px; padding:10px; border:1px solid #eee; text-align:left;
background:#fff; font-family:tinytots; font-style:normal; font-size:8px; text-transform: uppercase; opacity: 0.9; color:#000; display:block;}
a.sidelink {display:inline-block; border: 1px solid #fff; text-align:center;
padding:2px;margin:1px; height:100%;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background: #faf8f8;}
a.sidelink:hover {text-shadow: 1px 1px 2px #000;color: #fff;-webkit-transition-duration: 0.5s; box-shadow: inset 60px 0 0px 0 #FDF7C8; color: #fff}
img{
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
img:hover{cursor:Crosshair;
-webkit-filter: grayscale(0.8);}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #A7A7A7;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #E8DDFB;
border: 1px solid #fff;}
</style>
</head><body>
<div style="width:250px; position:fixed; top:70px; left:70px;">
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img src="http://64.19.142.10/data.whicdn.com/images/45594422/tumblr_ma1uflNXO51re6siso1_500_large.jpg" style="border-bottom-left-radius: 99px; border-bottom-right-radius: 99px; border-top-left-radius: 99px; border-top-right-radius: 0px; border: 0px !important; height: 120px !important; opacity: 0.9; padding: 0px !important; width: 130px !important;" /></div>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('author').innerHTML">biography</span>
<span class="navig" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">stuffies</span>
<span class="navih" onClick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML">chingu(s)</span>
<span class="navil" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">home entry</span><br><br>
<a href="http://www.facebook.com/"><img src="http://64.19.142.10/applepine.chu.jp/icon/sen/tenki10.gif" /></a> <a href="https://twitter.com/"><img src="http://64.19.142.10/applepine.chu.jp/icon/sen/tenki11.gif" /></a> <a href="http://www.tumblr.com/dashboard"><img src="http://64.19.142.13/applepine.chu.jp/icon/sen/tenki12.gif" /></a>
<br><br>
<center>
<div class="imageu">
<div class="sidebar">
Jaera for short. 16 next year. now addicted to rilakkuma. wanted to buy them. but mom don't give me </center>
<br>
<center>
<div class="imageu">
<div class="sidebar">
put your cbox here ~ width: 150px; height: 75px; </div>
</center>
<br>
<div style="text-align: right;">
<OlderPosts><a href="<$OlderPosts$>">Older Post >></a> </OlderPosts> <NewerPosts> | <a href="<$NewerPosts$>"><< Newer Post</a></NewerPosts></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<!--------------POST---------->
<div style="width:550px; position:absolute; top:30px; right:100px;">
<div class="postbox">
<div id="main"><blogger><div class="post">
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br><br>
<$BlogItemBody$>
</div></blogger>
</div></div></div></div></div></div>
<div id="entries" style="display: none;"><div id="main">
<blogger><div class="post"><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br><br>
<$BlogItemBody$>
</div></blogger>
</div></div></div></div></div></div>
<div id="author" style="display: none;"><div id="main">
<div class="post">
<div class="title">profile {biography}</div>
<div class="date">your introductions here</div><br /><br>
<div style="clear: left; float: left; margin-bottom: -4px; margin-right: 1em;">
<img src="http://64.19.142.13/data.whicdn.com/images/25831756/tumblr_m1qxd3WDXj1r2eevbo1_500_large.jpg" style="webkit-border-radius: 99px 0px 99px 99px;-moz-border-radius: 99px 0px 99px 99px;border-radius: 99px 0px 99px 99px; !important; height: 100px !important; opacity: 0.9; padding: 0px !important; width: 110px !important;" /></div>
manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao. occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.
<blockquote class="tr_bq">
change to your profile</blockquote>
</div></div></div></div>
<div id="stuff" style="display: none;"><div id="main">
<div class="post">
<div class="title">Something you need to share?</div>
<div class="date">{tutorial} {freebies} {others}</div><br /><br>
<img alt="Tumblr_mbqbcmhhzv1qjzxgfo1_500_large" src="http://64.19.142.11/data.whicdn.com/images/39832901/tumblr_mbqbcmHhzV1qjzxgfo1_500_large.jpg" />
occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.
<blockquote class="tr_bq">
change to your stuff things</blockquote>
</div></div></div></div>
<div id="etc" style="display: none;"><div id="main">
<div class="post">
<div class="title">archive</div>
<div class="date">older post things {your memories}</div><br><br>
<select style="color:#222; font:10px tahoma; text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; background:#fff; border: 1px dashed #000; padding: 5px; width: 320px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Comeback our memories</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives></select><br><br>
<div class="title">another friends</div>
<div class="date">exchange link {chingu}</div><br><br>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<a class="sidelink" href="" target="_blank">friend(s)</a>
<br><br>
<div class="title">credits</div>
<div class="date">please don't throw it =,=</div><br><br>
Full Edit by : <a href="http://zaranerd.blogspot.com/">Jaaeraaaa</a><br />
Credits : <a href="http://wanaseoby.blogspot.com/">forever</a> <a href="http://nurhafizahpija.blogspot.com/2011/08/freebies-background-part-3.html">background</a> <a href="http://www.blogger.com/blogger.g?blogID=721794471726670712#editor/target=post;postID=8089915106162516584">icon</a> <a href="http://weheartit.com/search?utf8=%E2%9C%93&ac=1&query=rilakkuma">image</a><br>
@basecode : own, get my permission first
</body>
</html>
Designes segítség
Nikkii kérésére meghoztam a Designes segítséget.Persze elfelejtettem nektek leírni,hogy hova is kell beírni a kódot...
*****
Kezdetben csinálj egy Biztonsági mentést,ha esetleg elbabráltál valamit a kóddal.Majd tekerj lejjebb és nyomd meg a visszatérés a klasszikus sablonokhoz.
Ha ez megvan,akkor menj az oldal tetejére,és nyomd meg a HTML kód szerkesztését!Majd illeszd be a teljes design kódját! :)
Ha valami most sem világos,kérdezzetek! :D
Nincsenek megjegyzések:
Megjegyzés küldése