Template Darkness in a Dark

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


Nih saya punya template baru. Buat laki-laki juga bisa, tapi yang mau comment dulu ya!
kurang lebih kaya gini,


Nih kode nya, khusus untuk template classic

<html><head><link href='http://media.tumblr.com/tumblr_m4svhkiHpK1rpdvzr.gif' rel='icon' type='image/x-icon'/><title>Darkness in a Dark</title>
<!-------Credit: http://chocollyheart.blogspot.com/*Do not remove this section!--------!>
<style type="text/css">
#navbar-iframe{display: none;}

body {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FyzxtbJ02JLoITOsQfdwaOO933pQxF1U0J-DYJQwny_HwYwQ9DNxmltoeav4V-fVFyhtMBNXDV0s5ljhKmlwY1YYnCT_CnOoZdJ8Av41E3JqYSicu4BxEaNO_FVpcLeDiUgeaHugWH4/s1600/black.jpg) top repeat fixed;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX515-A-lmJEWiMJa0AQscFt3yl-MQzR_xOIs6yzxshLtuH3-vMNvAYhn_zFamPI1BXMhc-TH8h4eQCHrLNjt-glvHbisnh27bItFmNiG4QPMjnB-HQbu5dNFlk5w4PiB-6DLuBiK-4YHV/s1600/infinite2.png) auto;font-family: arial;font-size: 11px;letter-spacing: 0px;line-height: 17px;color: #5E5E5E;text-align: justify;}
.entries-position{right:15%;position:absolute;top:40px; width:620px;}
.entries-background {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3xh8WVH-P_FMPUpqSUMLqrxz_WQ7x9KhBfr7BuOxT4Hta_msWbXBo22Orp70Bw44ZN-ESps2oywrOGJVtqdlqb5_OMsN4Z7fpZwJDKLi9mUXOjo-AUByl5OjVtWMaPW4NkVgx39mg04/s1600/white.png);padding:10px;margin-bottom:30px; 

.entries-title {background: #828282 ;font-size:11pt;color:#fff;font-family:consolas;letter-spacing:3px;margin-left:-15px;margin-bottom:10px;margin-right:-15px;text-align:center;text-transform: uppercase;font-weight:normal;}
.comment-entries {background: #828282 ;font-size:11pt;color:#fff;font-family:consolas;letter-spacing:3px;margin-left:-15px;margin-bottom:10px;margin-right:-15px;text-align:center;font-weight:normal;}
blockquote{background:#fff;border: 1px dashed #888;padding-right:10px;padding-left:10px;text-align:left;padding-top:5px;padding-bottom:5px;color: #888;-webkit-transition: 0.3s;}
a:link,a:active,a:visited {text-decoration:none;color:#A6A6A6;}
a:hover{color: #777;text-decoration: none;}


.lovee        {position:fixed;text-decoration:none;-webkit-transition-duration: .60s;background: transparent;color:  #444;padding:2px;font-family:dawningofanewday;font-size:40px;text-transform: none;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);letter-spacing: 1px;}

::selection{background:transparent;color:#ffffff;}
::-moz-selection{background:#000000;color:#ffffff;}
::-webkit-scrollbar {height:12px;width: 10px;background: #000;}
::-webkit-scrollbar-thumb {background-color: #3D3D3D ;}
.tr-caption{font:8px pixel;background:#000;color:#fff;text-transform:uppercase;padding:1px 2px}

@font-face {font-family: "bebasne";src: url('http://static.tumblr.com/ls875kd/nuNlvxgvd/bebasneue.otf');}

a.nav{background: #333333;color:#fff;font:11px consolas;text-transform:uppercase;padding:2px 6px;margin:0;letter-spacing:2px;-moz-transition: 2.5s;-webkit-transition: 2.5s;}

a.nav:hover{background:#fff;color: #333333;-moz-transition: 0.5s;-webkit-transition: 0.5s;  }
#line{position:fixed; padding:2px; left:50px; top:0px; width:40px;border-left:10px solid #444;height:100%; background: #eee; }

@font-face {font-family: "dawningofanewday";src: url('http://static.tumblr.com/jtqlgf2/SeUm2ds6e/dawningofanewday.ttf');}
#links{position:absolute;left: 104px;font-style:italic;top:30px;}

#link, #link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10{width:auto;position:absolute;left:0px;border-radius: 0px 10px 10px 0px;padding: 2px 15px 1px 15px;-moz-transition: 0.7s;-webkit-transition: 0.7s; word-wrap: normal;}


#link:hover, #link1:hover, #link2:hover, #link3:hover, #link4:hover, #link5:hover, #link6:hover, #link7:hover, #link8:hover, #link9:hover, #link10:hover{padding: 2px 30px 1px 45px;color:#ffffff;-moz-transition: 0.7s;-webkit-transition: 0.7s; }


#link{background-color:#ADD6FF;color:transparent;top:50px;z-index:40;}

#asklink:hover{color:#999;background-color:#eee;}

#link1{background:#FFB8FF;color:transparent;top:80px;z-index:35;}
#link1:hover{color:#999;background-color:#eee;}

#link2{background:#DBB8FF;color:transparent;top:110px;z-index:30;}
#link2:hover{color:#999;background-color:#eee;}

#link3{background:#DBFFB8;color:transparent;top:140px;z-index:25;}
#link3:hover{color:#999;background-color:#eee;}

#link4{background:#FFFF85;color:transparent;top:170px;z-index:22;}
#link4:hover{color:#999;background-color:#eee;}


#link5{background:#FFD685;color:transparent;top:200px;z-index:20;}

#link5:hover{color:#999;background-color:#eee;}


#link6{background:#C2FFE0;color:transparent;top:230px;z-index:17;}
#link6:hover{color:#999;background-color:#eee;}

#link7{background:#FFB8B8;color:transparent;top:260px;z-index:158;}
#link7:hover{color:#999;background-color:#eee;}
#link8{width:80px;background:#AD855C;color:transparent;top:290px;z-index:258;}
#link8:hover{color:#999;background-color:#eee;}
#link9{width:60px;background:#94B8B8;color:transparent;top:320px;z-index:358;}
#link9:hover{color:#999;background-color:#eee;}
#link10{width:20px;background:#66E0C2;color:transparent;top:350px;z-index:58;}
#link10:hover{color:#999;background-color:#eee;}
#link table, #link1 table, #link2 table, #link3 table, #link4 table, #link5 table, #link6 table, #link7 table{position:fixed;right:-5px;opacity:0;width:1px;color:#ddd;height:1px;padding:5px;font-family: georgia;font-style:italic;font-size:10px;left:120px;display:block;background-color:#555;position:absolute;top:20px;-moz-transition: 0.6s;-webkit-transition: 0.6s; overflow-y:hidden;}

#link:hover table, #link1:hover table, #link2:hover table, #link3:hover table, #link4:hover table, #link5:hover table, #link6:hover table, #link7:hover table{opacity:1;width:200px;-moz-transition: 0.6s;-webkit-transition: 0.6s; height:100px;}

.text{}

.text a{display:block;height:13px;width:180px;text-align:center;padding: 3px 0px 3px 0px;-moz-transition: 0.9s;-webkit-transition: 0.9s; }

</style><body><style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX515-A-lmJEWiMJa0AQscFt3yl-MQzR_xOIs6yzxshLtuH3-vMNvAYhn_zFamPI1BXMhc-TH8h4eQCHrLNjt-glvHbisnh27bItFmNiG4QPMjnB-HQbu5dNFlk5w4PiB-6DLuBiK-4YHV/s1600/infinite2.png),progress;}</style>
<div id="line"></div><div style="position:fixed; top:55px;"><div id="links">
<div id="link">DISCLAIMER<table><tr><td class="text">Put this section with Welcoming Speech, kind of welcome to this blog. Make sure not be too long for the good quality.</td></tr></table></div>
<div id="link1">PROFILE<table><tr><td class="text">Put these parts of yourself. Make sure not too long so that good quality.</td></tr></table></div>

<div id="link2">TAGBOARD<table><tr><td class="text">Put your tagboard at here.</td></tr></table></div>
<div id="link3">AFFILIATES <table><tr><td class="text">put your friends and enemy at here.</td></tr></table></div>
<a href="#"><div id="link4" >TUMBLR</div></a><a href="#"><div id="link5" >WeHeartIt</div></a><a href="#"><div id="link6">TWITTER</div></a><a href="http://chocollyheart.blogspot.com/"><div id="link7">CREDIT</div></a><a href="http://auliasuciwardinaa.blogspot.com/"><div id="link8">CREDIT</div></a><a href="<$OlderPosts$>"><div id="link9">OLDER</div></a><a href="<$NewerPosts$>"><div id="link10">NEWER </div></a>
</div></div></div>
<div style="position:fixed; top:280px; left:-70px; width:800px;"><a class="lovee">darkness in a dark</a></div>
<div class="entries-position"><blogger><div class="entries-background"><div class="entries-title"><blogitemtitle><$BlogItemTitle$></BlogItemTitle></div><$BlogItemBody$><div class="comment-entries">{<a style="color:#fff;" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>} MIND TO LEAVE A COMMENT ?</a></BlogItemCommentsEnabled></div></div></blogger>
</body></html>


Credit by: Cik Fiqah
Older Post | Newer Post