HOME STUFF AUTHOR EX-LINK GIFT THEMES

Jumat, 23 Juni 2017

Gift Buat Kak Agnel


Hai guys... aku mau kasih gift nih buat kak Angel. So langsung aja ya...

Ini background
1.
2.
3.
Maaf ya kalo gak sesuai.Backgroundnya aku ambil dari google.com

Ini code skins nya.Maaf kalo gak sesuai selera.Itu udah ada cboxnya warna biru Ok.


    <html><head>
    <!--------------------------------------
    Blogger Clasic Template
    Name: Frozen Blue
    Skin by: http://diarynashita.blogspot.com
    *Don't remove this*
    *Don't use this skin as basecode*
    --------------------------------------!>
    <script type="text/javascript">
    document.ondragstart = function () { return false; }; </script>
    <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative|Short+Stack|Petit+Formal+Script' rel='stylesheet' type='text/css'/>
    <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl773QmKa1qfamg6.gif">
    <title>//Blue Wonderland</title>
    <center><img class="headerr" src="https://1.bp.blogspot.com/-VKhvwdtQixw/WJ5k9KQQa3I/AAAAAAAABv4/2B017FimdIYuIdXuujUNVtrdZcDrXN6eACLcB/s1600/frozen%2Bheader1.png"/></center>
    <center><div style="background:#EAF4FF;width:892px;align:center;border-right: 4px solid #c2e1ff;border-left: 4px solid #c2e1ff;">
    <a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a>
    <a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a>
    <a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a>
    <a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuff</a>
    <a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('other').innerHTML" >Other</a>
    </div></center>

    <style type="text/css">
    #navbar-iframe {
    display: none;
    }

    body {
    color:#333333;
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRxzcd--Qt-Cv38K4EgefWO-OLNeP3z0gM5uCWYOBJ2WNYaUlfXJg);
    background-attachment:fixed;
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur266.cur), auto;
    font-family: short stack;
    letter-spacing: 1px;
    line-height: 15px
    font-size: 11px;
    }
    a:link, a:visited {
    text-decoration:none;'
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    border:1px 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:#444444;
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur816.cur), progress;
    }
    a:hover{
    border:1px solid #B8DBFF;
    color:#B8DBFF;
    }
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    height: 10px;
    width: 10px;
    display: block;
    background: #c2e1ff;
    border: 1px solid #EBF5FF;
    }
    ::-webkit-scrollbar-track-piece  {
    background-color: #c2e1ff;
    border: 4px solid #EBF5FF;
    }
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #ffffff;
    border: 3px solid #c2e1ff;
    border-radius:10px;
    }
    .headerr {
    opacity:1;
    margin-top:10px;
    border-radius:0px;
    }
    .headerr:hover {
    opacity:1;}
    img {
    opacity:1;
    -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;
    }

    img:hover {
    opacity:0.6;
    }
    ::-moz-selection {
    background:#F5FAFF;
    color:#99CCFF;
    }

    ::selection {
    background:#F5FAFF;
    color:#99CCFF;
    }

    blockquote {
    border-left: 20px groove #C2E0FF;
    border-right: 2px solid #C2e0ff;
    border-radius:10px;
    border-top: 2px solid #C2E0FF;
    border-bottom: 2px solid #C2E0FF;
    background:#F0F5FF;
    padding :4px;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    }
    blockquote:hover {
    border-left: 2px solid #C2E0FF;
    border-right: 20px ridge #C2E0FF;
    border-top: 2px solid #C2E0FF;
    border-bottom: 2px solid #C2E0FF;
    background:#ffffff;
    background-position:bottom right;
    background-repeat:no-repeat;
    padding :4px;]
    -webkit-box-shadow: 0px 0px 12px #99CCFF;
    -moz-box-shadow:    0px 0px 12px #99CCFF;
    box-shadow:         0px 0px 12px #99CCFF;
    }
    .h1 {
    font-size: 14px;
    font-family: 'Cinzel Decorative', cursive;
    margin-top: 15px; margin-bottom:5px;
    border-radius:10px;
    text-transform:uppercase;
    color:#222222;
    letter-spacing:2px;
    padding: 5px;
    line-height:15px;
    text-align: center;
    border-left: 25px solid #C2E0FF;
    border-right: 25px solid #C2E0FF;
    background: #EEF6FF;
    -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-left: 50px solid #C2E0FF;
    border-right: 0px solid #C2E0FF;
    }
    .title-b {
    color:#333333;
    text-align: center;
    font:12px candara;
    }

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

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

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

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

    strike:hover {
    color: transparent;
    }
    a.lola{
    width:100px;
    padding:5px;
    border-radius:20px;
    margin:10px;
    display:inline-block;
    background:#CEE4FF;
    font:18px chewy !important;
    text-transform:uppercase;
    text-align:center;
    Text-decoration:none;
    color:#FFFFFF;
    letter-spacing:5px;
    border:none;
    text-shadow: #aaa 1px 1px 2px;
    -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.lola:hover{
    border:none;
    transform: rotate(-360deg) scale(0.6) ;
    -webkit-transform: rotate(-360deg) scale(0.6);
    -moz-transform: rotate(-360deg) scale(0.6);
    -o-transform: rotate(-360deg) scale(0.6) ;
    -ms-transform: rotate(-360deg) scale(0.6) ;
    }
    a.tablo{
    background:#EBF5FF;
    width:50px;
    font-family: 'Cinzel Decorative', cursive;
    padding-top:16px;
    padding-bottom:16px;
    display:inline-block;
    border-radius: 50px;
    text-align:center;
    color: #555;
    letter-spacing:1px;
    font-size: 10px;
    border:2px solid #D6EBFF;
    -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.tablo:hover{
    background:#D6EBFF;
    border:2px solid #ffffff;
    color:#000000;
    }
    a.linkies {
    display:inline-block;
    width:150px;
    background:#D6EBFF;
    padding: 3px;
    margin: 2px;text-align:center;
    color:#222222;border:none;
    -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.linkies:hover {
    color:#ffffff;
    background:#A3D1FF;
    border:none;
    }
    a.nav{
    box-shadow: inset 9px 0 0px 0 #D6EBFF;
    margin:2px;
    padding:3px;
    display:inline-block;
    text-align:center;
    background: #fff;
    color:4d4d4d;
    width:350px;
    border:1px solid #99CCFF;
    border-left:20px solid #A3C2FF;
    width: 350px;
    -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.nav:hover{
    box-shadow: inset 850px 0 0px 0 #FFFFFF;
    color: #555;
    }
    a.uhmy {
    letter-spacing:1px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin:3px;
    cursor:http://cur.cursors-4u.net/cursors/cur-9/cur266.cur;
    text-transform:uppercase;
    display:inline-block;
    font:9px Tahoma;
    text-align:center;
    background: #fff;
    width:350px;
    color:#777;
    padding:5px;
    border:4px double #C2E0FF;
    text-decoration:none;
    }
    a.uhmy:hover{
    border:2px solid #A3E0FF;
    color:#b2b2b2;
    }
    .cutie {
    background: #ffffff;
    color: #6C6C6C;
    font-size: 11px;
    padding: 4px;
    width: 250px;
    border-radius: 10px;
    text-align: justify;
    }

    .mimi {
    font: 16px century gothic;
    color:#222222;
    letter-spacing:4px;
    padding: 3px;
    margin-top:10px;
    text-align: center;
    border-radius:15px 5px 15px 5px;
    border-left: 5px solid #C2EBFF;
    border-right: 5px solid #C2EBFF;
    background: #EEF6FF;
    -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;
    }
    .mimi:hover {
    border-radius:30px;
    }

    .old {
    margin-top:10px;
    background:#F0F5FF;
    font:12px century gothic;
    padding:2px;
    width:300px;
    color:#444444;
    border-radius:10px;
    align:center;
    text-align:center;
    }
    /* Comment Start
    ----------------------------------------------- */
    #comments h4 {
    text-align:center; color: #ffffff; text-shadow: 1px 1px 1px #777777;
    border: 2px dashed #FFFFFF;font-weight:normal;font:20px cheri;width:400px;
    -webkit-border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -moz-border-radius: 15px;
    padding:3px;
    border-radius: 15px;
    box-shadow:0px 0px 4px 3px #CEE4FF;background:#CEE4FF;
    }
    #comments-block {
    width:480px;
    margin:1.5em;
    background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831636.png);
    color:#555555;text-align:left;
    font:11px short stack;
    padding:5px;box-shadow:0px 0px 4px 4px #E9F3FF;
    border:2px dashed #FFFFFF;border-radius:20px;
    }
    #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;
    }
    .comment-body p {
    margin:0 0 .60em;
    padding: 5px 5px 5px 5px;
    background: #E9F3FF;
    border-radius: 25px;
    box-shadow:0px 0px 4px 4px #D2E7FF;
    border:2px dashed #FFFFFF;
    }
    .comment-timestamp {
    margin:1em;
    padding:5px;margin-bottom:2em;
    color:#666666;width:200px;
    box-shadow:0px 0px 4px 4px #D2E7FF;background:#E9F3FF;
    border:2px dashed #FFFFFF;border-radius: 25px;
    }
    .comment-data {
    background:#FFFFFF;
    box-shadow:0px 0px 4px 4px #D2E7FF;
    border:2px dashed #FFFFFF;border-radius: 25px;
    margin-top:5px !important;margin-bottom:5px !important;
    padding:3px;width:250px;
    color:#666666;text-align:center;
    }
    .comment-date {
    background:#FFFFFF;
    box-shadow:0px 0px 4px 4px #D2E7FF;width:180px;float:right;
    border:2px dashed #FFFFFF;border-radius: 25px;
    margin-top:5px !important;margin-bottom:5px !important;
    padding:3px;color:#666666;
    text-align:center;
    }
    .deleted-comment {
    font-style:italic;
    color:#B2B2B2;
    }
    /* Comment Ends
    ----------------------------------------------- */
    </style>
    </head>


    <!-------- MAIN WRAPPER --------!>
    <table style="margin-bottom: 20px;font-size: 11px; color: #333333;line-height: 16px; background:url(http://i.imgur.com/DKomg.png); border: 4px solid #c2e1ff; border-bottom:20px solid #c2e1ff;border-top:0px solid #c2e1ff;" width="900" align="center" border="0" cellspacing="10";>
    <tbody><tr>
    <td valign="top" style="width:530px; padding-right:5px; border-right:1px solid #99CCFF; padding-bottom:5px;">
    <div id="page">
    <blogger><div class="h1"><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 /><br />
    <itempage>
      <div id="comments" style="margin-top:5px;">
     <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$>:</h4></center>
    <center>
    <dl id="comments-block">
    <div style="width:465px;padding:5px;">
          <$CommentPager$>
          <blogitemcomments>
    <dt class="comment-date" id="<$I18NAtCommentTimeWithPermalink$></dt>
    <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
     <$I18NCommentAuthorsaid$>
    </dt>
    <dd class="comment-body">
            <p>
    <$BlogCommentBody$></p>
          </dd>
       </BlogItemComments>
        <$CommentPager$>
        </dl></center>
    </div>
    <center><p class="comment-timestamp">
    <$BlogItemCreate$>
        </p>
        </div>
    </ItemPage></center>


    </blogger>
    <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>
    </center>
    <!-------- SIDEBAR WRAPPER --------!>

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

    <div class="cutie">
    <div class="mimi">Click</div><br>
    <center><img src="http://www.spwallpapers.com/var/albums/Others-Resolution/Cute%20cartoon%20bear%20wallpapers%20960x640/Cute%20cartoon%20bear%20wallpapers%20960x640%20(11).jpg?m=1341455762" width="240"height="170"><br><br>
    <div style="font-size: 13px;text-align: center;font-family: 'Petit Formal Script', cursive;border-radius: 10px;background:#fff;color:808080;"><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">follow</a> | <a href="http://www.blogger.com/home" ">dash</a><br><br><span style=font-size:20px;text-align:center; padding-left:20px;display:inline-block;center;">
    <div class="top">
    </div></div>

    <div class="cutie">
    <div class="mimi">Disclaimer</div><br>
    <center><img src="http://www.spwallpapers.com/var/albums/Others-Resolution/Cute%20cartoon%20bear%20wallpapers%20960x640/Cute%20cartoon%20bear%20wallpapers%20960x640%20(04).jpg?m=1341455744";width="240"height="170"><br><br>
    <div style="text-align:center;">Asssalamualaikum and hye visitor...Welcome to my online diary . Please navigate around happily. And follow me if you like to ;> Hate my blog?click <a href="javascript:window.close();">Here</a><br><br></div>
    <div class="cutie">
    <div class="mimi">Speak now!</div><br>
    <center><img src="http://www.sadmuffin.net/cherrybam/graphics/graphics-cute2/019.gif"  ><br><br><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
        <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
        <param name="bgcolor" value="#FFFFFF" />
        <param name="FlashVars" value="mp3=http%3A//media.irondj.net/mix/file/29087/Set_Fire_To_The_Rain.mp3&amp;autoplay=1&amp;bgcolor=FFFFFF&amp;loadingcolor=99CCFF&amp;buttoncolor=99CCFF&amp;slidercolor=99CCFF" />
    </object>
    <center>Don't use harsh word<center>
    <center>Put your blog url<center><br>

    <iframe src="https://www4.cbox.ws/box/?boxid=4337077&boxtag=IZAXAm" width="100%" height="450" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>  
    <div class="cutie">
    <div class="mimi">Advertise</div><br>
    <center><img src="http://www.cute-pictures.net/actual_images/cute-picture-of-bear-cartoon-in-bathtub_800x600.jpg" width="230" height="150"><br><br>
    <center><select style="background-color: #F0F5FF; color: #4D4D4D; font: 10px 'Patrick Hand', cursive; letter-spacing: 2px; border: 1px #99CCFF 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>

    Blog Owner: <a href="YourBlogURL">Your name</a><br>
    Credit: <a href="http://kawaiilady.blogspot.com/">KawaiiLady</a><a href="http://diarynashita"> Nashita</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>
    </div>
    </td>
    </tr></tbody>
    </table>

    <div id="profile" style="display: none;">
    <div class="h1">Meet The Owner</div><br>
    <center><img src="http://cdn.buzznet.com/assets/users12/animegirl555/default/snow-day--large-msg-115972182677.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://74211.com/wallpaper/picture_big/Free_Wallpaper__A_Cozy_and_Warm_House_in_the_Snowy_World.jpg"width="450" /><br><br>
    <div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; Exchange link? tell me at my cbox...<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; Put mine as...<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; Also include your nickname to put...<br><br><br>
    <center>
    <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>
    <a class="linkies" href="">friend</a>
    <a class="linkies" href="">friend</a>
    <a class="linkies" href="">friend</a><br/><br/>
    </div></center>
    <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://cs315321.vk.me/v315321322/15d4/Nq9qVVHVV-A.jpg" width="450" /></div><br>

    <div style="text-align: left; padding-left: 20px; padding-right: 20px;">
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; 1. your rules.<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif"/>&nbsp; 2. your rules.<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; 3. your rules.<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.gif" />&nbsp; 4. blablabla.<br>
    <img src="http://media.tumblr.com/tumblr_lnvuxsy7uD1qepbs7.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://www.wallpapermay.com/thumbnails/detail/20120607/rain%20flowers%20leaves%20school%20uniforms%20skirts%20outdoors%20plants%20anime%20boys%20closed%20eyes%20umbrellas%20bag%20anim_www.wallpapermay.com_68.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>
    <div id="free" style="display: none;">
    <div class="h1">Extras by me...</div><br>
    <center><img src="http://cache.desktopnexus.com/thumbnails/1046432-bigthumbnail.jpg"width="450" /></center><br>
    <br><br>
    <center><u>Template designer.</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>
    </div>

    <div id="other" style="display: none;">
    <div class="h1">Free page...</div><br>
    <center><img src="http://izograf888.com/domains_data//rozhdestvo_Pict.jpg"width="450" /></center><br>
    <br><br>
    <center><u>Anything here</u><br><br>
    Put anything here like bias list or etc...
    <br /><br/>
    </div>

    <div id="diary" style="display: none;">
    <blogger><div class="h1"><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 /><br />
    <itempage>
      <div id="comments" style="margin-top:5px;">
     <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$>:</h4></center>
    <center>
    <dl id="comments-block">
    <div style="width:465px;padding:5px;">
          <$CommentPager$>
          <blogitemcomments>
    <dt class="comment-date" id="<$I18NAtCommentTimeWithPermalink$></dt>
    <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
     <$I18NCommentAuthorsaid$>
    </dt>
    <dd class="comment-body">
            <p>
    <$BlogCommentBody$></p>
          </dd>
       </BlogItemComments>
        <$CommentPager$>
        </dl></center>
    </div>
    <center><p class="comment-timestamp">
    <$BlogItemCreate$>
        </p>
        </div>
    </ItemPage></center>


    </blogger>

    <script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>
    <script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>
    </body></html></table>

1 komentar: