...

ลำดับตอนที่ #1 : Fly Away

<style type="text/css">

/*จัดตำแหน่งไอดี-Sakurai Winter*/

#body { position:absolute;

margin-left:auto;

margin-right:auto; }</style>

<style type="text/css">

.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}

.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}</style>

<link href="http://media.tumblr.com/tumblr_m2oadeFufw1qdlkyg.gif" rel="shortcut icon" />

<base target="_blank" />

<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" />

<title></title>

<style type="text/css">

#navbar-iframe {

display: none;

}

 

body {

background:url(http://i.imgur.com/r9lmj.png);

background-attachment: fixed;

font-family: trebuchet ms;

font-size: 11px;

text-align: left;

}

 

a:link,a:visited{

text-decoration:none;

color:#aaa;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

a:hover{

border-bottom:2px solid #FF6C6C;

cursor:url( http://i1196.photobucket.com/albums/aa406/tieqaonew/04-1.gif),auto;

}

 

.title {

margin-bottom: -9px;

border-radius: 3px;

padding-bottom: 7px;

font: 29px bebas neue ;

text-align:center;

color:#595959;

margin-top:2px;

letter-spacing:1px;

}

 

@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }

 

.title1 {

font-family: trebuchet ms;

font-size:10px;

letter-spacing: 2px;

text-transform: uppercase;

line-height:16px;

color: #8E8E8E;

text-align: center;

background: #EBDED4;

margin-bottom: 20px;

}

 

.f2{

letter-spacing: 2px;

border-top: 1px solid #f2f2f2;

font:8px 'lala';

text-transform: uppercase;

background-color: #fff;

text-align:center;

padding-top:6px;

color:#999;

}

 

@font-face {font-family:lala;src: url(http://static.tumblr.com/tjzfmfv/vbEm08r8p/04b_03__.ttf); }

 

 

 

blockquote{ 

border:1px dashed #dcdcdc;

padding: 5px;

-webkit-transition:0.5s;

}

 

#flaw {

color:#595959;

font: 135px 'Amatic SC';

text-align: center;

letter-spacing: 2px;

padding:1px; }

 

 

 

.navi{

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.navi:hover {

border-bottom:1px solid #eee;

background: #fff;

color:#555;

}

 

i {

color:#555;

}

 

b {

color:#000;

}

 

 

 

::-webkit-scrollbar { width: 10px; height: 5px; }

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background-color: #fff; }

::-webkit-scrollbar-track-piece  { background-color: #FFFFFF; }

::-webkit-scrollbar-thumb { height: 22px; background-color: #aacfc8 }

 

 

::selection {

background:#CAE5FF;

color: #ffffff;

}

 

u {

text-decoration: none;

border-bottom: 2px solid #CAE5FF;

}

 

@font-face{font-family:ihatcs;src:url('http://static.tumblr.com/qxtp9bl/Cswmobk9j/ihatcs__.ttf')

}

 

.h1 {

background:url(http://i.imgur.com/zmOGK6u.gif);

background-size:40px;

display:block;

padding:10px;

border:1px solid #eee; 

color:#888;

text-align:left;

font:300 21px Amatic SC;

text-transform:uppercase;

 box-shadow:0 0 5px #ccc;

 border:5px solid #fff;

}

 

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

}

 

.abc {

text-align:left; 

text-transform:uppercase; 

font-family:tinytots; 

color:#999;

font-size:8px; 

margin-bottom:3px;

}

 

 

.h2 {

border:2px dotted #fff;

background-image: -webkit-linear-gradient(right, #fafafa, #DEF2E2);

margin-bottom:10px;

font-size:10px;

text-align:center;

letter-spacing:2px;

}

 

.jieun {

display:inline-block;

width: 270px;

padding:3px;

margin:5px;

background:#F7F7F7;

font:8.3px ki;

text-align:left;

Text-decoration:none;

color:#b0b0b0;

text-transform:uppercase;

border:0px solid #b1b1b1;

}

 

.jieun:hover{

display:inline-block;

width: 270px;

padding:3px;

margin:5px;

background:#F7F7F7;

font:8.3px ki;

text-align:left;

Text-decoration:none;

color:#fff;

text-transform:uppercase;

border:0px solid #b1b1b1;

} 

 

@font-face {

font-family:ki !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

 

 

 

/* Comments

----------------------------------------------- */

#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #aaaaaa; line-height:10px; border-bottom: 1px dashed #dedede; background: ; font-weight:normal;}

#comments h4 strong {font-size:8pt tahoma;}

#comments-block {background: ; font:normal 8pt arial; line-height:1.2em; padding:4px;}

#comments-block dt { margin:.5em 0;}

#comments-block dd { margin:.25em 0 0;}

#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}

#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:1px solid #dedede; border-radius:2px;}

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

.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}

.unneeded-paging-control { visibility: hidden;}</style>

<center>

<div id="flaw">

Fly Away</div>

</center>

<div style="width:900px;padding-left:8px;padding-top:8px;padding-right:8px;background:url(http://i.imgur.com/SpDPE.png);margin:auto;">

<table align="center" border="0" cellspacing="8" style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900">

<tbody>

<tr>

<td style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;" valign="top">

<center>

<div style="text-align: center;">

&nbsp;<a class="navi" href="/" target="_blank" title="twitter">addme</a>&nbsp;<a class="navi" href="/" title="follow">qmsg</a>&nbsp;<a class="navi" href="/" title="D'board">writer</a>&nbsp;<a class="navi" href="/" title="D'board">qmsg</a></div>

</center>

<div style="text-align: center;">

&nbsp;</div>

<div class="h1" style="text-align: center;">

owner</div>

<div style="text-align: center;">

&nbsp;</div>

<center>

<div style="text-align: center;">

<br />

( ใส่ข้อความที่ต้องการลงไป )<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

<br />

&nbsp;</div>

</center>

<div class="h1" style="text-align: center;">

(.............write it)</div>

<div style="text-align: center;">

&nbsp;</div>

<center>

<div style="text-align: center;">

( ใส่ข้อความที่ต้องการลงไป )<br />

.<br />

.<br />

.<br />

.<br />

.</div>

</center>

<div style="text-align: center;">

&nbsp;</div>

<div class="h1" style="text-align: center;">

Credits</div>

<div style="text-align: center;">

&nbsp;</div>

<center>

<center>

<div style="text-align: center;">

&copy; Template design by <a href="http://yup-diela.blogspot.com/"> Adila</a>. thanks for Base code by <a href="nurulatiqahjaidin.blogspot.com"> Atiqah</a>.<br />

edit code by :&nbsp;<a href="http://writer.dek-d.com/seo-yuri/" target="_blank">- naxquiz ◇</a></div>

</center>

<div style="text-align: center;">

&nbsp;</div>

<center>

<div style="text-align: center;">

<!-- Generated by AudioPlay Online Generator (http://www.strangecube.com/audioplay/) --></div>

<div style="text-align: center;">

&nbsp;</div>

<div style="text-align: center;">

<blogger>

<center>

&nbsp;</center>

</blogger></div>

<div id="about" style="display: none;">

<div class="title">

MY PROFILE HERE</div>

<div class="f2">

bla bla about yourself here!</div>

<div style="text-align: center;">

&nbsp;</div>

<center>

<div style="text-align: center;">

<img src="http://31.media.tumblr.com/bd10443f85f7303759d0526ddc5cc11b/tumblr_mqv7mxr3Sl1rbavh7o1_500.png" style="background:#eee; 

padding: 5px; width: 400px;" /></div>

</center>

<div style="text-align: center;">

&nbsp;</div>

<center>

<div style="text-align: center;">

&bull; PUT YOUR PROFILE HERE &bull;</div>

</center>

</div>

</center>

</center>

</td>

</tr>

</tbody>

</table>

</div>

<div id="journal" style="display: none;">

<blogger>

<div class="title">

<blogitemtitle>&lt;$BlogItemTitle$&gt;</blogitemtitle></div>

<div class="f2">

<blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> &bull; &lt;$BlogItemDateTime$&gt; &bull; <a href="&lt;$BlogItemCommentCreate$&gt;">&gt; &lt;$BlogItemCommentCount$&gt; comments</a><br />

<br />

<br />

&nbsp;</div>

&lt;$BlogItemBody$&gt;

<center>

<br />

<mainpage> <blogitemcommentsenabled> <blogitemcommentsenabled></blogitemcommentsenabled><a blogitemcommentsenabled="" href="&lt;$BlogItemCommentCreate$&gt;"> </a></blogitemcommentsenabled></mainpage><a blogitemcommentsenabled="" href="&lt;$BlogItemCommentCreate$&gt;"> </a><br />

<div --="" a="" begin="" blogitemcommentsenabled="" class="comment-poster" comments="" div="" dl="" dt="" href="&lt;$BlogItemCommentCreate$&gt;" id="&quot;&lt;$BlogCommentAnchorName$" name="comments" style="text-align:right;">

&quot;&gt;<a name="&lt;$BlogCommentAnchorName$&gt;"></a> &lt;$I18NCommentAuthorSaid$&gt;

<dl>

<dd class="comment-body">

<p>

&lt;$BlogCommentBody$&gt;</p>

</dd>

<dd class="comment-timestamp">

<a href="&lt;$BlogCommentPermalinkURL$&gt;" title="comment permalink">&lt;$BlogCommentDateTime$&gt;</a> &lt;$BlogCommentDeleteIcon$&gt;</dd>

<dd>

&lt;$CommentPager$&gt;</dd>

</dl>

<p class="comment-timestamp">

&lt;$BlogItemCreate$&gt;</p>

<p class="comment-timestamp">

&nbsp;</p>

</div>

<!-- End #comments --><br />

<center>

<olderposts><a href="&lt;$OlderPosts$">&gt;<img src="http://1.bp.blogspot.com/-pfAutEPKX7s/UDmnBRZ7goI/AAAAAAAALTI/Zk2onv0cn58/s1600/backgrey.png" /></a> </olderposts> <newerposts> | <a href="&lt;$NewerPosts$">&gt;<img src="http://3.bp.blogspot.com/-O6m7eq9c7F8/UDmnTKzvamI/AAAAAAAALT4/lwTz7DHCRpk/s1600/nextgrey.png" /></a></newerposts></center>

</center>

</blogger></div>

<blogger>

<div id="stuffs" style="display: none;">

<div class="title">

THE TUTOBIES</div>

<div class="f2">

replace wth yours</div>

<br />

<center>

<img src="http://i.imgur.com/wwgq2Ew.png" style="background:#eee; 

padding: 5px; width: 400px;" /></center>

<br />

<div class="h2">

TUTORIALS</div>

<a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a> <a class="jieun" href="http://www.blogger.com/">Tutorial</a><br />

<br />

<div class="h2">

FREEBIES</div>

<a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a> <a class="jieun" href="http://www.blogger.com/">Freebies</a></div>

</blogger>