Template Return Over

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


Requested by Rifa
Nih satu template lagi. Tapi khusus untuk template classic aja ya! Yang mau ambil, comment dulu!
Kurang lebih sepeti ini,


Nih kodenya,

<html><head>
<title>Return Over</title><style type="text/css">
#navbar-iframe {display: none;}
body {cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQl3rkziWkCVvI_-ba21Zg8dbndYlMzc6LTWvSgMSp7TJiUiiU0EbjBMBPyw39HJ65u2aasQ07n2RS2-nX7AjNGYs4Y5VHvVQHAz3x4DlRAyTyVA07n8avdqMgN5o-ImXW7qHEa5591Vrk/s1600/crosshair5.png'), auto;color: #555;font:11px trebuchet ms;background:#fff;}
a:link,a:active,a:visited {text-decoration:none;color:#FFB8B8;-webkit-transition: 0.3s;}
a:hover{color: #fff;background:#eee;text-decoration:none;-webkit-transition: 0.3s;}
.blogger-labels{border-top:1px dotted #FFB8B8;font:9px trebuchet ms;letter-spacing:1px;color:#555;text-transform:uppercase;}
::-webkit-scrollbar {height: 12px;width: 8px;background: #fff;}
::-webkit-scrollbar-thumb {border:1px solid pink;}
blockquote { padding:5px;border:1px dashed pink;padding-left: 25px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ViIbQFawuVm07h9zAk9e2Zb2L_Jx643X-f8Vlcx14Q0vpKUyql682EaoTXXKR1kil6hB7JGMHr2uOyB-DUQnsyawdEcBHjY5XrK3ucOV-EGeWBqySBuTtfNqv1oCzjFlNlEvetVCi2A/s1600/pink.png) repeat-y; background-size: 20px 20px; color: #555; -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{right:180px;position:absolute;top:100px;width:620px;}
.entries-background {border:2px solid #FFE0E0;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.05);margin-bottom:30px;-webkit-transition:0.5s;-moz-transition:0.5s;}
.entries-background:hover {border:2px solid  #FFB8B8;background:#fff;padding:10px;-webkit-transition:0.5s;-moz-transition:0.5s;margin-bottom:30px;}
.entries-title {border-bottom:2px solid pink;border-top:1px dashed  #FFB8B8;text-transform:uppercase;font-size:12px;color:#aaa;padding:4px;font-family:consolas;letter-spacing:3px;margin-top:12px;margin-bottom:5px;text-align:center;font-weight:normal;}
a.older{padding:2px 10px 2px 10px;margin-top:-20px;margin-bottom:10px;text-transform:uppercase;background:#FFF5F5;border:1px solid pink;letter-spacing:2px;color:#555;font:9px trebuchet ms;float:right;}
a.newer{padding:2px 10px 2px 10px;margin-top:-20px;margin-bottom:10px;text-transform:uppercase;background:#FFF5F5;border:1px solid pink;letter-spacing:2px;color:#555;font:9px trebuchet ms;float:left;}
#title {font-family:theonlyexception;letter-spacing: 2px;font-size: 65px;color: pink}
@font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}
#navi a {padding:5px;width:192px;background: #FFE0E0;font: 10px 'arial';
text-transform:uppercase;color:#999;letter-spacing:2px;display:block;margin:5px;text-align:center;z-index:2222;}
#navi a:hover {background:#FFC2C2;color: transparent;}
a #navi1 {margin-top:-11px;margin-left:-25px;color: transparent;z-index:6666;-webkit-transition:0.5s;-moz-transition:0.5s;}
a:hover #navi1 {color:#fff;width:160px;padding:2px 2px 2px 15px;margin-top:-15px;margin-left:2px;-webkit-transition:0.5s;-moz-transition:0.5s;}
#com{width:200px;margin-top: -5px;margin-left:-10px;padding:2px;letter-spacing:2px;position: absolute;font: 10px 'arial';text-transform:uppercase;  background:#FFF5F5;color:#444;font-size: 8px;text-align: center;-webkit-transition:0.5s;-moz-transition:0.5s;opacity: 0;}
.entries-background:hover #com {opacity: 1;padding-left:20px;text-align: center;width:594px;overflow:hidden;-webkit-transition:0.5s;-moz-transition:0.5s;}
#sidee {position:fixed;overflow:hidden;top:220px;left: 200px; width:300px;}
#side {z-index:444;padding: 10px;width: 185px;height: 98px;margin-left: 38px;margin-top: 10px;background-color: #FFE0E0;}
#side img {z-index:444;max-width: 185px;}
.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="title" style="right:280px;position:absolute;top:10px; ">Return Over</div>
<div id="sidee">
<div id="side"><img src="http://data.whicdn.com/images/30521115/tumblr_m5k6s1HBZI1qimkrpo1_500_large.gif"></div>
<div id="navi" style="margin-left: 35px;margin-top:10px;">
<a href="http://www.blogger.com/profile/11539663776071135318">Owner<div id="navi1">Profile</div></a>
<a href="follow id">Keep in Touch<div id="navi1">Follow</div></a>
<a href="cbox.ws">Leave a Message<div id="navi1">Cbox</div></a>
<a href="http://auliasuciwardinaa.blogspot.com/">Another Extra Link<div id="navi1">Auliaa</div></a>
</div></div>
<blogger><div class="entries-position">
<div id="main"><div class="entries-background">
<div id="com">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <BlogItemDateTime> @ <$BlogItemDateTime$></BlogItemDateTime>, you can leave your <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comment </a>(<$BlogItemCommentCount$>)</BlogItemCommentsEnabled> (0)</BlogItemCommentsEnabled></div>
<div class="entries-title"><$BlogItemTitle$></div>
<$BlogItemBody$>
</div></div></blogger>
</head></html>



Credit by: Cik Fiqah

0 comment

Older Post | Newer Post
✿ ✿ ✿ ✿ ✿ ✿