<html><head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'/>
<!--------------------------------------
Blogger Classic Template
Name: Sweetest Diary
Skin by: kawaiilady.blogspot.com
*Don't remove this*
*Don't use this skin as basecode*
--------------------------------------!>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<script type="text/javascript">
<link rel="shortcut icon" href="https://67.media.tumblr.com/b72b6378b15e605246579f30dba3f33a/tumblr_inline_mgg2lcvw2R1roozkr.gif"/></script>
<title> //Sweetest diary</title>
<style>
#navbar-iframe {
display: none !important;
}
body {
color:#111111;
background: url(https://media.tumblr.com/tumblr_lodsr0JJJr1qapbyt.gif);
background-attachment:fixed;
cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-food/food21.gif), auto;
font-family: short stack;
font-size: 12px;
}
a:link, a:visited {
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#E48F95;border:1px solid transparent;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth654.cur), progress;
}
a:hover{
border:1px solid #FFA3C2;
color:#000000;
border-radius:10px;
}
::-webkit-scrollbar {
width: 11px;
height: 11px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFF6F6;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE8ED;
border: 4px double #FFC8D3;
}

img {
opacity:1;
max-width:550px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

img:hover {
opacity:0.6;
}
::-moz-selection {
background:#FFF2F5;
color:#FFA3C2;
}

::selection {
color:#FFA3C2;background:#FFF2F5;
}

blockquote {
border: 2px dashed #FFCFDA;
border-radius:5px;border-left: 12px solid #FFCFDA;
background:url(https://i.imgur.com/AhPnJ.png);
padding :10px;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
border: 2px dashed #FFC2D6;
border-radius: 30px;border-right: 12px solid #FFCFDA;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhsdWLpPHxcPsXAGzx5sTCvq3-Xjj_bRkZXuaiFH1Nh9RlSfDf2jXi15Kq6ujKNvJv_18g4deCgPMyXXbQqb-4cYo871BDweO-68Zz43xJ8uhbG6xHDOztaybXSRgsmMRcuwLA-eZRB-O/s1600/grey.png);
-webkit-box-shadow: 0px 0px 12px 2px #FFE0E7;
-moz-box-shadow:    0px 0px 12px 2px #FFE0E7;
box-shadow:         0px 0px 12px 2px #FFE0E7;
}
.title-a {
font-size: 15px;
font-family: 'Cinzel Decorative', cursive;
font-weight:bold;
margin: 5px;
border-radius:10px;
text-transform:uppercase;
color:#666666;
letter-spacing:2px;
line-height:15px;
padding:7px;
text-align: center;
border-left: 25px solid #FFD1E0;
border-right: 25px solid #FFD1E0;
background: #FFFED6;
-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;
}
.title-a:hover {
border-left: 48px solid #FFD1E0;
border-right: 2px solid #FFD1E0;
}
.title-b {
text-align: center;
font:11px Century Gothic;
color:black;
border-bottom:1px solid #FFD6D6;
padding-bottom:3px;
}

u {
text-decoration:none;
color:#616161;
border-bottom: 2px solid #FFA4BC;
-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;
}

u:hover {
border-bottom: 6px solid transparent;
}


b {
color: #FFA4BC;
font-weight: bold;
}

strike {
text-decoration: line through;
color:#FFA4BC;
-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;
}

strike:hover {
color: transparent;
}
a.tablo{
box-shadow:2px 7px 3px 3px #F6F7B4;
background:#FFD1D1;
width:66px;margin:3px;
font:12px Candara;
padding-top:26px;
padding-bottom:26px;
display:inline-block;
border-radius: 50px;
text-align:center;
color: #111111;
text-transform:uppercase;
letter-spacing:1px;
border:0px dotted #FFEEF3;
-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.tablo:hover{
background:#FFEBEF;
color:#FF6699;
-moz-transform: rotate(360deg) scale(0.7);
-webkit-transform: rotate(360deg) scale(0.7);
-o-transform: rotate(360deg) scale(0.7);
-ms-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
}
a.linkies {
display:inline-block;
background-color:#FFE4ED;width:120px;
background-image:url(http://dl7.glitter-graphics.net/pub/2020/2020957h9o8ggonuo.gif);
background-repeat:no-repeat;
background-size:20px;
background-position:100% 100%;
padding: 5px;
font:12px Tahoma;
border:2px solid #FFC2D7;
margin: 3px;text-align:left;
color:#222222;
-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.linkies:hover {
border-radius:10px;
color:#ffffff;
border:2px solid #FFE4ED;
background-color:#FFC2D7;
}
a.nav{
box-shadow: inset 9px 0 0px 0 #FFB2CC;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#4d4d4d;
width:350px; padding:3px;
border:1px solid #FFCCFF;
border-left:20px solid #F4D4FF;
width: 350px;
overflow: hidden;
-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.nav:hover{
box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #555;
}
a.kw {
letter-spacing:1px;
-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;
margin:2px;padding:3px;
text-transform:uppercase;
display:inline-block;
font:9px Tahoma;
text-align:center;
background: #ffffff;
width:350px;
color:#777;
padding:3px;
border:1px solid #FFC2D6;
text-decoration:none;
}
a.kw:hover{
border-left:1px solid #FF6699;
color:#ff6699;
border:1px solid #FFC2D6;
}
.cutie {
background: #ffffff;
color: #6C6C6C;
font-size: 11px;
padding: 4px;
width: 250px;
border-radius: 10px;
text-align: justify;
}
.nana {
font-size:25px;background:#FFB9B9;
font-family: 'Cinzel Decorative', cursive;
color:white;
margin-right:10px;margin-top:5px;margin-bottom:5px;
margin-left:435px;padding:3px;
text-align: center;border-radius:10px;
border: 2px solid #FFD1E0;box-shadow:2px 2px 4px #FFE4EA;
}
.mimi {
font-size: 14px;padding-left:9px;
font-family:  petit formal script;
font-weight:bold;
margin-bottom: 5px;margin-top: 10px;
border-radius:30px;
color:#333333;
letter-spacing:2px;
padding-top: 7px;padding-bottom: 7px;
text-align: left;
background-color:#FFF2F7;
background-image:url(http://dl7.glitter-graphics.net/pub/2020/2020957h9o8ggonuo.gif);
background-repeat:no-repeat;
background-size:24px;
background-position:95% 100%;
border: 2px solid #FFC2D7;
-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;
}
.mimi:hover {
border-radius:0px;
}

.old {
background:#FFD1D1;
font:14px trebuchet ms;
font-weight:bold;
text-transform:uppercase;
padding:5px;
text-align:center;
width:230px;
border-radius:5px;
}
.old a{
color:white;
}
/* Comment Start
----------------------------------------------- */
#comments h4 {
text-align:center; color: #555555;
font-weight:normal;
font:17px georgia;
font-style:italic;
}
#comments-block {
width:480px;
margin:1.5em;
color:#444444;text-align:left;
font:11px short stack;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border-radius: 5px;
box-shadow:0px 0px 4px 2px #FFE6EA;
border:2px dashed #FFFFFF;
margin:0em;text-align:center;
padding:5px;
color:#333333;
}
.comment-timestamp {
margin:1em;
text-align:center; color: #555555;
font-weight:normal;
font:15px georgia;
}
.comment-data {
margin-top:5px !important;margin-bottom:10px !important;
padding:3px;
color:#666666;text-align:center;
}
.comment-icon blogger-comment-icon{display:none}
span.comment-icon{display:none}

.deleted-comment {
font-style:italic;
color:#B2B2B2;
}
/* Comment Ends
----------------------------------------------- */
</style>
<center><div style="position:center;margin-top:25px;width:920px;border:4px solid #FFE3E3;background:url(https://i.imgur.com/yws28VI.gif) ; height:314px;">
<img src="http://i.imgur.com/SM7BfSK.jpg" style="float:left;height:314px;"><br/>
<div class="nana">INTRODUCTION</div><br/><div style="text-align:Left; padding-left: 20px;font-size: 14px;margin: 10px;margin-left:420px;font-family:century gothic;">Asssalamualaikum and hye visitor...Welcome to my online diary. Please navigate around happily. And follow me if you like to ;> Leave your footprint on my cbox...Hate my blog? click <a href="javascript:window.close();">Here</a><br /><br /><br /></div>

<!-------- NAVIGATION --------!>

<div style="font-size:20px;text-align:center; padding-left:10px;display:inline-block;center;">
<div class="top">
<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></div>
</center>
</div></div>
</div>

<!-------- MAIN WRAPPER --------!>

<table style="margin-bottom: 10px;margin-top:20px;padding-left: 10px;padding-right: 10px; line-height: 16px; background:url(https://i.imgur.com/5Dy51.png); border: 4px solid #FFE3E3; border-bottom:20px solid #FFE3E3;border-top:10px solid #FFE3E3;font-size:12px;" width="927" align="center" border="0" cellspacing="10";>
<tbody><tr>
<td valign="top" style="width:570px;max-width:570px; padding-right:5px; border-right:2px solid #ffeeee; padding-bottom:5px; padding-left:5px; ">
<div id="page">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Sweet hearts</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:260px;max-width:260px; padding-right:0px;background:url(http://i.imgur.com/5Dy51.png);>

<div class="cutie">
<div class="mimi">Follow or leave ?</div><br>
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-138.jpg" width="240" height="150"><br><br>
<div style="font-size: 15px;text-align: center;font-family: 'Petit Formal Script', cursive;border-radius: 10px;background:#ffffff;color:808080;"><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">follow</a> | <a href="http://www.blogger.com/home">dash</a></div>

<div class="cutie">
<div class="mimi">Chatting Here</div><br>

<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-221.jpg";width="240" height="150"><br>
<center>Don't use harsh word<center>
<center>Put your blog url<center><br>

SHOUTBOX CODE HERE
<div class="cutie">
<div class="mimi">Post history</div><br>
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-042.jpg" width="230" height="150"><br><br>
<center><select style="background-color: #FFD6EB; color: #4D4D4D; font: 10px short stack; letter-spacing: 2px; border: 2px #FF99CC solid; padding: 2px; width: 230px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Blog Archive ♥</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center><br><br>

Template By: <a href="http://kawaiilady.blogspot.com/">Kawaii</a> <a href="blogskins.com/me/teddy_chimi">Lady</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://www.screamcute.com/"> ♥</a><br>

<br /><center>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  |  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts</a></OlderPosts></center></div>
</div>
</td></td>
</tr></tbody>
</table>

<!-------- PAGE WRAPPER --------!>

<div id="profile" style="display: none;">
<div class="title-a">Meet The Owner</div><br />
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-091.jpg"width="450" /></center><br />
<center><u>I'am just a normal girl like other</u><br><br></center>
<div style="text-align: left; padding-left: 30px;">
<b>Name</b> : Sweety... <br>
<b>Born on</b> : Sweet 16... <br>
<b>State</b> : ?... <br>
<b>Country</b> : ?... <br>
<b>Language</b> : ?... <br>
<b>Religion</b> : ?... <br>
<b>Wishes</b> : Dream come true... <br>
<b>Hobby</b> : Onine... <br>
<b>Ambition</b> : Chef... <br>
<b>Quotes</b> : Smile sweetly like muffin...:') <br>
<b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a><br><br>
</div>
<div style="text-align: left; padding-left: 30px; padding-right: 20px;">
<u>I love </u><br><br>
♥  You... <br>
♥  Me... <br>
♥  Her... <br>
♥  Him... <br>
♥  They... <br>
♥  Us... <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 />
</div>
<center><u>About this blog</u><br /><br />This blog had been created since the beginning of 2012 ... don't remember when ;) The aim is just for fun.. Ngee ..<br /><br />
<u>Replace this!</u><br /><br />
</div></center>

<div id="links" style="display: none;">
<div class="title-a">Link Exchanges</div><br />
<center>
<img src="http://os1.i.ua/3/1/9724925_b8f2038c.jpg"width="500" /><br><br></center>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Exchange link? tell me at my cbox...<br />
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Put mine as...<br />
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Also include your nickname to put...<br /><br /><br />
</div>
<a class="linkies" href="http://kawaiilady.blogspot.com/">Ezah</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
</div>
<div id="rules" style="display: none;">
<div class="title-a">Read this rules first</div><br>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://bakinandeggs.files.wordpress.com/2009/03/strawberrycake.jpg" width="500" /></div><br>

<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 1. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif"/>&nbsp; 2. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 3. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 4. blablabla.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.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 /><br /><br /><br />
</div></div>

<div id="stuff" style="display: none;">
<div class="title-a">Blog Tutorial...</div><br>
<center><img src="https://i.imgur.com/QwI6H6e.jpg"width="500" /></center><br>
<br><br>
<center><u>Tutorial</u><br><br>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<a class="kw" href="http://link">option</a>
<br><br><br><br></center>
<center><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span></center></div>

<div id="free" style="display: none;">
<div class="title-a">Extras by me...</div><br>
<center><img src="http://i.imgur.com/seRwG31.jpg"width="500" /></center><br />
<br /><br />
<center><u>Background.</u><br><br>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<br><br><br><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span>
</div></center>

<div id="diary" style="display: none;">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Sweet hearts</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

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