นิยาย ' Chabela ● iD. Dream > ลำดับตอนที่ #19 : Chabela ● Nature friend : Dek-D.com

ลำดับตอนที่ #19

ลำดับตอนที่ #19 : Chabela ● Nature friend

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

Code แบบแก้แล้ว+แต่งให้เสร็จสรรพ

<title></title>
<div style=" background-image: url('http://3.bp.blogspot.com/-uZJ_LuGVxIQ/UMqmbJqNbnI/AAAAAAAAEf4/y9Tz81rQfM8/s1600/10+-+Copy.png'); top: 0px;  width: 20px; left:0px; height:100%;  ; position: fixed;">
	&nbsp;</div>
<div style=" background-image: url('http://1.bp.blogspot.com/-xa3Nn1uqYTY/UMqmcSZdVWI/AAAAAAAAEgA/T1pu9_3OaKY/s1600/10.png'); top:0px;  width: 40px; right:-7px; height: 100%;  ; position: fixed;">
	&nbsp;</div>
<div style=" background-image: url('http://dl8.glitter-graphics.net/pub/989/989358q68j6aq442.gif'); top: 0px; width: 100%;  height: 45px;  ; position: fixed; background-hover:filter:alpha(opacity=100);">
	&nbsp;</div>
<center>
	<div class="headerr">
		<center>
			Nature friend &hearts;</center>
	</div>
</center>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />

<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
<link href="http://fonts.googleapis.com/css?family=Croissant+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Qwigley" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Milonga" rel="stylesheet" type="text/css" />
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(http://24.media.tumblr.com/tumblr_lq9n070Lqb1qjex46o6_250.jpg);
background-attachment:fixed;
color:#808080;
font-family: arial;
font-size: 11px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur835.cur), auto;
}
a:link,a:visited{
text-decoration:none;
color:#999999;border:1px solid #ffffff;
-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:1px solid #E0E0E0;
background:#F5F5F5;
-webkit-transition-duration: 1.0s;
-moz-transition: 1.0s;
color:#999;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;
}
::-moz-selection {
background:#c1c1c1;
color:#FFFFFF;
}

::selection {
background:#c1c1c1;
color:#FFFFFF;
}

.headerr {
width:800px;
margin-top:70px;
padding:5px;
letter-spacing: 2px;
text-shadow: 0 0 0.2em #B8E6B8, 0 0 0.2em #B8E6B8;
font-size:60px;
color:#ffffff;
margin-bottom:10px;
text-align: center;
font-family: 'Croissant One', cursive;
-webkit-transition:1s;
}
.headerr:hover{
text-shadow: 0 0 1em #B8E6B8, 0 0 1em #B8E6B8;}
img{
padding:4px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)))
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
}
img:hover{
opacity: 1;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); 
}
blockquote{
background:url(http://i.imgur.com/tDtge.png);
border:3px solid #eee;
padding:10px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
blockquote:hover{
border:3px solid #C1C1C1;
}

.title {
background:url(http://i.imgur.com/tDtge.png);
width:870;
}
.main {
background:#ffffff;
font-family:verdana;
font-size:11px;
color:#666666;
padding:14px;
padding-bottom:25px;
width:520px;
text-align:justify;
}
.sidebar {
font-family:verdana;
font-size:11px;
background: #ffffff;
color: #666666;
padding: 8px;
width: 250px;
border-radius: 10px;
text-align: justify;
border:3px solid #eee;
}
.h1 {
border: 1px solid #D0F5D0;
font-family: 'Milonga', cursive;
color:#999;
font-size:14px;
border-radius:10px;
background:#ffffff;
padding :4px;text-align: center;
-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;
}
.h1:hover{
border: 1px solid #D0F5D0;
-webkit-box-shadow: 0px 0px 12px #B8FF94;
-moz-box-shadow:    0px 0px 12px #B8FF94;
box-shadow:         0px 0px 12px #B8FF94;
}

.h2 {
font-family:georgia;
font-style:italic;
font-size:10px;
padding:3px;
text-align: center;
background:#F3FCF3;
margin-bottom:2em;
border-bottom:1px solid #D0F5D0;
border-left:1px solid #D0F5D0;
border-right:1px solid #D0F5D0;
width:400px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece {
background-color: #D6D6D6;
border: 3px solid #FFffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#D6D6D6;
border: 1px solid #FFFFFF;
-moz-border-radius: 10px;
}
u{
text-decoration:none;
border-bottom:1px dashed #b2b2b2;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
u:hover{
border-bottom:6px solid #e6e6e6;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
i{
font-family:georgia;
font-style:italic;
}
b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}
.tablo{
width:42px;
padding:4px;
margin:2px;
background:#eee;
font:8px tt; 
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:inline-block;
height:27px;
padding-top:20px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
} 
.tablo:hover {
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.uhmy {
display:block;
width:400px;
margin:2px;
border:1px solid #E0E0E0;
padding:3px;
-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.uhmy:hover {
background:#E8E8E8;
color:#666666;
}
a.linki {
display:inline-block;
width:80px;
padding: 3px;
margin: 2px;
text-align:center;
color:#666666;
background:#F0F0F0;
border:1px solid #E0E0E0;
-webkit-transition: 1s;-moz-transition: 1s;
}
a.linki:hover{
background:#D8D8D8;
color:#FFFFFF;
-webkit-transition: 1s;-moz-transition: 1s;
}
a.linkies {
display:inline-block;
background:#D8D8D8;
width:80px;
padding: 3px;
margin: 2px;text-align:center;
color:#FFFFFF;
-webkit-transition: 1s;-moz-transition: 1s;
}

a.linkies:hover {
color:#666666;
background:#fff;
-webkit-transition: 1s;-moz-transition: 1s;
}</style>
<br />
<center>
	<div style="display:fixed;position:fixed; top:45px; right: 10px; width:100; padding:3px; font-family: Century Gothic; letter-spacing: 2px; background:url(http://i.imgur.com/tDtge.png); color:black; font-size:11px;">
		<center>
			<a href="http://my.dek-d.com/ไอดีของคุณ/friend/request_friend.php">Add me</a>&nbsp;|&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/writer/">Writer</a>&nbsp;|&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/qmsg/">Q.msg</a>&nbsp;|&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/sendsecret.php">S.msg</a>&nbsp;&nbsp; &nbsp;</center>
	</div>
</center>
<table align="center" border="0" cellspacing="5" style="line-height: 17px;margin-bottom:10px;padding:10px;border-radius:10px;border:5px solid #eee; background:url(http://i.imgur.com/tDtge.png);" width="880">
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				<br />
				<div class="main">
					<div id="page">
						<blogger>
						<div class="h1">
							<img src="http://31.media.tumblr.com/5d40a8f9598063b0fc5a802c5c91eb4c/tumblr_mrj5tqrdVV1rhu75fo1_500.gif" /><br />
							<br />
							จะเปลี่ยนรูปก็ได้นะ</div>
						<center>
							<div class="h2">
								<font color="#a9a9a9"><span style="font-size: 14px;">ตรงนี้ก็ใส่อะไรไปก็ได้แหละ เมนูก็ได้ด้วย</span></font></div>
							<span style="color: rgb(255, 102, 0); font-family: georgia; font-style: italic; font-size: 14px;"><span style="color: rgb(169, 169, 169);">ใส่อะไรไปก็ได้ เชิญตามสบาย~<br />
							.<br />
							.<br />
							.<br />
							.<br />
							อันนี้มีปัญหาอยู่อย่างคือขนาดตัวอักษร<br />
							ต้องปรับกันเองนะ &nbsp;สีตัวอักษรก็ต้องปรับเองด้วยแหละ = =;<br />
							ห้ามลบเครดิตด้วยนะ !!!</span></span></center>
						</blogger></div>
				</div>
			</td>
			<td valign="top" width="250px">
				<div class="sidebar">
					<div class="h1">
						Disclaimer</div>
					<br />
					<center>
						<img src="http://25.media.tumblr.com/af1f63e6aa58903569c20868b5c593c7/tumblr_mlb317GEWg1rhu75fo8_250.gif" /><br />
						<br />
						แนะนำตัว บลาๆๆ<br />
						<center>
							&nbsp;</center>
					</center>
				</div>
				<br />
				<div class="sidebar">
					<div class="h1">
						Advertise</div>
					<br />
					<center>
						<img src="http://25.media.tumblr.com/bc449e501d5e227e8463c07ca0541655/tumblr_mr2shoeNuE1rhu75fo2_250.gif" /><br />
						<br />
						Template By: <a href="http://pinkkawaiigirl.blogspot.com/">HER</a><br />
						Base code: <a href="http://pinkkawaiigirl.blogspot.com/">HER</a><br />
						Some stuff: <a href="http://nurulatiqahjaidin.blogspot.com/"> * </a><a href="https://www.google.com.my/">* </a><a href="http://wanaseoby.blogspot.com/">* </a><a href="http://tumblr.com/">* </a><br />
						Edit by :&nbsp;<a href="http://writer.dek-d.com/kujira-san/writer/view.php?id=1062405">&#39; Chabela ● iD. Dream</a><br />
						<center>
							<img br="" src="http://dl10.glitter-graphics.net/pub/229/229250skrgjfpbac.gif" /></center>
					</center>
				</div>
				<div id="profile" style="display: none;">
					<div class="h1">
						Meet The Owner</div>
					<br />
					<center>
						<img src="http://www.win7wallpapers.com/walls/amazing_pink_roses-wide.jpg" width="450" /></center>
					<br />
					<center>
						<u>I&#39;am just a normal girl like other</u><br />
						<br />
						<div style="text-align: left; padding-left: 30px;">
							<b>Name</b> : bla bla...<br />
							<b>Born on</b> : bla bla...<br />
							<b>State</b> : bla bla...<br />
							<b>Country</b> : bla bla...<br />
							<b>Language</b> : bla bla...<br />
							<b>Religion</b> : bla bla...<br />
							<b>Wishes</b> : bla bla...<br />
							<b>Hobby</b> : bla bla...<br />
							<b>Ambition</b> : bla bla...<br />
							<b>Quotes</b> : bla bla...<br />
							<b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a></div>
					</center>
					<br />
					<br />
					<div style="text-align: left; padding-left: 30px; padding-right: 20px;">
						<u>I love </u><br />
						<br />
						&hearts; bla bla...<br />
						&hearts; bla bla...<br />
						&hearts; bla bla...<br />
						&hearts; bla bla...<br />
						&hearts; bla bla...<br />
						&hearts; bla bla...<br />
						<br />
						<u>I Hate </u><br />
						<br />
						✖ CopyCat<br />
						✖ Back Stabbers<br />
						✖ Hipokrit<br />
						✖ Couple<br />
						✖ Make up<br />
						✖ Annoying person<br />
						✖ Insects<br />
						<br />
						<center>
							<u>About this blog</u><br />
							<br />
							This blog has been created at the beginning of 2012 ... don&#39;t remember when ;) The aim is just for fun.. Ngee ..<br />
							<br />
							<center>
								<u>Replace this!</u><br />
								<br />
								<div id="links" style="display: none;">
									<div class="h1">
										<u><u>Link Exchanges</u></u></div>
									<br />
									<center>
										<u><u><img src="http://b68389.medialib.glogster.com/media/a1aac609335d9d5756f9fd87c2c306f216f6a2587e6aedd6c7b3734c959ffc5d/tumblr-lfwqqfwutj1qba91ho1-500.jpg" width="450" /></u></u><br />
										<br />
										<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
											<u><u><img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Exchange link? tell me at my cbox...<br />
											<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Put mine as...<br />
											<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Also include your nickname to put...<br />
											<br />
											<br />
											<a class="linkies" href="http://pinkkawaiigirl.blogspot.com/">Fiza</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a></u></u><br />
											&nbsp;</div>
										<div id="rules" style="display: none;">
											<div class="h1">
												<u><u>Read this rules first</u></u></div>
											<br />
											<div class="separator" style="clear: both; text-align: center;">
												<u><u><img border="0" src="http://i36.photobucket.com/albums/e46/myspace-fusion/graphics/photography/gorgeous-flowers-photo.jpg" width="450" /></u></u></div>
											<br />
											<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
												<u><u><img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 1. your rules.<br />
												<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 2. your rules.<br />
												<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 3. your rules.<br />
												<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 4. blablabla.<br />
												<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 5. blablabla.</u></u><br />
												<br />
												&nbsp;</div>
											<div style="text-align: center;">
												<u><u><span onclick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML"><b><u>Tutorial</u></b></span> or <span onclick="document.getElementById('page').innerHTML=document.getElementById('free').innerHTML"><b><u>Freebies</u></b></span></u></u></div>
											<div id="stuff" style="display: none;">
												<div class="h1">
													<u><u>Blog Tutorial...</u></u></div>
												<br />
												<center>
													<u><u><img src="http://27.media.tumblr.com/tumblr_l9c7i0yina1qbtdtqo1_500.jpg" width="450" /></u></u></center>
												<br />
												<br />
												<br />
												<center>
													<u><u><u>Tutorial</u><br />
													<br />
													<a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> </u></u><br />
													<br />
													<br />
													&nbsp;</center>
												<div id="free" style="display: none;">
													<div class="h1">
														<u><u>Extras by me...</u></u></div>
													<br />
													<center>
														<u><u><img src="http://www.sendmyflower.com/wp-content/uploads/2011/01/Send-Gift-Roses-To-Your-Friends8.jpg" width="450" /></u></u></center>
													<br />
													<br />
													<br />
													<center>
														<u><u><u>Template designer.</u><br />
														<br />
														<a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> <a class="uhmy" href="http://link">option</a> </u></u><br />
														<br />
														&nbsp;</center>
												</div>
												<div id="diary" style="display: none;">
													<div class="main">
														<u><u><blogger>
														<div class="h1">
															<blogitemtitle><span class="PostTitle"> <a href="&lt;$BlogItemPermalinkURL$&gt;"> &lt;$BlogItemTitle$&gt;</a></span></blogitemtitle></div>
														<center>
															<div class="h2">
																<blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> | &lt;$BlogItemDateTime$&gt; | <a href="&lt;$BlogItemCommentCreate$&gt;">&gt;&lt;$BlogItemCommentCount$&gt;comments</a></div>
															&lt;$blogitembody$&gt;<br />
															<center>
																<olderposts><a href="&lt;$OlderPosts$">&gt;Older Post</a> </olderposts> <newerposts> | <a href="&lt;$NewerPosts$">&gt;Newer Post</a></newerposts></center>
														</center>
														</blogger></u></u></div>
												</div>
											</div>
										</div>
									</center>
								</div>
							</center>
						</center>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<br />

<style type="text/css">
#wrapper {display:none;}</style>
<div class="thisisanchor">
	&nbsp;</div>
<script type="text/javascript">
$('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script>

Code แบบต้นฉบับ ต้องแก้เอง

<html>
<head>
<title>//Nature friends</title>

<center><div class="headerr"><center>Nature friend ♥</center></div></center></div>

::selection {
background:#c1c1c1;
color:#FFFFFF;
}

.headerr {
width:800px;
margin-top:70px;
padding:5px;
letter-spacing: 2px;
text-shadow: 0 0 0.2em #B8E6B8, 0 0 0.2em #B8E6B8;
font-size:60px;
color:#ffffff;
margin-bottom:10px;
text-align: center;
font-family: 'Croissant One', cursive;
-webkit-transition:1s;
}
.headerr:hover{
text-shadow: 0 0 1em #B8E6B8, 0 0 1em #B8E6B8;}
img{
padding:4px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)))
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
}
img:hover{
opacity: 1;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); 
}
blockquote{
background:url(http://i.imgur.com/tDtge.png);
border:3px solid #eee;
padding:10px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
blockquote:hover{
border:3px solid #C1C1C1;
}

.title {
background:url(http://i.imgur.com/tDtge.png);
width:870;
}
.main {
background:#ffffff;
font-family:verdana;
font-size:11px;
color:#666666;
padding:14px;
padding-bottom:25px;
width:520px;
text-align:justify;
}
.sidebar {
font-family:verdana;
font-size:11px;
background: #ffffff;
color: #666666;
padding: 8px;
width: 250px;
border-radius: 10px;
text-align: justify;
border:3px solid #eee;
}
.h1 {
border: 1px solid #D0F5D0;
font-family: 'Milonga', cursive;
color:#999;
font-size:14px;
border-radius:10px;
background:#ffffff;
padding :4px;text-align: center;
-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;
}
.h1:hover{
border: 1px solid #D0F5D0;
-webkit-box-shadow: 0px 0px 12px #B8FF94;
-moz-box-shadow:    0px 0px 12px #B8FF94;
box-shadow:         0px 0px 12px #B8FF94;
}

.h2 {
font-family:georgia;
font-style:italic;
font-size:10px;
padding:3px;
text-align: center;
background:#F3FCF3;
margin-bottom:2em;
border-bottom:1px solid #D0F5D0;
border-left:1px solid #D0F5D0;
border-right:1px solid #D0F5D0;
width:400px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece {
background-color: #D6D6D6;
border: 3px solid #FFffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#D6D6D6;
border: 1px solid #FFFFFF;
-moz-border-radius: 10px;
}
u{
text-decoration:none;
border-bottom:1px dashed #b2b2b2;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
u:hover{
border-bottom:6px solid #e6e6e6;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
i{
font-family:georgia;
font-style:italic;
}
b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}
.tablo{
width:42px;
padding:4px;
margin:2px;
background:#eee;
font:8px tt; 
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:inline-block;
height:27px;
padding-top:20px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
} 
.tablo:hover {
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.uhmy {
display:block;
width:400px;
margin:2px;
border:1px solid #E0E0E0;
padding:3px;
-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.uhmy:hover {
background:#E8E8E8;
color:#666666;
}
a.linki {
display:inline-block;
width:80px;
padding: 3px;
margin: 2px;
text-align:center;
color:#666666;
background:#F0F0F0;
border:1px solid #E0E0E0;
-webkit-transition: 1s;-moz-transition: 1s;
}
a.linki:hover{
background:#D8D8D8;
color:#FFFFFF;
-webkit-transition: 1s;-moz-transition: 1s;
}
a.linkies {
display:inline-block;
background:#D8D8D8;
width:80px;
padding: 3px;
margin: 2px;text-align:center;
color:#FFFFFF;
-webkit-transition: 1s;-moz-transition: 1s;
}

a.linkies:hover {
color:#666666;
background:#fff;
-webkit-transition: 1s;-moz-transition: 1s;
}

</style>
<body><br>

<table style="line-height: 17px;margin-bottom:10px;padding:10px;border-radius:10px;border:5px solid #eee; background:url(http://i.imgur.com/tDtge.png);" width="880"  border="0" align="center" cellspacing="5">
<center><div style="display:fixed;position:fixed; top:45px; right: 10px; width:100; padding:3px; font-family: Century Gothic; letter-spacing: 2px; background:url(http://i.imgur.com/tDtge.png); color:black; font-size:11px;"><center><a href="http://www.blogger.com/follow-blog.g?blogID=8336327604557384130">Follow</a>|<a href="http://blogger.com/">Home</a></center></div>
<tbody><tr>
<td valign="top" width:550px;">
<div class="main">
<div id="page">
<blogger><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1";>Disclaimer</div><br>
<center><img src="http://favim.com/orig/201108/21/flowers-photography-pink-roses-vintage-Favim.com-127778.jpg" width="230" height="150"><br><br>
Asssalamualaikum and hye visitor...Welcome to my kawaii land . Please navigate around happily. And follow me if you like to ;>Don't view page source or you'll be hitted by bicycle !<center>Hate my blog?click <a href="javascript:window.close();">Here</a></center><br><br>
<center><a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuff</a></center><br></div><br>
<div class="sidebar">
<div class="h1">Advertise</div><br>
<center><img src="http://s3.favim.com/orig/41/lovely-pastel-photography-vintage-Favim.com-340675.jpg" width="230" height="150"><br><br>

Template By: <a href="http://pinkkawaiigirl.blogspot.com/">HER</a><br>
Base code: <a href="http://pinkkawaiigirl.blogspot.com/">HER</a><br>
Some stuff: <a href="http://nurulatiqahjaidin.blogspot.com/"> * </a><a href="https://www.google.com.my/">* </a><a href="http://wanaseoby.blogspot.com/">* </a><a href="http://tumblr.com/">* </a><br>
<center><img src="http://dl10.glitter-graphics.net/pub/229/229250skrgjfpbac.gif"<br></center>
</div>

</div>

<div id="profile" style="display: none;">
<div class="h1">Meet The Owner</div><br>
<center><img src="http://www.win7wallpapers.com/walls/amazing_pink_roses-wide.jpg"width="450" /></center><br>
<center><u>I'am just a normal girl like other</u><br><br>
<div style="text-align: left; padding-left: 30px;">
<b>Name</b> : bla bla... <br>
<b>Born on</b> : bla bla... <br>
<b>State</b> : bla bla... <br>
<b>Country</b> : bla bla... <br>
<b>Language</b> : bla bla... <br>
<b>Religion</b> : bla bla... <br>
<b>Wishes</b> : bla bla... <br>
<b>Hobby</b> : bla bla... <br>
<b>Ambition</b> : bla bla... <br>
<b>Quotes</b> : bla bla... <br>
<b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a></center><br><br></center>
<div style="text-align: left; padding-left: 30px; padding-right: 20px;">
<u>I love </u><br><br>
♥  bla bla... <br>
♥  bla bla... <br>
♥  bla bla... <br>
♥  bla bla... <br>
♥  bla bla... <br>
♥  bla bla... <br><br>
<u>I Hate </u><br><br>
✖  CopyCat <br>
✖  Back Stabbers <br>
✖  Hipokrit <br>
✖  Couple <br>
✖  Make up <br>
✖  Annoying person<br>
✖  Insects <br><br>
<center><u>About this blog</u><br><br>This blog has been created at the beginning of 2012 ... don't remember when ;) The aim is just for fun.. Ngee ..<br><br>
<center><u>Replace this!<u><br><br>

<div id="links" style="display: none;">
<div class="h1">Link Exchanges</div><br>
<center>
<img src="http://b68389.medialib.glogster.com/media/a1aac609335d9d5756f9fd87c2c306f216f6a2587e6aedd6c7b3734c959ffc5d/tumblr-lfwqqfwutj1qba91ho1-500.jpg"width="450" /><br><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Exchange link? tell me at my cbox...<br>
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Put mine as...<br>
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; Also include your nickname to put...<br><br><br>

<a class="linkies" href="http://pinkkawaiigirl.blogspot.com/">Fiza</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linki" href="">friend</a><br/><br/>
</div>
<div id="rules" style="display: none;"> 
 
<div class="h1">Read this rules first</div><br>
<div class="separator" style="clear: both; text-align: center;"> 
<img border="0" src="http://i36.photobucket.com/albums/e46/myspace-fusion/graphics/photography/gorgeous-flowers-photo.jpg" width="450" /></div><br> 
 
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"> 
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 1. your rules.<br> 
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif"/>&nbsp; 2. your rules.<br> 
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 3. your rules.<br> 
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 4. blablabla.<br>
<img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" />&nbsp; 5. blablabla.<br><br><br></div>
 
<div style="text-align: center;"> 
<span onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML"><b><u>Tutorial</u></b></span>   or   <span onClick="document.getElementById('page').innerHTML=document.getElementById('free').innerHTML"><b><u>Freebies</u></b></span><br> 
</div>
<div id="stuff" style="display: none;">

<div class="h1">Blog Tutorial...</div><br>
<center><img src="http://27.media.tumblr.com/tumblr_l9c7i0yina1qbtdtqo1_500.jpg"width="450" /></center><br>
<br><br>
<center><u>Tutorial</u><br><br>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<br><br><br><br></center>
<div id="free" style="display: none;">
<div class="h1">Extras by me...</div><br>
<center><img src="http://www.sendmyflower.com/wp-content/uploads/2011/01/Send-Gift-Roses-To-Your-Friends8.jpg"width="450" /></center><br>
<br><br>
<center><u>Template designer.</u><br><br>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<br><br><br>
</div>
<div id="diary" style="display: none;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<br></td>
</table></body></head></html>

Talk with me
จาก Blogskins อีกนั่นแหละ
อัพทีละตอนสองตอน Orz
จะรีบทำรีเควสให้เสร็จเดี๋ยวนี้แหละค่ะ TT

โค้ดเสีย.รูปพัง.กล่องเบี้ยวโปรดแจ้ง!