Heaven's Template

السلام عليكم ورحمۃﷲ وبركاته

Nih, Aulia punya template. Yang mau ambil, comment dulu ya!
*Khusus untuk Classic Template aja ya


Nih kodenya,

<!-------Credit: http://chocollyheart.blogspot.com/*Do not remove this section!--------!>
<html><head><title>Heaven</title><style type="text/css">
#navbar-iframe {display: none;}
body {font:11px trebuchet ms; color: #555;background:#FEFEEB;}
a:link,a:active,a:visited {text-decoration:none;color:gray;border-bottom: 0px solid gray;-webkit-transition: 0.3s;padding-bottom:4px;}
a:hover{color: #fff;text-decoration:none;-webkit-transition: 0.3s;border-bottom: 4px solid gray;}
blockquote{border:1px solid #F4DEC2;background:#Fff;-webkit-transition: 1.5s;-moz-transition: 1.5s;box-shadow: inset 20px 0 0px 0  #F4DEC2;padding: 10px 10px 10px 26px;}
blockquote:hover{-webkit-transition: 1.5s;-moz-transition: 1.5s;border:1px solid #F4DEC2;box-shadow: inset 850px 0 0px 0 #F4DEC2;}
.entries-position{right:40%;position:absolute;top:40px; width:620px;}
.entries-background {background-color: #ffffff;border: 1px solid #ccc;padding:10px;margin-bottom:20px; }
.entries-title {text-align:center;margin-top: 1px; text-transform:uppercase;margin-bottom: 10px;color: #737373; font: 18px 'calibri';letter-spacing: 1px; background: transparent; line-height: 18%;border-top: 1px dashed #eee;border-bottom: 1px dashed #eee;}
#com {font:11px trebuchet ms;width:85px;margin-top: 0px;margin-left:130px;padding:2px;text-align:center;position: absolute;background:#eee;color:#666;opacity: 0;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;z-index: 103;}
#com2 {font:11px trebuchet ms;width:85px;margin-top: 0px;margin-left:170px;padding:2px;text-align:center;position: absolute;background:#eee;color:#666;opacity: 0;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;z-index: 103;}
.entries-background:hover #com {margin-left:400px;opacity: 1;overflow:hidden;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;}
.entries-background:hover #com2 {margin-left:500px;opacity: 1;overflow:hidden;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;}
#sidebar-position{width:280px; position:fixed; top:100px; right:200px;}
#lol{text-align: center;-moz-opacity: 0.82;opacity: 0.82;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=82);background:#fff;width:240px; font-style: italic;position:fixed; top:180px; right:231px;}
a.link{background:#F4DEC2;padding:5px;width:90px;color:#fff;padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0s;font-family: arial;font-size: 10px;text-align: center;text-decoration: none;text-transform: uppercase;display:inline-block;margin:4px;border: 1px solid #F4DEC2;}
a.link:hover{border-bottom: 0px solid gray;-webkit-transition: 1.0s;-moz-transition: 1.0s;color:#000;background:#fff;border: 1px dashed #F4DEC2;}
#linkies1, #linkies2, #linkies3, #linkies4, #linkies5, #linkies6{margin:-4px -3px 0px 0px;background:#FFE0A3;width:23px;text-transform: uppercase;height:30px;top:254px;padding:10px;text-align:center;display:inline-block;color:#FFfE0A3;position:fixed; -webkit-transition: 0.3s;overflow:hidden;}
#linkies1:hover, #linkies2:hover, #linkies3:hover, #linkies4:hover, #linkies5:hover, #linkies6:hover{background:#ccc;
color:#fff;border-bottom: 4px solid gray;-webkit-transition: 0.3s;padding:10px 10px 60px 10px;}
#linkies1 {right: 440px;background:#DFA9B0;color:#DFA9B0;height:30px;}
#linkies2 {right: 397px;background:#E6CAAA;color:#E6CAAA;height:90px;}
#linkies3 {right: 354px;background:#F6D3DB;color:#F6D3DB;height:120px;}
#linkies4 {right: 311px;background:#B5A68D;color:#B5A68D;height:60px;}
#linkies5 {right: 268px;background:#F2B4A8;color:#F2B4A8;height:100px;}
#linkies6 {right: 225px;background:#F4DEC2;color:#F4DEC2;height:40px;}
#linkies1:hover {padding:10px 10px 80px 10px;}
#linkies2:hover {padding:10px 10px 50px 10px;}
#linkies3:hover {padding:10px 10px 70px 10px;}
#linkies4:hover {padding:10px 10px 60px 10px;}
#linkies5:hover {padding:10px 10px 40px 10px;}
#linkies6:hover {padding:10px 10px 90px 10px;}
#linkies1:hover #com4 {margin-top: -120px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#linkies2:hover #com4 {margin-top: -100px;margin-left:-53px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#linkies3:hover #com4 {margin-top: -100px;margin-left:-96px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#linkies4:hover #com4 {margin-top: -135px;margin-left:-139px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#linkies5:hover #com4 {margin-top: -105px;margin-left:-182px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#linkies6:hover #com4 {margin-top: -140px;margin-left:-225px;opacity: 1;color:#444;background:#eee;width:254px;overflow:hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#com4{margin-top: -158px;margin-left:-10px;overflow:hidden;width:0px;padding:2px;text-align:center;position:fixed;z-index: 103;color:transparent;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
a.love{text-decoration:none;-webkit-transition-duration: .60s;background: transparent;color:  #aaa;font-size: 24px;font-family: bebasne;text-transform: none;letter-spacing: 1px;}
a.love:hover{background: transparent;-webkit-transition-duration: .60s;color:#444;border-bottom: 0px solid gray;}
@font-face {font-family: "bebasne";src: url('http://static.tumblr.com/ls875kd/nuNlvxgvd/bebasneue.otf');}
.word{position: fixed;width:100px;font-size:14px; bottom: -80px; right: 10px;padding5px;border-radius:10px;border:1px solid pink;font-family:consolas;letter-spacing:2px;text-transform:uppercase;color:#888;margin-top:5px;text-align:center;-webkit-transition: 0.8s;height:100px;}
</style><body>
<div class="word"><a style="color:#000;" href="http://www.blogskins.com/me/tralala-afiqah">THEME</a> <a style="color:#000;" href="http://chocollyheart.blogspot.com/">BY</a></div>
<div id="sidebar-position"><div id="lol">give me your heart to me </div><img src="http://i43.tinypic.com/k6rtj.jpg" style="width:240px; border:9px solid #ccc;">
<div id="linkies1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML"><br/>A<br/>B<br/>O<br/>U<br/>T<br/>
<div id="com4">know me more</div></div>
<div id="linkies2" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML"><br/>P<br/>O<br/>S<br/>T<br/>
<div id="com4">my stories</div></div>
<div id="linkies3" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML"><br/>B<br/>I<br/>A<br/>S<br/>
<div id="com4">heart them</div></div>
<div id="linkies4" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML"><br/>A<br/>f<br/>f<br/>i<br/>e<br/>s<br/>
<div id="com4">my friends</div></div>
<div id="linkies5"><br/>L<br/>I<br/>N<br/>K<br/>
<div id="com4">anything</div></div>
<div id="linkies6"><br/>C<br/>r<br/>e<br/>d<br/>i<br/>t<br/>
<div id="com4"><a href="http://www.colourlovers.com/palette/1514529/Peach_Blossoms">xoxo</a><a href="http://www.colourlovers.com/palette/2341793/Just_In_Time_For_Tea">xoxo</a><a href="http://auliasuciwardina.blogspot.com/">xoxo</a></div></div>
</div>
<div class="entries-position">
<div id="main"><blogger><div class="entries-background">
<div class="entries-title"><$BlogItemTitle$></BlogItemTitle>
<div id="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment </a>(<$BlogItemCommentCount$>)</BlogItemCommentsEnabled></div>
<div id="com2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
</div>
<$BlogItemBody$>
</div></blogger>
<div style="float: left;"><a class="love" href=>← newer </a></div><div style="float: right;"><a class="love" href="<$OlderPosts$>">older →</a></div>
</div></div>
<div id="one" style="display: none;"><div class="entries-background">
<div class="entries-title">The princess </div>
<br/>
Change with your profile
</div></div>
<div id="two" style="display: none;">
<div id="main"><blogger><div class="entries-background">
<div class="entries-title"><$BlogItemTitle$></BlogItemTitle>
<div id="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment </a>(<$BlogItemCommentCount$>)</BlogItemCommentsEnabled></div>
<div id="com2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
</div>
<$BlogItemBody$>
</div></blogger>
<div style="float: left;"><a class="love" href=>← newer </a></div><div style="float: right;"><a class="love" href="<$OlderPosts$>">older →</a></div>
</div></div>
<div id="three" style="display: none;"><div class="entries-background">
<div class="entries-title">Bias</div>
<br/>
Change with your word
</div></div>
<div id="four" style="display: none;"><div class="entries-background">
<div class="entries-title">Friends</div>
<br/>
<center><a class="link" href="http://chocollyheart.blogspot.com/">Afiqah</a>
<a class="link" href="http://auliasuciwardina.blogspot.com/">Aulia</a>
<a class="link" href="http://auliasuciwardinaa.blogspot.com/">Strawberry Cream</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a>
<a class="link" href="">Friends</a></center>
</div></div>
</body></head></html>


Wassalamu'alaikum

Credit by: Cik Fiqah

0 comment

Older Post | Newer Post
✿ ✿ ✿ ✿ ✿ ✿