" F l o w e r "

flaw

Hai Welcome Here


" Welcome to my bittersweet diary "

We can chatting here

<>




Freebies Blogskin 2 ~ Wonders}
Thursday, December 29, 2011 | 1:34 AM | 3Comment


Salam. Again Husna buat blogskin. Yang ni Husna guna ckit2 kod Husna dan tambah2. Sebelum ni Husna buat BLOGSKIN 1 kan? Husna tak tahu sangat pasal kod2 ni. But this code I've made for hours.. Already dizzy, hahah.. So, I really appreciate that you may honestly take it and never remove the credits


What Make It's Special

~ Hanging Header *I like this*
~Follow button
~Floating Navigates *My OWN CODE*
~Static mini sidebar *Own Code*
~Blockquote with MOVING background


PREVIEW




  <html>
<head>
<title>//Wonders</title>
<head>
</head>
<div class="face"><center><img border="0" src="http://4.bp.blogspot.com/-qSTHYfhSGc0/TpHWjezIbyI/AAAAAAAAAwo/euKJJ5CI8bY/s800/heart2.png" /></center></div>
<style>
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:.0;
opacity:1.0;
}
.navigator {
position:fixed;
top:217px;
left:115px;
font-size:12px;
text-align:center;
}
.navi {
padding-left:30px;
padding-right:5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color:#FFF;
background:pink;
line-height: 12px;
display: inline-block;
text-transform: lowercase;
-webkit-transition:0.5s;
transition:0.5s;
margin-bottom:15px;
cursor: pointer;
}
.navi:hover, .navi_active {
background:#FFF;
color:grey;
padding-right: 20px;
-webkit-transition:0.5s;
transition:0.5s;
}
</div>
</style>
<div style="position:fixed; top:0px; right:4px;border-radius: 10px;background:#fff; padding-left:15px; padding-right:15px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=5780819340531680565" ">follow</a></div></div>
<style type="text/css">
#navbar-iframe {
display: none !important;
}
.sidebar {
position: fixed;
top: 190px;
left: 800px;
width: 200px;
padding: 7px;
border-radius: 5px;
background: #FFF;
}
body{
background:url(http://2.bp.blogspot.com/-vXiFfQY0UDc/TpZvlHfUx_I/AAAAAAAABFU/G_YFqqntUs0/s1600/stripe_bg.png);
font-family:century gothic;
font-size:12px;
color:#747170;
font-size:13;
}

a:link,a:visited {
color:#9E7BFF;
text-decoration:none;
padding:2px;
}

a:hover {
color:#56A5EC;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;
border-bottom:2px solid #8D38C9;
  }


u {
text-decoration:none;
background:url(http://4.bp.blogspot.com/-33yxvPzaRrs/TnmyA5MvxrI/AAAAAAAABiQ/kshKEJvEGYo/s1600/bihastripe2.png) no-repeat;
padding-top:0px;
text-decoration: none;
color: #000000;
border-bottom: #000000 1px dotted
}
text-decoration:none;
margin:230px 0px0px 0px;
padding:0px;
border-bottom:2px solid #4C4646;
color:#fff;
}
u:hover {
border-bottom:2px solid #000;
margin:0px 0px0px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#fff;

}
b {
color:#282828;
text-decoration:none;
}
b:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#808080;
}
i {
color:#F778A1;
text-decoration:none;
background:#FDEEF4;
padding:2px;
border-radius:5px;
}
i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#FAF8CC;
}
::-webkit-scrollbar {
height:6px;
width: 6px;
background:#fff;
}
::-webkit-scrollbar-thumb {
 background:#56A5EC;
-moz-border-radius: 6px;
border-radius: 6px;
}

.post-title {
font-family: century gothic;
font-size:19px;
line-height:2.0em;
text-align:center;
border-width:0 1px 1px;
background:url(http://www.mycutegraphics.com/backgrounds/blue/th-blue-background7.gif);
border:1px  #B048B5;
color:#A6A3A2;
  }
#comments {
margin:-25px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments h4 {
margin:0 0 10px;
padding:0 14px 2px 29px;
background:url(http://2.bp.blogspot.com/-QhW5x0Zs9nM/TtR6ReZ9VZI/AAAAAAAACQs/9XFxhJw3MYg/s1600/wanaseoby.png);
border:1px dashed #bbd9ff;
font-size:120%;
line-height:1.4em;
color:#000;
}

#comments-block {
margin:0 15px 0 9px;
}
.comment-data {
<div class='comments' id='comments' style='overflow:auto; width:auto; height:300px; border:3px dotted #FF66CC; border-radius: 30px 30px 30px 30px; background:#FFEEFD;'>
}
.comment-body p {
border:1px dotted #808080 ;
border-radius:5px;
margin:0 0 .5em;
padding:5px;color:#808080;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#fff;
}
.comment-timestamp a:link {
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}



blockquote {
background:url(http://2.bp.blogspot.com/-1WHbhPi0e-E/TkaGZKRiuVI/AAAAAAAAAXc/iV0qW3xHq6k/s1600/blue.png);
padding:8px;
border-radius:5px;
border:1px dashed #bbd9ff;
color:#A6A3A2;
}


blockquote:hover{
background:url(http://images.blogskins.com/skin_images/359/506/images/39905077.jpg);
-webkit-transition-duration:15.5s;
color:#000;background-position:top right;
background-repeat:no-repeat;
padding:8px;
border-radius:2px;
}

a.linkies {
background:#fff;
border:1px dashed #bbd9ff;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#726E6D;
-webkit-transition: 0.4s;}

a.linkies:hover {
border-radius:5px;
color:#000;
-webkit-transition: 0.4s;
}
a.special {
opacity: .8;
background: #ccc;
display: block;
color: #FFF;
border-bottom: 1px solid #FFF;
text-align: left;
padding: 3px;
}
a.special:hover {
opacity: 1.0;
color: #333;
text-indent: 200px;
}
.face {
border-radius:20px;
-webkit-transition: 1s;
}
.face:hover {
-webkit-transition-duration: 2s;
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
}
</style>
 <body>
</div></div>
<div class="sidebar">
ADD CBOX HERE (width-98, height-110)<br><br>
Template by : <a href="http://www.twilleries.blogspot.com">Husna</a><br>
KLIK HERE : <a href="http://www.churpchurp.com/twilleries/share/gayahidupsihat-healthy"/>Happy</a></div>
<center><div style="position: absolute; top: 340px; left: 100px; background-color: #fff;-moz-box-shadow: 5px 3px 4px #9E7BFF;-webkit-box-shadow: 6px 5px 5px #FFFFFF;box-shadow: 6px 5px 5px #659EC7; border-radius:10px; border:5px solid #56A5EC; padding: 5px;padding-top:30px;"><div style="text-align:left; width: 650px; height: 400px; padding: 10px;overflow-x: hidden; overflow-y: scroll;">
<div id="main">
<!-------Donottouchthisunlessyouknowwhatyoudoing-------->
<Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
    <div class="post-body">
      <p>
      <$BlogItemBody$>
    </p>
    </div>
   <div style="text-align:right;">
       <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
    <br/><br/></div>
 <ItemPage>
  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$I18NNumComments$>:</h4>
    <dl id="comments-block">
      <$CommentPager$>
      <BlogItemComments>
      <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
   <$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
  <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
 <br/><br/>
  <p style="padding-left:20px;">
 <a href="<$BlogURL$>">&lt;&lt; home ♥</a>
    </p>
    </div>
</ItemPage>
<center><img src="http://sl.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif" width=495 height=48 border=0></a><br><a href="http://www.glitter-works.org" target=_blank></a><center>
</Blogger>
<center><NewerPosts> <a href=<$NewerPosts$>>Newer Post</a>|</NewerPosts><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> </center>
</div></div></div>
<td valign="top" width="230px">
<div class="bar">

<!-------Donottouchthisunlessyouknowwhatyoudoing-------->

<div style='display:scroll; position:fixed; top:240px; left:35px; align:left; '>
<a class="naviday"  onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""><img src="http://1.bp.blogspot.com/-BKxLMpBHwGo/TlpJOP8JpEI/AAAAAAAAAwg/61vaR3lezeM/s1600/profile+hover.png" /></a><br /></a>
<a class="naviday"  onClick="document.getElementById('main').innerHTML=document.getElementById('entry').innerHTML" title=""><img src="http://3.bp.blogspot.com/-XBhJdkTfa9k/TlpJOYtLX-I/AAAAAAAAAwk/_F5i-y8BRyc/s1600/tab+menu+baruuu.png" /></a><br /></a>
<a class="naviday"  onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML" title=""><img src="http://2.bp.blogspot.com/-Dw_Ze8seH08/TlpJOq9WN3I/AAAAAAAAAwo/4oRMPHc71Ts/s1600/goodies+hover.png" /></a><br /></a>
</div>


<div id="about" style="display: none;">
<div class="post-title">About Me</div><br/><center>
<img style="border:5px solid #E676BD; border-radius:10px;" src="http://26.media.tumblr.com/tumblr_llrqqy1Nxh1qg9epqo1_400.jpg" /><br/>
<br><br>Write about yourself here.. Michellaneous?
</div><br><br>

</div>
<div id="entry" style="display: none;">
<!-------Donottouchthisunlessyouknowwhatyoudoing-------->
<Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
    <div class="post-body">
      <p>
      <$BlogItemBody$>
    </p>
    </div>
   <div style="text-align:right;">
       <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><center></center></a><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
    <br/><br/></div>
 <ItemPage>
  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$I18NNumComments$>:</h4>
    <dl id="comments-block">
      <$CommentPager$>
      <BlogItemComments>
      <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
   <$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
  <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
 <br/><br/>
  <p style="padding-left:20px;">
 <a href="<$BlogURL$>">&lt;&lt; home ♥</a>
    </p>
    </div>
</ItemPage>
</Blogger>
<center><NewerPosts> <a href=<$NewerPosts$>>Newer Post</a>|</NewerPosts><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> </center>
</div></div></div>
<!-------Donottouchthisunlessyouknowwhatyoudoing-------->


</div>
<div id="tuto" style="display: none;">
<center><div class="post-title">Tutorials And Goodies</div><br/>
<img style="border:5px solid #E676BD; border-radius:10px;" src="http://26.media.tumblr.com/tumblr_l6tb5xeWZR1qb4jw0o1_r2_400.jpg" /><br/>
<br><br>Tutorial list here..<br></div>
</table></body></head></html>








NOTA KAKI - Tukar blog ID anda di button follow.

FIY, the icons and header aren't mine. 2/4 of the code was CREATED 100& BY ME. So, never remove the creds. Really hope you'll like it. Bagitau kalau nak ambil. Do you like this entry? . If you're happy, click my churpy ya? Thanx..