นิยาย ' z e d a ❖ | 한국의。 > ลำดับตอนที่ #2 : ' z e d a

ลำดับตอนที่ #2 : ' z e d a | E X O

อัปเดตล่าสุด 9 ธ.ค. 56

EXO . EXOFAN

GET CODE

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/elERm.png
"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<center><img src="http://i.imgur.com/M9GoGuY.png" /></center>
<title>XOXO</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
cursor: url(http://2.bp.blogspot.com/-BWVLeelZdHk/TtmH-hMJ5XI/AAAAAAAAENo/CS5CT3jT3fE/s1600/04.gif), auto;
background: url(http://i.imgur.com/h2e1k.png
);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
cursor: url(http://2.bp.blogspot.com/-BWVLeelZdHk/TtmH-hMJ5XI/AAAAAAAAENo/CS5CT3jT3fE/s1600/04.gif), auto;
-webkit-transition-duration: 0.5s;
color: #000;
}
.mainblog {
background:#ffffff;font-size: 11px;
color:#000;
padding:14px;
width:600px;
border-radius:13px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;font-size: 11px;
color: #000;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
letter-spacing: 2px;
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #a9a9a9;
}
.title2 {
color:#a9a9a9; letter-spacing: 2px;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic; font-family: trebuchet ms; letter-spacing: 2px;
font-size:10px;
margin-bottom:2em;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #6c5656;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #fff;
}
blockquote { 
padding-left: 18px; 
background:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
padding-bottom : 7px;
font-family: "verdana"; font-size:10px; 
border-left: 0px solid #000;
text-shadow:1px 1px 0px #fff;
color:#898888; 
width:448px; margin-left:10px; 
padding-right:6px; padding-top:7px; 
border-bottom:1px dashed #f295aa; 
border-right:1px dashed #f295aa;
border-top:1px dashed #68baaf; 
border-left:1px dashed #68baaf;
} 
-webkit-transition:2s;
color:#111;
background: url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png);
border-left:9px solid #ffa1c2; border-right:9px solid #eee; border-top: 1px dashed #ffcaca; border-bottom: 1px dashed #ffcaca;
padding:8px;
border-radius:8px;
}
blockquote:hover {
box-shadow:0px 0px 25px #ffa1c2;
color:#000000;
border-right:9px solid #ffa1c2; border-left:9px solid #eee;
padding:8px;
border-radius:10px;
}

.navigate {
background: #FC9EBD;display:inline-block;
color: #fff; border: 2px solid #FFF9BB; border-radius: 5px;padding: 6px;
}

.footer {
text-align: right;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
</style>

<body><br>
<table style="line-height: 17px;" width="880"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width:550px;">
<div class="mainblog">
<div id="entry">
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle>
</div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>

</blogger>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title2">Anyeong</div>
<center><img height="321" src="http://data.whicdn.com/images/64721556/large.gif" width="190" /></center>

<center> Replace this with your own </center>
</div>
<br>
<div class="sidebarblog">
<div class="title2">Choose One</div>
<center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">STORY</a> 
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">ABOUT</a> 
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a> 
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINKIES</a> 
</center>
</center></div>
<br>
<div class="sidebarblog">
<div class="title2">Chit Chat here</div>
<center>Put your cbox code here<center>
</div></br>
</center></div>
<br>
<div class="sidebarblog">
<div class="title2">Credit's</div>
<center><center>
Template by <a href="http://mysterydiamond.blogspot.com/">Park</a><a href="http://www.blogskins.com/me/baekyeolie">Hana</a> .<br>
Basecode by <a href="http://studentkecik.blogspot.com/">Student Kecik</a>.<br>
Header by <a href="http://nurulatiqahjaidin.blogspot.com/">Atiqah</a>.<br>
Help by <a href="http://snow-white.lolipop.jp/">E</a> 
<a href="http://pastelpatterns.com">X</a>
<a href="http://xiolu.tumblr.com/pixels">O</a>
<a href="http://weheartit.com/atin95">S</a>.</center></div>
<br>
</td>

<div id="diary" style="display: none;">-
<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div>
<br><$BlogItemBody$></br>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" align="left" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;margin-top:-4px;margin-left:3px;" allowTransparency="true"></iframe><br>

</blogger>
</div>

<div id="about" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/>About This crazy Fangirl</div><br>
<center><img height="321" src="http://data.whicdn.com/images/64522497/large.gif" width="500" /></center>

<img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" />&nbsp;<b>About me </b>
<br />
<b>Name : </b><br />
<b>Date of birth : </b><br />
<b>Nickname : </b><br />
<b>Born at : </b><br />
<b>Stay : </b><br />
<b>Hobbies :</b><br />
<b>Korean name : </b><br />
<b>Japanese name :</b><br />
<br />

<div id="stuff" style="display: none;">
<div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br>
<center>
<style>
.lulu{
background:url(http://i.imgur.com/tDtge.png);
color:#AAAAAA;
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
width:500px;
font-family:'hyperbole';
font-size:12px;
line-height:8px;
text-align:center;
padding-right:0px;
}

.eunji {
cursor:pointer;
display:inline-block;
text-align:left;
width:350px;
color:#888;
padding:1px;
background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);
color:#888;
background-repeat:no-repeat;
background-size:14px;
padding-left:15px;
line-height:18px;
}

.eunji:hover{
background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);
background-repeat:no-repeat;
background-size:14px; 
padding-left:15px;
line-height:18px;
color:#EAABFE
}
</style>
<div class="lulu">TUTORIAL</div>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
<a class="eunji" href="LINK">Coming soon</a>
</div>
</div>
</div>

<div id="link" style="display: none;">
<div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Wanna Exchange Links ?</div><br>

a.navigate5:hover {
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;
color: #e5d4b3;
text-decoration: none;
}
<center><a class="navigate5" href="http://studentkecik.blogspot.com/">Anis SK</a><a class="navigate5" href="http://mysterydiamond.blogspot.com/">Hana</a><a class="navigate5" href="http://nurulatiqahjaidin.blogspot.com/">Atiqah</a><a class="navigate5" href="http://junghaneul.blogspot.com/">Haneul</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a><a class="navigate5" href="http://www.blogger.com/">Friend</a>
<br></center><br>
<br>
</div>

</table></body></head></html>

GET CODE

<html>
<head> 
<title>into your world</title>

#container {
margin: 0 auto 0 auto;
width: 1024px;
padding: 2px;
}

a:link, a:visited, a:active 
{color:#d16536;text-decoration: none; font-weight: bold;  }
a:hover 
{cursor: help; color:#ffffff; text-transform : none;}

a.dd, a.dd:active, a.dd:visited, a.dd:link{
display:block;
color:#7fa6b5;
background:#d5eff3;
padding:4px;
text-align:left;
font-weight:normal;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #ecf0f0;
}

a.dd:hover{
display:block;
color:#effafb;
background:#9094b7;
padding:4px;

text-align:left;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #dee4e4;}

a.navi:link, a.navi:visited, a.navi:active { 
background: #d4ca75; 
color: #30795c; 
display: block; 
padding: 2px 5px; 
font-size: 9px;
 font-weight: bold; 
text-transform: uppercase; letter-spacing: 1px; 
margin: 1px;
}

a.navi:hover { 
background:#a8cc84;  
color: #7cb8a9;
}

a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited { 
width:60px;
height:60px;
display: inline-block;
color: #d1e5be;
font-size:16px;
margin: 2px;
line-height:60px;
text-align:center;
background: #aa9b47;
font-family:georgia; 
text-transform:lowercase; 
font-style: italic;
text-decoration:none;
font-weight:normal;
letter-spacing:-1px;
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

a.nav2:hover { 
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
width:90px;
color: #ea6021;
background: #82ad89;
}

ul { padding: 2px; list-style-type: none; } 
li { color: #2d8d88; background:#c2dcdc;text-align: left; width: 99%; float: left; margin-right: 2px;

margin-bottom: 2px; padding: 2px;  display: block; }

.dblogsidebar {
background-color:#e17835;
font-face: tahoma;
font-size:9px;
color:#fafefb;
padding: 2px;
text-align: justify;
padding:3px;
border-radius:10px;
}

.dblogsidebar2 {
background-color:#30795c;
font-face: tahoma;
font-size:9px;
color:#fafefb;
padding: 2px;
text-align: justify;
padding:3px;
border-radius:10px;
}

.dblogtitle {
font-family:arial; 
text-transform: uppercase;
font-size:11pt; 
color:#b36d48; 
text-align: center;
line-height: 10px; 
border-bottom:1px dashed #30795c; 
padding:6px;
}

.dtitle {
font-family:arial; 
text-transform: uppercase;
font-size:11pt; 
color:#e8b871; 
text-align: center;
line-height: 10px; 
padding:6px;
border-bottom:1px dashed #e8b871; 
}

.dblogcontent {
background-color:none;
font-face: tahoma;
font-size:11px;
line-height: 13px; 
color:#30795c;
padding: 2px;
text-align: justify;
padding:3px;
}

.dblogdate {
background-color:none;
font-face: tahoma;
font-size:9px;
color:#6d7f2d;
padding: 2px;
text-align: left;
padding:3px;
border-top:2px solid #6dd4b4;
}

u{ color: #a8cc84; border-bottom:1px solid #9684a1; }
b{ color:#cc441f; font-weight:bold;}
i { color:ffffff;font-style:italic;}
s{color:#7f7f7f; }

blockquote{
background:#d4ca75;
border-radius:10px;
  font-family:tahoma;
font-style:normal;
  font-size:7pt;
  color:#30795c;
letter-spacing:1px;
  line-height:10px;
padding:4px;
}
table {font-face: tahoma;font-size:9px;color:#b3803a;padding: 2px;text-align: justify;padding:3px;}</style>
</head>

<div align="justify"><br>
<div class=dblogsidebar>
<div class=dtitle>HEADER</div>
This is a layout specially made for <b>Blogger</b> user. No alteration or tweak to tumblr/domain layout is allowed.<br>

<br>
This layout is best viewed via GoogleChrome on 1024x768 resolution. <br><br>

This layout is featuring BAP, in their blonde-hair era; my fave era of BAP XD This is the first time I'm trying out the rounded navigation style up there, and do let me know if there's errors when using the navigation. <br><br>

Never remove the credit and do not use the coding as your basecode. Visit <u>Dorkistic.net</u> to request for your custom layout. Hope you like it and have a nice day!

<b> bold text</b> <i>italic text</i> <u>underlined text</u> <s>strikethrough text</s><br><br>
<blockquote>
blockquote preview</blockquote><br><br>
</div>
<p>

<div class=dblogsidebar2>
<div class=dtitle>LINKS</div>
<table width="100%" cellspacing="0" cellpadding="0"></tr>
<td width="50%">
<a class="navi" href="http://www.chingoo.com">chingoo</a>
<a class="navi" href="http://www.chingoo.com">chingoo</a>
<a class="navi" href="http://www.chingoo.com">chingoo</a>
</td>
<td width="50%">
<a class="navi" href="http://www.chingoo.com">chingoo</a>
<a class="navi" href="http://www.chingoo.com">chingoo</a>
<a class="navi" href="http://www.chingoo.com">chingoo</a>
</td></tr></table><br></div>

<p><div class=dblogsidebar>
<div class=dtitle>link us</div>
<center>
<br>
put your link button here
<br>
</center>
</div>

<p><div class=dblogsidebar2>
<div class=dtitle>ARCHIVE</div><br>
<center>
<select name="archivemenu" style="background:  none repeat scroll 0% 0%; width: 140px; font-size: 9px;

color:#2d8d88; font-family: Tahoma;" onchange=
"document.location.href=this.options[this.selectedIndex].value;">

<option selected>- MONTHLY-</option>

</select><br><br>
</center><br>
</div>
<p><div class=dblogsidebar>
<div class=dtitle>THANK YOU</div>
<ul>
<li>Content by : yourname</li>
<li>Designed by : <a href="http://dorkistic.net">Dorkistic.Net</a></li>
<li>Texture from : <a href="http://missesglass.deviantart.com">1</a>, <a href="http://spectacularstyle.deviantart.com">2</a></li>
<li>Hosted at : <a href="http://blogger.com">Blogger</a></li>
</ul><br><br><br><br><br><br></div>
</div></div><br>

</div>

<div class=dblogdate>
<b>DATE:</b><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> 
<b>TIME:</b>{<BlogItemDateTime><$BlogItemDateTime$></BlogItemDateTime>} 
<b>COMMENTS:</b> <MainOrArchivePage>
          <BlogItemCommentsEnabled> 
            <a href="<$BlogItemPermalinkURL$>">
              (<$BlogItemCommentCount$>) REPLIES<br>

</a>

</BlogItemCommentsEnabled>
        </MainOrArchivePage>
</center>
<ItemPage>
 <BlogItemCommentsEnabled>
  <div class="blogComments">
   Comments:
   <BlogItemComments>
   <div class="blogComment">
    <a name="<$BlogCommentNumber$>"></a> 
    <$BlogCommentBody$><br />

<div class="byline"><a href="<$BlogCommentPermalinkURL$>"title="permanent link">&hearts; </a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>
    <$BlogCommentDeleteIcon$>
   </div>
   </BlogItemComments>
   <$BlogItemCreate$>
  </div>
 </BlogItemCommentsEnabled>
 </ItemPage></center><br></div>
<br>
</Blogger>
<center>
<font size="6"><OlderPosts><a href="<$OlderPosts$>">&laquo;</a></OlderPosts>
<NewerPosts><a href="<$NewerPosts$>">&raquo;</a></NewerPosts></font>
</center>

<br>

<center>Layout by <a href="http://www.dorkistic.net">Dorkistic.Net</a></center>
</div>

</div>
<br>

</body>
</html>

GET CODE

<html>
<head> 
<title>exotic</title>

#container {
margin: 0 auto 0 auto;
width: 900px;
padding: 2px;
}

a:link, a:visited, a:active 
{color:#4d849e;text-decoration: none; font-weight: bold;  }
a:hover 
{cursor: help; color:#ce305b; text-transform : none;}

a.dd:hover{
display:block;
color:#effafb;
background:#9094b7;
padding:4px;

text-align:left;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #dee4e4;}

ul { padding: 2px; list-style-type: none; } 
li { color: #9cbbb5; background:#d5eff3;text-align: left; width: 99%; float: left; margin-right: 2px;

margin-bottom: 2px; padding: 2px;  display: block; }

.dblogtitle {
font-family:arial; 
text-transform: uppercase;
font-size:14pt; 
color:#daf1f3; 
background:#948d9b;
text-align: center;
line-height: 10px; 
padding:6px;
}

.dtitle {
font-family:arial; 
text-transform: uppercase;
font-size:14pt; 
color:#daf1f3; 
background:#cb485f;
text-align: center;
line-height: 10px; 
padding:6px;
}

.dblogcontent {
background-color:none;
font-face: tahoma;
font-size:12px;
color:#697198;
padding: 2px;
text-align: justify;
padding:3px;
}

.dblogdate {
background-color:none;
font-face: tahoma;
font-size:9px;
color:#9cbbb5;
padding: 2px;
text-align: left;
padding:3px;
}

u{ color: #ae757e; border-bottom:1px solid #f96f6d; }
b{ color:#912044; font-weight:bold;}
i { color:#82bac6;font-style:italic;}
s{color:#82bac6; }

blockquote{
background:#d5eff3;
  font-family:tahoma;
font-style:normal;
  font-size:8pt;
  color:#7fa6b5;
letter-spacing:1px;
  line-height:10px;
padding:4px;
}

</style>
</head>

<div align="justify"><br>
<div class=dtitle>HEADER</div>
his is a layout specially made for <b>Blogger</b> user. No alteration or tweak to tumblr/domain layout is allowed.<br>

<br>
This layout is best viewed via GoogleChrome on 1024x768 resolution. <br><br>

I received a few request to feature Exo in our freebies, and here is a special layout featuring Exo members. However, I'm sorry that I don't know much about the group that I don't know if this is Exo K or Exo M XD  <br><br>

Never remove the credit and do not use the coding as your basecode. Visit <u>Dorkistic.net</u> to request for your custom layout. Hope you like it and have a nice day!

<b> bold text</b> <i>italic text</i> <u>underlined text</u> <s>strikethrough text</s><br><br>
<blockquote>
blockquote preview</blockquote><br><br>
<p>

<div class=dtitle>STORIES</div>
<a class="dd" href="storylink"> author</a>
<a class="dd" href="storylink"> author</a>
<a class="dd" href="storylink"> author</a>
<a class="dd" href="storylink"> author</a>
<a class="dd" href="storylink"> author</a>

<br>

<p>
<div class=dtitle>LINKS</div>
<a class="dd" href="HOME"> LINKAGE</a>
<a class="dd" href="HOME"> LINKAGE</a>
<a class="dd" href="HOME"> LINKAGE</a>
<a class="dd" href="HOME"> LINKAGE</a>
<a class="dd" href="HOME"> LINKAGE</a>
<br>

<p>
<div class=dtitle>link us</div>
<center>
<br>
put your link button here
<br>
</center>

<p>
<div class=dtitle>ARCHIVE</div><br>
<center>
<select name="archivemenu" style="background:  none repeat scroll 0% 0%; width: 140px; font-size: 9px;

color:#a48387; font-family: Tahoma;" onchange=
"document.location.href=this.options[this.selectedIndex].value;">

<option selected>- MONTHLY-</option>

</select><br><br>
</center><br>

<p>
<div class=dtitle>THANK YOU</div
<ul>
<li>Content by : yourname</li>
<li>Designed by : <a href="http://dorkistic.net">Dorkistic.Net</a></li>
<li>Hosted at : <a href="http://blogger.com">Blogger</a></li>
</ul>
</div></div><br>

<div style="background:#F3FBFB;padding:4px;position: absolute; top:530px; left:260px; width:570px; overflow: auto;  border-radius: 10px;">
<br>
<center>
<a href="http://link.com">home</a> &clubs; 
<a href="http://link.com">about me</a> &clubs;
<a href="http://link.com">gallery</a> &clubs; 
<a href="http://link.com">stories</a> &clubs;
<a href="http://link.com">affies</a> &clubs; 
</center>
<br>
<Blogger>

</div>

</a>

<br>

<center>Layout by <a href="http://www.dorkistic.net">Dorkistic.Net</a></center>
</div>

</div>
<br>

</body>
</html>

GET CODE

<html>
<head>
<title>MR. RIGHT</title>
<link rel="shortcut icon" href="http://i.imgur.com/WSyIC5J.png">
<style>
body{
background:url('http://i.imgur.com/SitKKc2.png') fixed repeat #D9E6E1;
color:#929292;
font:11px tahoma;
}

#navbar-iframe{
display: none;
height: 0;
visibility: hidden;
}

#container{
background:#C0B9AC;
margin-top:0 auto;
margin:0 auto;
padding:0px;
width:700px;
border-bottom:2px solid #C0B9AC;}

#sidebar{
width:200px;
background:#EDEFE7;
background-image:url('');
padding:0px;
float:right;}

#navigation{
float:left;
width:700px;
height:30px;
background-color: #BBCAC4;
background-image:url('http://i.imgur.com/WSyIC5J.png');
text-align:center;}

#content{
width:495px;
background:#EDEFE7;
padding:2px;
float:left;}

#header{
width:700px;
background-color:#ffffff;
float:left;
padding:0px;
border-bottom:2px solid #C0B9AC;
}

#footer{
color:#808080;
font:10pt tahoma;
width:700px;
height:33px;
background-color:#333333;
background-image:url('http://i.imgur.com/WSyIC5J.png');
clear:both;}

a:active, a:visited, a:link { 
text-transform : lowercase;
color : #B9927F;
font-family :tahoma;
font-weight : normal;
text-decoration : none;

}
a:hover {
text-transform : lowercase;
color : #9D9B9A;
font-family : tahoma:
font-weight : normal;
text-decoration : none;

}

a.nava, a.nava:active, a.nava:visited, a.nava:link{
font-family:arial black;
font-size:17px;
color: #F4F4F2;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0px;
line-height:30px;
padding-left:2px;
padding-right:6px;
text-align:center;}

a.nava:hover{
color: #CEC6B8;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0px;
line-height:30px;
text-align:center;}

.box1 {
width: 96%;
background-color: #EDEFE7;
margin-bottom: 0px;
padding:4px;
}

a.link1:link, a.link1:visited, a.link1:active {
font-family:tahoma;
font-size:8pt;
line-height:14px;
color:#7B696F;
font-weight:normal;
text-decoration:none;
text-transform:normal;
text-align:left;
display:block;
padding-left:15px;
margin:0px;
background-color: #CEC6B8;
background-position:left;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#C6B4B0;
}
a.link1:hover {
font-family:tahoma;
font-size:8pt;
line-height:14px;
color:#7E5C65;
font-weight:normal;
text-decoration:none;
text-transform:normal;
text-align:left;
display:block;
padding-left:16px;
margin:0px;
background-color: #C6B4B0;
background-position:left;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#9D9B9A;
}

a.link2:link, a.link2:visited, a.link2:active {
font-family:tahoma;
font-size:8pt;
line-height:14px;
color:#7E7A7D;
font-weight:normal;
text-decoration:none;
text-transform:normal;
text-align:left;
display:block;
padding-left:15px;
margin:0px;
background-color: #BBCAC4;
background-position:left;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#839E94;
}
a.link2:hover {
font-family:tahoma;
font-size:8pt;
line-height:14px;
color:#7E5C65;
font-weight:normal;
text-decoration:none;
text-transform:normal;
text-align:left;
display:block;
padding-left:16px;
margin:0px;
background-color: #C5B4AE;
background-position:left;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#6D8055;
}

h1 {
text-transform:lowercase;
margin:0px;
background:#B0887D;
color:#F4F4F2;
font-size:16px;
letter-spacing:-1px;
line-height:20px;
text-align:center;
font-weight:normal;
}

h2 {
margin:0px;
text-transform:lowercase;
background:#9D9B9A;
color:#F4F4F2;
font-size:16px;
letter-spacing:-1px;
line-height:20px;
text-align:center;
font-weight:normal;
}

h3 {
margin:0px;
text-transform:lowercase;
background:#88758D;
color:#F4F4F2;
font-size:16px;
letter-spacing:-1px;
line-height:20px;
text-align:center;
font-weight:normal;
}

h4 {
margin:0px;
text-transform:lowercase;
background:#C6A79E;
color:#F4F4F2;
font-size:16px;
letter-spacing:-1px;
line-height:20px;
text-align:center;
font-weight:normal;
}

u{ color: #A8A6CF; border-bottom:1px solid #C9C8E1; }
b{ color:#935C53; font-weight:bold;}
i { color:#9A7B73;font-style:italic;}
s{color:#A6A38A; }

blockquote{
font-family:"lucida sans unicode";
font-size:10px;
line-height:11px;
text-align:justify;
font-weight:normal;
letter-spacing:-1px;
color:#997162;
padding:4px;
background:#FFFFFF;
border-right:2px solid #8A8989;
}

blockquote:hover{
font-family:"lucida sans unicode";
font-size:10px;
line-height:11px;
text-align:justify;
font-weight:normal;
letter-spacing:-1px;
color:#997162;
padding:4px;
background:#FFFFFF;
border-right:20px solid #8A8989;
}
</style>

</head>
<noembed><body></noembed>
<div id="container">
<div id="header">
<img src="http://i.imgur.com/louxFQD.png">
</div>

<div id="navigation">
<a href="http://you.blogspot.com" class="nava">home</a>
<a href="http://yourprofile.com" class="nava">profile</a>
<a href="http://twitter.com" class="nava">twitter</a>
<a href="http://facebook.com" class="nava">facebook</a>
<a href="http://instagram" class="nava">instagram</a>
<a href="http://formspring.me" class="nava">ask?</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURIDHERE"

class="nava">+follow</a>
</div>

<div id="sidebar"><div class="box1">
<h1>welcome</h1>
<div align="justify">
Hello there! Welcome to my blog! This would be the area for your short

introduction. if there are boxes that you don't want to use, just erase the

box. this is the <i>italic</i>, <b>bold</b>, <u>underline</u>, <a

href="http://link.com">link</a> and <s>strikethrough</s><br><br>

^^<br><br>

<blockquote>this is the blockquote</blockquote>
</div></div>

<div class="box1">
<h2>cbox</h2>
<div align="justify">
<i>add in you cbox, twitter script and whatnots here</i><br><br>
</div></div>

<div class="box1">
<h3>more box</h3>
<div align="justify">
extra box which you can remove if you don't need it ^^<br><br> ^^
</div></div>

<div class="box1">
<h4>freebies</h4>
<table width="100%" cellspacing="0" cellpadding="0"><tr><td

width="50%" valign="top">
<a href="http://blogger.com" class="link1">freebie1</a>
<a href="http://blogger.com" class="link2">freebie2</a>
<a href="http://blogger.com" class="link1">freebie3</a>
<a href="http://blogger.com" class="link2">freebie4</a>
<a href="http://blogger.com" class="link1">freebie5</a>
</td><td width="50%" valign="top">
<a href="http://blogger.com" class="link2">freebie6</a>
<a href="http://blogger.com" class="link1">freebie7</a>
<a href="http://blogger.com" class="link2">freebie8</a>
<a href="http://blogger.com" class="link1">freebie9</a>
<a href="http://blogger.com" class="link2">freebie10</a>
</td></tr></table>
</div>

<div class="box1">
<h1>tutorial</h1>
<table width="100%" cellspacing="0" cellpadding="0"><tr><td

width="50%" valign="top">
<a href="http://blogger.com" class="link1">tutorial1</a>
<a href="http://blogger.com" class="link2">tutorial2</a>
<a href="http://blogger.com" class="link1">tutorial3</a>
<a href="http://blogger.com" class="link2">tutorial4</a>
<a href="http://blogger.com" class="link1">tutorial5</a>
</td><td width="50%" valign="top">
<a href="http://blogger.com" class="link2">tutorial6</a>
<a href="http://blogger.com" class="link1">tutorial7</a>
<a href="http://blogger.com" class="link2">tutorial8</a>
<a href="http://blogger.com" class="link1">tutorial9</a>
<a href="http://blogger.com" class="link2">tutorial10</a>
</td></tr></table>
</div>

<div class="box1">
<h2>CREDENTIAL</h2>

<table width="100%" cellspacing="0" cellpadding="0"><tr><td

width="50%" valign="top">
<a href="http://feifrommy.blogspot.com" class="link1">layout by</a>
<a href="http://starlit3.com" class="link2">textures from</a>

</td><td width="50%" valign="top">
<a href="yourlink" class="link2">owned by</a>
<a href="http://blogger.com" class="link1">hosted at</a>

</td></tr></table>

<center><center><font size="10"><OlderPosts><a href=<$OlderPosts

$>&laquo;</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts

$>&raquo;</a></NewerPosts></font></center>
</center>
</div>
</div>
<Blogger><div id="content">
<h2><$BlogItemTitle$></h2>
<$BlogItemBody$>
</div>
</Blogger>
<div id="footer">
</div>
</html>

GET CODE

<html>
<head>
<div style="background:none;position:fixed; width:400px; bottom:126px; left:500px">
<center>Full Edited by <a href="http://kendankpop.blogspot.com">Ken Eriksen</a>. Basecode <a href="http://nurulatiqahjaidin.blogspot.com">Nurul Atiqah</a>. Extra Helps  <a href="http://wanaseoby.blogspot.com">Wana</a>.</center></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<base target='_blank'/>
<link rel="shortcut icon" href="http://media.tumblr.com/816900c5e0a6f1012c15ba97275a5eba/tumblr_inline_mpl4nskDvl1qz4rgp.gif" />
<br><br><br><br></br><center>

</script>

body {
background:#F5D0A9;
color: #999;
line-height: 13px;
text-align: justify;
font:10px cambria;
}

table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 9px arial;
letter-spacing: 1px;
color: #000;
line-height: 16px;
padding:5px;
border:solid 1px #fff
width:900px;
height: 500px;
overflow-x:hidden; 
overflow-y:scroll;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}

a{text-decoration:none ;
color:#000;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff;
background:#F5D0A9;
background-position:50% 80%;background-size:400px;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}

::-moz-selection {
background:#000;
color:#fff;
}

::selection {
background:#F6E3CE;
color:#fff;
}

i , s, strike {
color: #A4A4A4;
}

b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

a.linkies {
font-size: 9px;
font-family: Trebuchet Ms;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
display:inline-block;
text-align:center;
width: 20px;  
color: #fff; 
background:#D0DBFC;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}

a.linkies:hover{
display:inline-block;
text-align:center;
width: 20px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}

.h1 {
background:url(http://www.pastelpatterns.com/small/smallpattern-1.png);
color:#AAAAAA;
-webkit-transition: 1.0s; 
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
font-family:'cd';
font-size:20px;
line-height:12px;
border: solid 1px #;
text-align:center;
padding-right:0px;
}

@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}

.chan{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#E2ECEA;
font:8.3px pontano sans; 
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}

.chan:hover{
-webkit-transition-duration: 0.5s; color: #fff;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

blockquote {
width:500px;
text-align:left;
background: #fff;
border-bottom:5px solid #F6E3CE;
border-top:5px solid #F6E3CE;
border-right:1px dashed #f7f7f7;
border-left:1px dashed #f7f7f7;
padding:5px;
font:italic 11px trebuchet ms;}

.post-footer{
color:#fff;
text-align:right;
height:10px;
font-size:10px;
margin:15px 0px 15px;
border-top:1px dashed #F7F7F7;
}

a.teen1{
display:inline-block;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
padding-top:3px;
width:50px;
height:20px;
text-transform:uppercase;
color: #F6E3CE;
background:#F6E3CE;
text-align:center;
}

a.teen1:hover{
background:#F6E3CE;
}

.gege{
background:#F5D0A9;
text-align:left;
font:40px nipey;
letter-spacing:1px;
text-transform:none;
border-bottom:none;
border:1px solid #;
color:#fff;
height:20px;
padding:5px 25px 5px 5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.sidebar {
background:#F6E3CE;
text-align:center;
font: 9px 'arial';
text-transform:none;
letter-spacing:2px;
border-bottom:none;
border:1px solid #;
padding:5px 25px 5px 5px;
color:#fff;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

.sidebar:hover {
background: #fff;
color: #fff;}

.xialu {
margin-top:0px;
background:#F6E3CE;
width:80px;
border:0px solid #F0F0F0;
font-family:tt;
color: #000;
font-size: 10px;
font-family: arial;
padding:2px;
padding-left:15px;
letter-spacing:1px;
text-transform:block;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

a.nae {
letter-spacing:1px;
width:80px;
display:inline-block;
background:#F7F7F7;
color:#999;
border-left:solid 5px #BCD5D0;
cursor:vertical-text;
font:10px calibri;
padding:5px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none;
}

a.nae:hover{
border-left:2px solid #CFDFDC;
background:#D3E3E0;
padding-right:10px;
width:80;
}

img{
border:1px solid #f8f8f8;
padding:3px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

img:hover{
opacity:0.4;
}

a.navi{
font-family:tt;
text-transform: uppercase;
display:inline-block;
width:70px;
height:12px;
background:#fff;
color:#999;
font-size:8px ;
padding:2px;
margin:2px;
text-align:center;
letter-spacing:1px;
border-left:1px solid #f8f8f8;
border-right:1px solid #f8f8f8;
border-top:1px solid #f8f8f8;
border-bottom:1px solid #f8f8f8;
text-decoration:none;
}

a.navi:hover{
-webkit-transition-duration: 0.5s;  box-shadow: inset 85px 0 0px 0 #A4A4A4; color: #fff;
}

@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

::-webkit-scrollbar {
width: 6px;
height: 10px;
background:white;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #F5D0A9;
border: 0px solid #fff;
}

.hunhan2{ 
width:150px;height:150px;
-webkit-border-radius:100px 90px 100px 0px;
-moz-border-radius:100px 90px 100px 0px;
border-radius:100px 90px 100px 0px;
border: 0px solid #e6e6e6;-webkit-transition:1s;}

#okgo {
color: #F6E3CE;
text-align: center;
margin-top:20px;
margin-bottom:-20px;
font: bold 78px Marck Script;}
@font-face{font-family:u;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}

.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:#F6E3CE;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #fff;
font:italic bold 12px georgia;
}
.raejun:hover{
width:66px;
border-left:30px solid #fff;
}
a.jeonjin1 {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#F6E3CE;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #F7BE81;
border-bottom:none;
}
a.jeonjin1:hover{
background: #F7F2E0;
color:#333 !important;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
} 
#s-m-t-tooltip {
    background: #F7F2E0;/* change the background color */
    font-size: 9px;/* change the font size */
    line-height: 11px;
    font-family: cambria;/* change the font */
    letter-spacing: 2px;
    text-transform: lowercase;/* can be lowercase, uppercase, none */
    color: #000;/* change the text color */
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
}
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px; 
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}
</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/gy7omqvduh/exo-k_-_lucky_korean_version_.mp3&t0=Lucky&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">1</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">2</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">3</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">4</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">5</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">6</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">7</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">8</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">9</a>
<a class="jeonjin1" href="http://www.blogger.com/LINK" title="yourlink">10</a>
<div style="background:#F7BE81;width:500px;height:5px;">
</div>
<div style="display:inline-block;width:500px;padding-top:240px;border-radius:0px 0px 0px 0px;border:0px dotted #fff;border-bottom:none;background-repeat:no-repeat;background: url(http://data2.whicdn.com/images/81883395/large.gif);"></div>
<center>
<div style="border : 0px solid #F6E3CE;
width:500px;height: 330px;border-radius: 0px 0px 0px 0px;
padding:-90px;margin-top:-1px;
overflow-x:hidden; overflow-y:scroll;">
<center>

</style>
</head>
<div align="center">
</center>
<center>
<table border="0" cellspacing="0" cellpadding="15">
</center>
<tr>

<Blogger>
<div class="gege"><$BlogItemTitle$><br></div><div class="xialu" style="float:center;text-align:left;"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>

<div class="post-footer"><br>
</Blogger>
<div style="float:left"><a class="teen1" href=<$NewerPosts$>>newer</a></div><div style="float:right"><a class="teen1" href=<$OlderPosts$>>older</a>
</div>
</td>

<td id="o" style="display: none;">
<Blogger>
<div class="gege"><$BlogItemTitle$></div><div class="xialu" style="float:center;text-align:left;"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</br>

<div class="post-footer"><br>
</Blogger>
<div style="float:left"><a class="teen1" href=<$NewerPosts$>>newer</a></div><div style="float:right"><a class="teen2" href=<$OlderPosts$>>older</a>
</div>
</td>

<td id="k" style="display: none;">
<div class="gege">a b o u t ;</div><br>
<center><img src="http://data1.whicdn.com/images/73217829/large.jpg" style="
padding: 5px;" /></center>
<center>Replace with your profile</center>
</div>

<td id="p" style="display: none;">
<div class="gege">s t u f f ;</div><br>
<center><img src="http://i.imgur.com/E7n7eFI.png" style="
padding: 5px;" /></center><br>
<center><a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a>
<a class="chan" href="http://nurulatiqahjaidin.blogspot.com/2013/06/tutorial-tutorial-section-with-scrollbar.html">Tutorial</a><center>
</div>

</td>
</table>
</body>
</html>
<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>

GET CODE

</script>
<title>XOXO</title>

#navbar-iframe { display: none; }

body {
background: #fafafa;
cursor:url(http://i1358.photobucket.com/albums/q778/miezzashuhada/cursormustache2_zps8825499a.png);
color: #888888;
line-height: 15px;
text-align: justify;}

table {
background:url(http://i.imgur.com/ozUAZ.png);fixed;
font-family:"Century Gothic";
font-size:10px;
color: #555;
line-height: 20px;
border:3px solid #eee;
width:910px;
}

::-webkit-scrollbar-thumb{
background:#000;
border-radius:10px;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff);
}

a{text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{
color:#fff ;
background:url(http://images.fineartamerica.com/images-medium-large/doulble-stuff-oreo-in-black-and-white-rob-hans.jpg);
background-position:50% 80%;background-size:400px;
cursor: url(http://2.bp.blogspot.com/-UjNgF5mjbz0/T_5PilyhufI/AAAAAAAAIzY/sg9dBuoYVGQ/s1600/exotic.png), progress;
}

::-moz-selection {
background:#d3dbde;
color:#fff;
}

::selection {
background:#d3dbde;
color:#fff;
}

u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
-webkit-user-select:text;
-moz-user-select:text;
}
i {
font-family:trebuchet ms;
color:#C65271;
-webkit-user-select:text;
-moz-user-select:text;
}

blockquote {
text-align:left;
background:url(http://4.bp.blogspot.com/-Urh3g2MwkDM/UBBBMFORzjI/AAAAAAAADpk/mWsZjNeQMgk/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
border-bottom:1px solid #eee;
border-top:1px solid #eee;
border-right:1px dashed #eee;
border-left:1px dashed #eee;
padding:5px;
font:italic 11px trebuchet ms;}

.h1 {
border:2px dotted #fff;
background-image: -webkit-linear-gradient(right, #fafafa, #DEF2E2);
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}

@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}

a.oldernewer{
color:#fff;
background:url(http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:80px;
margin:2px;
text-align:center;margin-bottom:15px;
}

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
border:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/d736aa8ba9252da4e0e4a1b54b0aa089/tumblr_inline_mgpj6oqs3q1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
border:1px dotted #e9e7e7 ;
border-radius:5px;
font-size:11px;
margin:0em;
padding:5px;
color:#808080;
}

#main img{max-width:540px;padding:3px;margin-bottom:5px;border:1px solid #ddd;
}

@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}

.navis{
border: 1px solid #eee;
margin-left: 2px;
margin-bottom: 4px;
text-align: center;
width: 100px;
background: #fff;
display: inline-block;
color:#555;
font:normal 10px 'consolas';
text-transform: uppercase;
letter-spacing: 2px; 
padding:6px; 
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}
a.navis:hover {
border-bottom:1px solid #eee;
background: #fff;
color:#555;
}

.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

.umi1 {
background-image:url(http://media.tumblr.com/tumblr_m33wmvr3aE1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
color:#777;
margin-top:0px;
background:;
border-bottom:1px dashed #eee;
font:300 18px Yanone Kaffeesatz;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:uppercase;
}

@font-face {
font-family: 'Yanone Kaffeesatz';
font-style: normal;
font-weight: 100;
src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');
}

.lembu {
border:1px solid #eee;
background:url(http://4.bp.blogspot.com/-Urh3g2MwkDM/UBBBMFORzjI/AAAAAAAADpk/mWsZjNeQMgk/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
font-family:tt;
font-size:8px;
text-align:left;
letter-spacing:2px;
text-transform:uppercase;
padding:5px;
color:#000;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

img.gongju{
opacity: 2.75;
float: right;margin:10px;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
-webkit-transition: all 0.8s ease-out;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border:1px solid #eee;}

.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}

h4{
border:1px solid #eee;
background:#cccccc;
text-align:center;
color:#fff;
font:30px ttn !important;}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

#slider     {position:relative;} #slider img {display:none;width:750px;} #slider a {display:block;}
.nivoSlider {width:300px;height:260px;} .nivoSlider img {width:200px;height:130px;}
.nivo-slice {display:block;position:absolute; %;} .nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%; ;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;}
.slider     {width:100%;} .slider a {border:0;display:block;}
.slider img {position:absolute;top:0px;left:0px;display:none;width:250px;} .nivo-controlNav {display:none;}
.nivo-directionNav a {display:block;width:31px;height:34px;background:url() no-repeat;text-indent:-9999px;}
a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;}

a.navi{
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #f6f1ee;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

a.navi:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
top:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px; 
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}

textarea{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(http://2.bp.blogspot.com/-hLovSvyCALU/UBDyeJYKJ7I/AAAAAAAADsc/REU8_6hqyzs/s1600/tumblr_ltju9xWnQZ1qhvdofo5_250.png);border-radius:10px;outline: none;
color:#ddd;border:1px dashed #eee;
padding:15px;
letter-spacing:1px;
height:200px;width:95%;
overflow-x:hidden;
font: 11px consolas;color:#555;
overflow-y:scroll;margin-top:5px; margin-bottom:5px;}

</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/19evw0kep6/lucky_-_exo.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

</style>
<br>
<center><div style="display:inline-block;width:850px;">
<div style="display:inline-block;width:850px;padding-bottom:300px;border-radius:0px 0px 0px 0px;border:0px dotted #FBF8E0;border-bottom:none;background-repeat:no-repeat;background: url(http://i.imgur.com/eXPuAGy.png);"></center><br><Br>

<br>
<div id="slide" style=" background-color: #fff; position: absolute; height: 52px; width:915px; padding-left: 0px; top: 323px; left: 221px; 
border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6; border-left: 2px solid #e6e6e6;  "><br>
<center>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">home</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">linkies</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML">tutorial</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML">anythings</span>
<a class="navis" href="https://twitter.com/yupdiela" target="_blank">twitter</a>
<a class="navis" href="http://www.blogger.com/follow-blog.g?blogID=809010707573384555" target="_blank">follow</a>
</div><br><br/>

</head>
</style>
</head>

<tr>

<div class="lembu">Writter</div>
<br>
<center><img src="http://i.imgur.com/o9rk4pm.png" width="270" ></center>

Hello ppl. I'm a Alien from Exo planet. Part time as Exostan. Great planet full with 12 wolf that I love damn much. (Suho, Chen, Baekhyun, Luhan, Kris, Sehun, D.O, Tao, Kai, Xiumin, Lay, Chanyeol). Btw, Don't forget to leave your footstep.<br></br></div>

<div class="lembu">CBOX</div>
<br>
<div>Replace wth your cbox code
</div></div><br>

<div class="lembu">ARCHIEVE</div>

</div></div>
<br>

<div class="lembu">CREDIT</div>
<br>
© 2013 - Skins by <a href="http://yup-diela.blogspot.com">Adila</a> and basecode <a href="umihumairayusof.blogspot.com/">Mayra</a>. 
</div></div></td>

</td>

<Blogger>
<div class="lembu"><$BlogItemTitle$><br></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>

</p>

<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>
<ItemPage>

<Blogger>
<div class="lembu"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</br>

<div class="lembu">Owner of blog!</div>
<div class="umi1">All about me.</div>
<br>
<img class="gongju" SRC="http://i.imgur.com/lrUPcYB.jpg" width="180"><br>

<u><b>Basics:</b></u></br></br>
Name: Noradila </br>Known as: Adila </br>Age: 14 </br>Stat: K.Lumpur</br>Country: Malaysia</br>Fav. Colours: Black, Blue, and Soft Pink</br>Language: Malay and English</br>Hobby: blogging, Sleeping, Eating </br>Fav Quotes: Xo Xo L.o.v.e<br>
<br>
<b><u>Likes:</b></u></br></br>
♥ Exo</br>♥ Exo<br>♥ Exo</br>♥ Exo</br>♥ Exo</br></br>
<b><u>Dislikes</b></u></br></br>
✖ Haters (sasaeng)</br>✖ Haters (sasaeng)</br>✖ Haters (sasaeng)</br>✖ Haters (sasaeng)</br><br>
</div>

</td>

<div class="lembu">Linkies</div>
<div class="umi1">My friends. I love them.</div>
<br>
<center><img src="http://3.bp.blogspot.com/-kqYqVzf0KJU/UojJ234IqQI/AAAAAAAAAEk/owiJ1q8ALyI/s1600/BTuY9dzCMAEoMNP.png" width="418"/></center>
<br>

<a class="navi" href="http://yup-diela.blogspot.com/">Adila</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
<a class="navi" href="LINK">Exostan</a>
</center>
</div>

</div>
</td>

<div class="lembu">Le' Tutorials Freebies Section</div>
<div class="umi1">Tutobies that i wanna share.</div>
<br>

<div class="h1">Tutorials</div>

<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a>
<a class="jeonjin1" href="LINK">TUTORIAL</a><br>
<br>
<div class="h1">Tutorials</div>

</div></td>

<div class="lembu">Free page</div>
<div class="umi1">put anythings</div>
<br>

blogskins or bias or you can replca wth links

</center>
</div>

</table>
</div>
<script type="text/javascript" src="//www.blogger.com/static/v1/common/js/2216424884-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body>
</html>