Monday, 31 October 2011

Stick Man | Part 1#

Okay , It was really menyeronokkan when tengok my lil brother both doing their stick man . I'm a lil bit jelly tengok yg dorang buad haha . So today sy blaja buad :D but still talawa XD !!

Okay , bawah ni tatau ap laa yg sy buad hahaha . meby gaduh kud and ini ibarat Part 1# for my stickmania :D Enjoy . and about the sound , sorry sy belum pandai bagi masuk sound segala :D maklum laa . baru belajar . Ni simple sadje kud hihi ! dan sy hanya save dalam format GIF kah3 . yg lain ? nanti sy blaja XD okaii baii
Ni pulak dengan DOMO . haha GIF format memang macam ni talawa j photo dy hahah

P/s: Please leave a comment :D and maybe you got a better software . bole jugak kongsi same saye yang baru nak belaja-belaja hihi . 

Sunday, 30 October 2011

Tag #2

Second tag :) I'm tagged by Nur Haszuraazlin Hasan
Rules !
•Each person must post 11 things about themselves in their jurnal.
•Answer the questions the tagger set for you in their post and create eleven new questions for the people you tagged to answer
•You have to choose 11 people to tag and link them to the post.
•Go to their page and tell them you have tagged him/her
•No tags back
•No stuff in the tagging section about you and tagged if you are reading this, You legminately (aka really,trust with all honestly) have to tag 11 people

Eleven Things about my self ;
- Sangat anti-social
- Tak suka dengan perempuan gedik -.-
- Ignores copydogs
- Hate gays =.=
- Suka makan ayam walaupun ia mengancam nyawa saya sendiri
- Benci sangat dengan orang pasan lawa and bajed hot
- Lebih suka duduk di rumah berbanding jenjalan buat bende *#*@^#
- Sangat-sangat anti dengan budak banyak cakap and tak pandai stop -.- kalau selow tak apa ini macam enjin motobot laa ! bising !
- Seminggu sekali membersihkan bilik yg sungguh semak
- Tak pernah berambut panjang -.-
- Lebih selesa dengan panggilan miraa/miaa

Eleven answer for akak zuraa's question[s] ;
full name korang apa ?
Nur Amira Atira Binti Hussin . :p
siapa blogger yang korang selalu masuk page dia ?
emm , blog Faraa kud . haha
bagi korang , blog aku lawa tak ? ;p
okay laa , laju je load haha
antara parents korang , lebih rapat dgn siapa ? kenapa ?
mom laa , y ? sebab she's my mother haha
umur korang ?
sixteen :p
antara Matluhfi dgn Anwar Hadi , korang lebih minat siapa ?
hah ? sapetuh ? tak kenal pun haha
febret fastfood korang apa ?
Maggie :D
selalu hang out dekat mana ?
emm , kat umah :D mak aku tak bagi kuar !
negeri mana eh yang paling best bila melancong ?
entah ler . haha
hobi korang ?
blog blog blog and blog 
last , korang rasa korang comel tak ?
comel kud :D //pasan

Eleven question[s] for the lucky eleven ;
- Pernah date tak ? :D
- Basikal dengan motor mane awak suke ?
- Kalau laa duit satu juta jatuh dari langit , ap awak buat ?
- Best tak korek idong ? :D !!!!!!!
- Nicknem awak ap ?
- Kalau sy nak no hp awak , awak bagi tak ? :D
- Comel tak blog sy ?? JUJUR !!
- Awak nak tak jadi kawan sy ? :D
- Tinggi awak brape ? :D
- EE . comel la awak . Awak rase awak comel ? :D
- Awak ad menatang peliharaan tak ??

Saturday, 29 October 2011

Tag #1

Was tagged by Marlin :p TYVM dear akak
Rules !
•Each person must post 11 things about themselves in their jurnal.
•Answer the questions the tagger set for you in their post and create eleven new questions for the people you tagged to answer
•You have to choose 11 people to tag and link them to the post.
•Go to their page and tell them you have tagged him/her
•No tags back
•No stuff in the tagging section about you and tagged if you are reading this, You legminately (aka really,trust with all honestly) have to tag 11 people

Eleven Things about my self ;
- Suka berbelanja untuk bendabenda yg tak berfaedah
- Suka makan makan dan makan
- Superb gedik dengan boyfee
- Seorang yg cukup dan sangatsangat pemalas untuk belajar dan mengulangkaji pelajaran
- Menonton television hanya kerana terdengar lagulagu best
- Sifat cemburu yang sangat kuat dimana ia boleh membuatkan saya benci kat awak
- Pendek tetapi perasan tinggi
- Tidak suka dengan lelaki yg merokok serta naik motor =.=
- Sayang kan mama saya superb kuad <3
- Ada seekor haiwan peliharaan yang pintar :D
- Saya suka apabila awak percaya semua yang saya taip di atas haha

Woot woott ! Semua tentang saya kan ? So now here's my answer for question from akak Marlin

Answer for Marlin's question[s] ;
* korang suka warna apa?
   - pink , putih , hitam dan cukelad
* apa sikap bf/gf korang yang korang tak suka?
   - bilaa si dia yg kuat sosial -.-
* feveret food korang
   - hihi ! Ais kacang buatan abah sy !
* sejak bila join blogging ni
   - Since May 2009 , but so jarang bukak . hihi
* tempat yang paling korang nak pegi
   - KL . Why ? mahu jumpe encik buntal sy laa haha
* sape kawan baik korang?
   - emm , Siti Najihah Kassim
* korang pandai masak tak?
   - syesly sy tak pandai memasak pun . main hentam j haha
* habit korang yang tak boleh nak buang?
   - sikap menyibuk kut ahha
* korang suka pakai shawl?
   - sometimes suka , sometimes tak suka
* binatang yang paling korang geli?
   - emm , entah laa . sy bukan jenis perempuan yg takut memende gitu haha
* korang berzodiak apa?
   - Libra kut . hihi ! sy kurang pecaye menatang ni

\o/ ! Suke laa sy jawap hahaha . Okay now heres question unto the lucky Eleven haha ;

Eleven question[s] ;
- Awak pernah dating tak?
- Awak suke lelaki/perempuan macemane eh?
- Pernah tercekik tak? Sedap? :D
- Pengalaman paling buruk awak ap eah?
- Maggie and sadin , awak pilih mane? :D
- Awak ad brape orang follower stakat ni?
- Awak kuat cemburu tak?
- Di mane awak tinggal?
- Umo awak snaye brape ni? :D
- Suke tak kene tag?
- Awak tengah buat ap tu? :D

HAHA ! Nonsense ! So the lucky eleven that's going to be tagged are ;
 Eikah | Fieza

Friday, 28 October 2011

Thursday, 27 October 2011

No tittle :D

arr ! ICT sucks ! I just hate answering ICT in the exam paper . My mind was totally empty by that time . But thank god excel is finally dead hihi . My exams just past away and my baby's exam is going to be born . WTF? SPM lerr haha . mesty kurang kan msg msg encik buntal tu haha . This is for the future :D

Okay , I thinked I can tahan laa sangat tak text dy but then tasampai 24hour da macam orang kurang siuman laa sy putarputar satu rumah ahha . Until now over 6 times sy makanmakan . \o/!! haha dy kate biaa kan jeh gemokgemok ngehngehngeh ! GLMD ! :* //opps haha

After recess tadip kat scola kan kan kan . T.E soh pegi makmal comp . SIAP BAWAK FAIL AND BUKU BUKU LAGI ! Then guess what ? TE pasang movie -.- anak sape tah yg mempermalukan KAMI tadi haha semangat nak belajar ! Then tengok pulak cite industan . bapak , diri sume bulu rome hahais =.=!!

Epy : Dorang Syamin tidak p sini tu kan ?
Me : Ntah . Kali laa . Np ? Sedih kau ?
Epy : (Pusing depan nuntun cite industan)
//Syamin & the gang masukk//
Epy : (Putar lakang then senyum)
Bahaha . shuweet jeh laki ni haha . I don't know laa if she's his first love or ap but , yay . Since form 1 tak penah sy nampa dy berkelakuan sebegini haaha . that makes me become jelly HAHA

How sweet :'D fyi , kalau sy nak buat macam ni pun kat moko jeh sy brani . Tu pun kire d private kan chatroom tu hihi . Tapecaya ? Ask laa Akim . Dy salu nampa ap sy nan encik buntel buad haha LOL . Macam laa kat dunia reality . blerkk ! but , yay ! suke laa aku tengok dorang due ni haha . Smoge berkekalan sampai ke anak cucu ! :D

Haiyer , hbm ? No story laa . Just wait laa sampai sy dapat jumpe dy ngeh3 ! Mom ! Jom pegi sane lagi taon ni . eheh ! then taon depan kite pegi lagi HAHA ! 
"setahun sekali date"
Tu kud prinsip kiteorang  haha well kau nak kiteorang date sminggu skali bolee jea , bak duet HAHA cukup laa kan sminggu skali ? ehh ehhhhhhh SETAHUN SEKALI ngahaaa cukup laa unto harini . Assalamualaikum

Tips on dismissing your blogs load

Yaiks ! If you're asking me what a good blog means, I answered BLOGS THAT ARE SUPERB FAST TO LOAD . HAHA why did I answered like that ? Well hello ? Heavy blog may make me pisted off and sometimes that’s the reason I don’t follow you back :p Here’s a little bit about how you can ringankan your blog .

Images and photos
OMAGGIE ! You’re so damn cute , but hey ! Look ! You’re heavy haha . Try deleting pictures on your sidebar that’s not important . Sometimes bigger images have longer time to load . So It’s boring lol to wait and WTFUU ? Only a cartoon picture ? HAHA

Too many Widget/Gadget
Yaiks ! It was like 2feet long ! WHAT ? Your gadget silly -.- hais . Don’t put too many gadget laa dude . Sometimes it makes people boring if you add that and this -.- Clocks and animations makes it worse . Not all bloggers wanna see the clock pun . Even kat desktop pun ada kan ? :D Try cutting that stuff okay ! swf . Ever heard or seen this format ? Of course you do . Most of blogs gadget use that and I tell you bahaha . That makes your blogs heavier ! Chop chop ! Out they go :p

Entries
Everybody post their entry right ? Here’s a tips . If you’re making long entries , make a read more button so you can make it looked like a short story . Doesn’t know how ? Click here or here to learn about read more . Make readers suspen about the story so they wanting to read your silly story :p Another way ? Okay , try hiding your other post so it’s more fast to load your pages .

//psst ! need a tools for this problem ? Click here for the lazy load jQuery coding .

Dismissing your blog using Lazy Load jQuery
Hihi ! For those who thinks their blogs load so freaking lama :D Try adding this thing to your blog . Its kinda help your blog load faster :) Okay , here it goes ;
1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste below code to the html/javascript
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"});});</script>
3. Save and preview 

Wednesday, 26 October 2011

Tuesday, 25 October 2011

Info's about my free skin/template

Assalamualaikum again to you . wow \o/ its my 7th or tah post kebrape unto one day ni haha . Well just for future //cehh! oraitt ! Lets start our learning about my Skin a.k.a Template . Where ? here you go Simple BlogSkin by Miraa Hussin

How do I put this template to my blog?
Well its easy my dear . What you need to do is just copy all the coding from the template that you like and paste it to your HTML . But remember , donnot tick to expand the gadget ! Save it and you're done.

What will happen to my widget? Can I keep it in my new template ?
Well nothings gonna happen to your widget/gadget . Of course you can keep your widget silly -.- After you clicked SAVE , this thing will appears right ?
If you wanna delete your widget , click that "DELETE WIDGETS" but if you wanna keep you widget in that new template , click that "KEEP WIDGETS" that are boxed in red in this above image . Then you're done .

What can I do if I dislike the new template?
You ask me ? silly -,- remember to backup your template ! Thats what 's important . Well yeah , if you disliked the template , you can change it back . Backup-ing your template is the best way to do before messing with it haha . 

How do I change the header of the template?
Welcome to my blog . haha . It's lame isn't it ? okay , to change it go to your page elements and upload a new header XD what ? Is that so hard ?

Well I guess thats all what I can thinked now . If you're still doubting , don be shy to ask . Btw , don't be so kedekut -.- Leave your comment haha .

Miraa Hussin's Template

Assalamualaikum . Hayer what a weird post haha ye eh ? I made it dalam minggu exam , so no wonder laa skin ni tak comel  . So ? HAHA I made it my own . Rujuk tuto ini dan tuto itu . I used Denim Wash or what ever it it ngahaha . It looked like simple layout to me /pfftt Okay ! Enjoy :p Sorry for the kekurangan :') I'm still a beginner -.-
Simply click the image to enlarge
  
        Grey Horizontal Stripes            Purple Horizontal Stripes 
  
Flower Skin I                                 Flower Skin II
 
Purple Vintage Skin                    Peach Vintage Skin
To learn more about this skin , go here . Don't be afraid to ask . I still eat foods not human haha

Peach Vintage Skin

Click to enlarge
What you need to do is ;
1. Copy all the codes
2. Paste it to your HTML .//psst ! don't need to tick to expand okay ?

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Washed Denim
    Designer: Darren Delaye
    URL:      www.DarrenDelaye.com
    Date:     11 Jul 2006
    -----------------------------------------------
    */
     #navbar-iframe {
    display: none !important;
    }
    /* Variable definitions
       ====================
     <Variable name="bgColor" description="Page Background Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="textColor" description="Text Color"
               type="color" default="#333333" value="#333333">
     <Variable name="linkColor" description="Link Color"
               type="color" default="#336699" value="#336699">
      <Variable name="headerBgColor" description="Page Header Background Color"
               type="color" default="transparent" value="transparent">
     <Variable name="headerTextColor" description="Page Header Text Color"
               type="color" default="transparent" value="transparent">
     <Variable name="headerCornersColor" description="Page Header Corners Color"
               type="color" default="transparent" value="transparent">
     <Variable name="mainBgColor" description="Main Background Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="borderColor" description="Border Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="dateHeaderColor" description="Date Header Color"
               type="color" default="#999999" value="#999999">
     <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
               type="color" default="#333333" value="#333333">
     <Variable name="bodyFont" description="Text Font"
               type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
     <Variable name="headerFont" description="Page Header Font"
               type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
       <Variable name="startSide" description="Start side in blog language"
                 type="automatic" default="left" value="left">
       <Variable name="endSide" description="End side in blog language"
                 type="automatic" default="right" value="right">
    */
    body {
        background: url(http://4.bp.blogspot.com/-aW96vmOKF1k/TpsZEl064FI/AAAAAAAABBc/UUHNZ0hAFiY/s1600/peachvintage.jpg);
        background-attachment: fixed;
        background-repeat: repeat;
        margin: 0;
        padding: 0px;
        font: x-small Verdana, Arial;
        text-align: center;
        color: #000000;
        font-size/* */:/**/small;
        font-size: /**/small;
        letter-spacing:1px;
        }
    a:link {
     cursor: crosshair;
text-decoration: none;
color: #BDBDBD;
}
    a:visited {
cursor: crosshair;
text-decoration: none;
color: #BDBDBD;
}
a:hover {
cursor: crosshair;
color: #BDBDBD;
text-decoration: none;
}
    a img {
      border-width: 0;
    }
    #outer-wrapper {
      font: $bodyFont;
    }
    /* Header
    ----------------------------------------------- */
    #header-wrapper {
      margin:0;
      padding: 0;
      background-color: $headerCornersColor;
      text-align: $startSide;
    }
    #header {
      width: 762px;
      margin: 0 auto;
      background-color: $headerBgColor;
      color: $headerTextColor;
      padding: 0;
      font: $headerFont;
    }
    h1.title {
      padding-top: 38px;
      margin: 0 14px .1em;
      line-height: 1.2em;
      font-size: 100%;
    }
    h1.title a, h1.title a:visited {
      color: $headerTextColor;
      text-decoration: none;
    }
    #header .description {
      display: block;
      margin: 0 14px;
      padding: 0 0 40px;
      line-height: 1.4em;
      font-size: 50%;
    }
                                                             
    /* Content
    ----------------------------------------------- */
    .clear {
      clear: both;
    }
    #content-wrapper {
        width: 760px;
    margin: 0 auto;
    padding:15px;
    text-align: $startSide;
    background : url(http://i1203.photobucket.com/albums/bb392/Ikha00/20070320_313973.gif);
    border: 1px solid $borderColor;
    border-top: 0;
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    }
    #main-wrapper {
      margin-$startSide: 14px;
      width: 468px;
      float: $startSide;
      background-color: transparent;
      display: inline;       /* fix for doubling margin in IE */
      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }
    #sidebar-wrapper {
      margin-$endSide: 14px;
      width: 240px;
      float: $endSide;
      background-color: transparent;
      display: inline;       /* fix for doubling margin in IE */
      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }
    /* Headings
    ----------------------------------------------- */
    h2, h3 {
      margin: 0;
    }
    /* Posts
    ----------------------------------------------- */
    .date-header {
      margin: 1.5em 0 0;
      font-weight: normal;
      color: $dateHeaderColor;
      font-size: 100%;
    }
    .post {
      margin: 0 0 1.5em;
      padding-bottom: 1.5em;
    }
    .post-title {
    background:url(http://4.bp.blogspot.com/-aW96vmOKF1k/TpsZEl064FI/AAAAAAAABBc/UUHNZ0hAFiY/s1600/peachvintage.jpg);
border-bottom: 3px dashed #BDBDBD;
border-top: 3px dashed #BDBDBD;
border-left: 5px solid #BDBDBD;
border-right: 5px solid #BDBDBD;
padding: 5px;
font: normal 13px Verdana;
color: #72dfff bold;
margin: 0;
padding: 0;
line-height: 2.7em;
text-align: center;
}
    .post-title a, .post-title a:visited, .post-title strong {
      text-decoration: none;
      color: $textColor;
      font-weight: bold;
    }
    .post div {
      margin: 0 0 .75em;
      line-height: 1.3em;
    }
    .post-footer {
      margin: -.25em 0 0;
      color: $textColor;
      font-size: 87%;
    }
    .post-footer .span {
      margin-$endSide: .3em;
    }
    .post img, table.tr-caption-container {
      padding: 4px;
      border: 1px solid $borderColor;
    }
    .tr-caption-container img {
      border: none;
      padding: 0;
    }
    .post blockquote {
      background: url( http://4.bp.blogspot.com/-aW96vmOKF1k/TpsZEl064FI/AAAAAAAABBc/UUHNZ0hAFiY/s1600/peachvintage.jpg);
    border-radius: 5px;
    border: 2px solid #BDBDBD;
    margin:1.0em;
    padding:5px;
    }
    .post blockquote:hover {
    background-color: #BDBDBD;
    -webkit-transition-duration: 2.4s;
    border-left:9px solid #BDBDBD;
    }
    .post blockquote p {
      margin: .75em 0;
    }
    /* Comments
    ----------------------------------------------- */
    #comments h4 {
    margin: 1em 3em;
    font-weight: bold;
    line-height: 1.4em;
    color: #ffffff;
    }
    #comments-block {
    margin-left:1.5em;
    line-height:1.6em;
    background: transparent;
    color: black;
    padding: 1em;
    border:0px solid #ffffff;
    }
    #comments-block .comment-author {margin:.5em 0;}
    #comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .60em;
    padding: 5px 5px 5px 5px;
    background: url( http://4.bp.blogspot.com/-aW96vmOKF1k/TpsZEl064FI/AAAAAAAABBc/UUHNZ0hAFiY/s1600/peachvintage.jpg) repeat top left;
    -moz-border-radius: 20px 20px / 20px 20px;
    border-radius: 5px 5px / 5px 5px;
    border: 2px solid #BDBDBD;
    }
    .deleted-comment {
    font-style:underlined;
    color:transparent;
    }
    .feed-links {
    clear: both;
    line-height: 2.5em;
    }
    #blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float: right;
    }
    #blog-pager {
    text-align: center;
    }
    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar h2 {
     text-align:right;
    background-image:url( http://4.bp.blogspot.com/-aW96vmOKF1k/TpsZEl064FI/AAAAAAAABBc/UUHNZ0hAFiY/s1600/peachvintage.jpg);
    border-bottom: 2px dashed #BDBDBD;
    margin:1em;
    font: normal normal 12px Century Gothic;
    color: #4D4D4D;
    }
                                                             
    .sidebar ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .sidebar li {
      margin: 0;
      padding-top: 0;
      padding-$endSide: 0;
      padding-bottom: .5em;
      padding-$startSide: 15px;
      text-indent: -15px;
      line-height: 1.5em;
    }
    .sidebar {
      color: $textColor;
      line-height:1.3em;
    }
    .sidebar .widget {
      margin-bottom: 1em;
    }
    .sidebar .widget-content {
      margin: 0 5px;
    }
    /* Profile
    ----------------------------------------------- */
    .profile-img {
      float: $startSide;
      margin-top: 0;
      margin-$endSide: 5px;
      margin-bottom: 5px;
      margin-$startSide: 0;
      padding: 4px;
      border: 1px solid $borderColor;
    }
    .profile-data {
      margin:0;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-weight: bold;
      line-height: 1.6em;
      font-size: 78%;
    }
    .profile-datablock {
      margin:.5em 0 .5em;
    }
    .profile-textblock {
      margin: 0.5em 0;
      line-height: 1.6em;
    }
                                                             
    /* Footer
    ----------------------------------------------- */
    #footer {
      clear: both;
      text-align: center;
      color: $textColor;
    }
    #footer .widget {
      margin:.5em;
      padding-top: 20px;
      font-size: 85%;
      line-height: 1.5em;
      text-align: $startSide;
    ::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; border-right:5px solid white; }
    ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 2px; display: block; background: #FFFFFF;}
    ::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
    ::-webkit-scrollbar-thumb{
    background-color: #BDBDBD;
    ; -webkit-border-radius: 400px; border-radius: 400px; }
    }
    ]]></b:skin>
      </head>
      <body>
      <div id='outer-wrapper'><div id='wrap2'>
        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>
        <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Shy Grey (Header)' type='Header'/>
</b:section>
        </div>
        <div id='content-wrapper'>
          <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol'/>
          </div>
          <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
          </div>
          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='The owner' type='HTML'/>
<b:widget id='Text1' locked='false' title='Blogs Info' type='Text'/>
</b:section>
          </div>
          <!-- spacer for skins that want sidebar and main to be the same height-->
          <div class='clear'>&#160;</div>
        </div> <!-- end content-wrapper -->
        <div id='footer-wrapper'>
          <b:section class='footer' id='footer'/>
        </div>
     </div></div> <!-- end outer-wrapper -->
    <center>Tempelate Designed by <a href='http://miraahussin.blogspot.com/'><b>Miraa Hussin</b></a>| Copyright-2011</center>
    </body>
    </html>
3. Preview and save

Purple Vintage Skin

 
Click to enlarge
What you need to do is ;
1. Copy all the codes
2. Paste it to your HTML .//psst ! don't need to tick to expand okay ?

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
 #navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">
  <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/
body {
    background: url(http://1.bp.blogspot.com/-4E1UKBEXkHs/TpsY_jRoe6I/AAAAAAAABBU/zkUtDi3JD2A/s1600/purplevintage.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0;
    padding: 0px;
    font: x-small Verdana, Arial;
    text-align: center;
    color: #000000;
    font-size/* */:/**/small;
    font-size: /**/small;
    letter-spacing:1px;
    }
a:link {
  text-decoration: none;
color: #D0A9F5;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 762px;
  margin: 0 auto;
  background-color: $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
}
#header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                             
/* Content
----------------------------------------------- */
.clear {
  clear: both;
}

#content-wrapper {
    width: 760px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background : url(http://i1203.photobucket.com/albums/bb392/Ikha00/20070320_313973.gif);
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 468px;
  float: $startSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;
  float: $endSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
 border: 1px dashed #BE81F7;
background: url(http://1.bp.blogspot.com/-4E1UKBEXkHs/TpsY_jRoe6I/AAAAAAAABBU/zkUtDi3JD2A/s1600/purplevintage.jpg);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 87%;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  background: url(http://1.bp.blogspot.com/-4E1UKBEXkHs/TpsY_jRoe6I/AAAAAAAABBU/zkUtDi3JD2A/s1600/purplevintage.jpg);
border-radius: 5px;
border: 2px solid #BE81F7;
margin:1.0em;
padding:5px;
}
.post blockquote:hover {
background-color: #BE81F7;
-webkit-transition-duration: 2.4s;
border-left:9px solid #D0A9F5;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(http://1.bp.blogspot.com/-4E1UKBEXkHs/TpsY_jRoe6I/AAAAAAAABBU/zkUtDi3JD2A/s1600/purplevintage.jpg) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #D0A9F5;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 text-align:right;
background-image:url( http://1.bp.blogspot.com/-4E1UKBEXkHs/TpsY_jRoe6I/AAAAAAAABBU/zkUtDi3JD2A/s1600/purplevintage.jpg);
border-bottom: 2px dashed #BE81F7;
margin:1em;
font: normal normal 12px Century Gothic;
color: #4D4D4D;
}
                                                             
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
  margin-bottom: 1em;
}
.sidebar .widget-content {
  margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
                                                             
/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 2px; display: block; background: #FFFFFF;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb{
background-color: #BE81F7;
; -webkit-border-radius: 400px; border-radius: 400px; }
}
]]></b:skin>
  </head>
  <body>
  <div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Miraa Hussin (Header)' type='Header'/>
</b:section>
    </div>
    <div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Big Boss' type='HTML'/>
<b:widget id='Text1' locked='false' title='Blog&apos;s Info' type='Text'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
</body>
</html>
3. Preview and save

Flower Skin II

Click to enlarge
What you need to do is ;
1. Copy all the codes
2. Paste it to your HTML .//psst ! don't need to tick to expand okay ?
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
 #navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">
  <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/
body {
    background: url(http://4.bp.blogspot.com/-MTJ6-1zWHzs/TpsbYPEZKsI/AAAAAAAABBk/TQFazOqtcN8/s1600/autumn.png);
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0;
    padding: 0px;
    font: x-small Verdana, Arial;
    text-align: center;
    color: #000000;
    font-size/* */:/**/small;
    font-size: /**/small;
    letter-spacing:1px;
    }
a:link {
  text-decoration: none;
color: #D0A9F5;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 762px;
  margin: 0 auto;
  background-color: $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
}
#header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                             
/* Content
----------------------------------------------- */
.clear {
  clear: both;
}

#content-wrapper {
    width: 760px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background : url(http://i1203.photobucket.com/albums/bb392/Ikha00/20070320_313973.gif);
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 468px;
  float: $startSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;
  float: $endSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
 border: 1px dashed #BE81F7;
background: url(http://3.bp.blogspot.com/-uuPhLLSzWKU/Tpsba2lsQBI/AAAAAAAABBs/wcDMlMvY75s/s1600/flow.png);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 87%;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  background: url( http://3.bp.blogspot.com/-uuPhLLSzWKU/Tpsba2lsQBI/AAAAAAAABBs/wcDMlMvY75s/s1600/flow.png);
border-radius: 5px;
border: 2px solid #BE81F7;
margin:1.0em;
padding:5px;
}
.post blockquote:hover {
background-color: #BE81F7;
-webkit-transition-duration: 2.4s;
border-left:9px solid #D0A9F5;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(http://3.bp.blogspot.com/-uuPhLLSzWKU/Tpsba2lsQBI/AAAAAAAABBs/wcDMlMvY75s/s1600/flow.png) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #D0A9F5;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 text-align:right;
background-image:url( http://3.bp.blogspot.com/-uuPhLLSzWKU/Tpsba2lsQBI/AAAAAAAABBs/wcDMlMvY75s/s1600/flow.png);
border-bottom: 2px dashed #BE81F7;
margin:1em;
font: normal normal 12px Century Gothic;
color: #4D4D4D;
}
                                                             
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
  margin-bottom: 1em;
}
.sidebar .widget-content {
  margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
                                                             
/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 2px; display: block; background: #FFFFFF;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb{
background-color: #BE81F7;
; -webkit-border-radius: 400px; border-radius: 400px; }
}
]]></b:skin>
  </head>
  <body>
  <div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Miraa Hussin (Header)' type='Header'/>
</b:section>
    </div>
    <div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Big Boss' type='HTML'/>
<b:widget id='Text1' locked='false' title='Blog&apos;s Info' type='Text'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
</body>
</html>
3. Preview and save           

Flower Skin I

Click to enlarge
What you need to do is ;
1. Copy all the codes
2. Paste it to your HTML .//psst ! don't need to tick to expand okay ?
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
 #navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">
  <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/
body {
    background: url(http://3.bp.blogspot.com/-uuPhLLSzWKU/Tpsba2lsQBI/AAAAAAAABBs/wcDMlMvY75s/s1600/flow.png);
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0;
    padding: 0px;
    font: x-small Verdana, Arial;
    text-align: center;
    color: #000000;
    font-size/* */:/**/small;
    font-size: /**/small;
    letter-spacing:1px;
    }
a:link {
  text-decoration: none;
color: #D0A9F5;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 762px;
  margin: 0 auto;
  background-color: $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
}
#header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                             
/* Content
----------------------------------------------- */
.clear {
  clear: both;
}

#content-wrapper {
    width: 760px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background : url(http://i1203.photobucket.com/albums/bb392/Ikha00/20070320_313973.gif);
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 468px;
  float: $startSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;
  float: $endSide;
  background-color: transparent;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
 border: 1px dashed #BE81F7;
background: url(http://4.bp.blogspot.com/-MTJ6-1zWHzs/TpsbYPEZKsI/AAAAAAAABBk/TQFazOqtcN8/s1600/autumn.png);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 87%;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  background: url( http://4.bp.blogspot.com/-MTJ6-1zWHzs/TpsbYPEZKsI/AAAAAAAABBk/TQFazOqtcN8/s1600/autumn.png);
border-radius: 5px;
border: 2px solid #BE81F7;
margin:1.0em;
padding:5px;
}
.post blockquote:hover {
background-color: #BE81F7;
-webkit-transition-duration: 2.4s;
border-left:9px solid #D0A9F5;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url( http://4.bp.blogspot.com/-MTJ6-1zWHzs/TpsbYPEZKsI/AAAAAAAABBk/TQFazOqtcN8/s1600/autumn.png) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #D0A9F5;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 text-align:right;
background-image:url( http://4.bp.blogspot.com/-MTJ6-1zWHzs/TpsbYPEZKsI/AAAAAAAABBk/TQFazOqtcN8/s1600/autumn.png);
border-bottom: 2px dashed #BE81F7;
margin:1em;
font: normal normal 12px Century Gothic;
color: #4D4D4D;
}
                                                             
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
  margin-bottom: 1em;
}
.sidebar .widget-content {
  margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
                                                             
/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 2px; display: block; background: #FFFFFF;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb{
background-color: #BE81F7;
; -webkit-border-radius: 400px; border-radius: 400px; }
}
]]></b:skin>
  </head>
  <body>
  <div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Miraa Hussin (Header)' type='Header'/>
</b:section>
    </div>
    <div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Big Boss' type='HTML'/>
<b:widget id='Text1' locked='false' title='Blog&apos;s Info' type='Text'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
</body>
</html>
3. Preview and save