ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ห้องลับๆ

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

    • อัปเดตล่าสุด 15 ก.ย. 56


    <!-------- BASIC CODE --------!>
    <html><head>
    <div style=" background-image: url('http://i.imgur.com/SdrkT.png'); top: -10px;  width: 100%; left:0px; height: 44px; ; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
    <center><img class="headerr" src="http://1.bp.blogspot.com/-4pVk5xk5Xbw/UIKs27sIWdI/AAAAAAAAAN4/BOeWLN1SZ9A/s1600/FAFIS-1.png"/></center>
    <link rel="shortcut icon" href="http://applepine.chu.jp/icon/sen/flower5.gif" />
    <title>Both Of Us</title>
    </head>
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
    <style type="text/css">
    #navbar-iframe {
    display: none;
    }
    body {
    background: url(http://2.bp.blogspot.com/-oF3Rzo6lwPg/T87nf_WFEeI/AAAAAAAAByg/MK1F17ofDec/s1600/pinkk.gif);
    background-attachment: fixed;
    font-family:verdana; 
    font-size:13px;color:#808080;
    cursor: url(http://i.imgur.com/fqwGv.png), auto;
    }
    a:link,a:visited{
    text-decoration:none;
    color:#A9F5F2;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    a:hover{
    color:#fff;
    background:#A9F5F2;
    }
    .title-a {
    font: 25px Amatic SC;
    margin-top: 7px;
    margin-bottom: 3px;
    margin-left: 1px;
    margin-right: 1px;
    color:#919191;
    letter-spacing:2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height:15px;
    text-align: center;
    border-left: 4px solid #FFB1B1;
    border-right: 4px solid #FFB1B1;
    border-top: 1px solid #FFD2D2;
    border-bottom: 1px solid #FFD2D2;
    background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%25283%2529.png);
    }
     
    .title-b {
    text-align: center;
    font:11px Consolas;
    }
    .headerr {
    margin-top:0px;
    margin-left:0px;
    -webkit-transition:1s
    }
    .headerr:hover {
    padding-left: 50px;
    -webkit-transition-duration: 1s;
    }
    blockquote{
    background: url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%25283%2529.png);
    padding:5px;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    border-left:20px solid #FFDDDD;
    color:#9C9C9C;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    }
    blockquote:hover{
    border-left:20px solid #eee;
    }
    ::-webkit-scrollbar{width:6px;height:6px;background:#fff}
    ::-webkit-scrollbar-thumb{background:#FEE3D2;}
     
    b, strong {
    color: #FFD3D3;
    font-weight:bold;
    }
    i , s, strike {
    color: #F7BE81;
    }
    u, underline {
    color: #FFD3D3;
    border-bottom: 2px #F7F2E0 solid;
    text-decoration: none;
    }
    .adv2 ul{background:url(http://i.imgur.com/LsUfp.png);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}
     
    .adv2 p{padding:5px;text-align:left;width:250px;color:#555;}
     
    a.tablo{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
    background:#FFDDDD;
    width:50px;
    font:8px tt;
    padding:3px;
    text-decoration:none;
    color:#555; 
    display:inline-block;
    text-align:center;
    }
    a.tablo:hover{background:#FF7171;color:#fff;}
     
    @font-face {
    font-family:tt;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
    }
     
    ::-moz-selection {
    background:#FFD3D3;
    color:black;}
    ::selection {
    background:#FFD3D3;
    color:black;}
     
    a.linkies {
    display:inline-block;
    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;
    }
    .old {
    background: url(http://4.bp.blogspot.com/-yk7xYe6rDb8/UAKuKSK7SMI/AAAAAAAADlI/eBDKAxwVYgk/s1600/gadsd.png); 
    font:12px trebuchet ms;
    padding:2px;
    text-align:center;
    }
    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:1px;
    cursor:pointer;
    text-transform:uppercase;
    display:inline-block;
    font:8px tt;
    text-align:center;
    background: #fff;
    width:220px;
    color:#777;
    padding:2px;
    border:1px solid #ccc;
    border-left:20px solid #ccc;
    text-decoration:none;
    }
    a.uhmy:hover{
    border-left:1px solid #ccc;
    border:1px solid #ccc;
    border-right:20px solid #ccc;
    }
    @font-face {
    font-family:tt;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
    }
    .cutie {
    background: #ffffff;
    color: #666;
    font-size: 11px;
    padding: 4px;
    width: 240px;
    border-radius: 10px;
    text-align: justify;
    }
    </style> 
    <div style="display:scroll; position:fixed; top:50px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID !" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-VDLbp3-y6es/UFMFjywDZcI/AAAAAAAALcM/YRPHPCh2sSQ/s1600/fpink.png" /></a> <div style="display:scroll; position:fixed; top:50px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Bv5a8wOdvKM/UFMFmF6e7VI/AAAAAAAALcU/zJCZ3xjYNew/s1600/dpink.png" /></a></div></div>
     
    <body>
    <!-------- MAIN WRAPPER --------!>
     
    <table style="margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF; border: 1px solid #eee; border-radius:10px;" width="800" align="center" border="0" cellspacing="10">
    <tbody><tr>
    <td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">
    <div id="page">
    <blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
    <$BlogItemBody$></br>
    </blogger>
    <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>
     
    <!-------- SIDEBAR WRAPPER --------!>
     
    <td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">
     
    <div class="cutie">
    <center><img src="http://4.bp.blogspot.com/-_1XWU1natXA/TkPZUlP_3gI/AAAAAAAABNo/-YWgZBpqsdY/s1600/disclaimer3.png"></center>
    <center><img src="http://25.media.tumblr.com/tumblr_mbi3ashQ0C1qb4hv5o1_500.jpg" width="230" height="150"><br><br>
    Welcome to my blog . Please navigate around happily. And follow me if you like to ;> Don't forget to leave your footsteps so I can visit you back ;3 <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s><br><br>
    </style>
    <center>
    <div style="background:url(http://1.bp.blogspot.com/-KwXmHRRyaMw/T57A0CeOEfI/AAAAAAAADD8/CM4-NMwYyFk/s1600/stripe_62c6ac6939f9a44527fb43f6f1c8ce64.png);width:250px;padding:2px;  ">
    </div>
    <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a> 
    <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a> 
    <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a> 
    <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML" >Stuff</a>
     
    <div style="background:url(http://1.bp.blogspot.com/-KwXmHRRyaMw/T57A0CeOEfI/AAAAAAAADD8/CM4-NMwYyFk/s1600/stripe_62c6ac6939f9a44527fb43f6f1c8ce64.png);width:250px;padding:2px; margin-top:5px; ">
    </div>
     
    <div class="cutie">
    <center><img src="http://4.bp.blogspot.com/-M_EFjJbT8yg/TkPZViec7VI/AAAAAAAABNw/YH7TBsd9j8g/s1600/tagboard3.png">
    <center><img src="http://24.media.tumblr.com/tumblr_mbcwts6YkK1rbavh7o1_500.png" width="230" height="150"><br><br>
    Put your cbox code here ! :)
     
    <!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
    <div class="cutie">
    <center><img src="http://4.bp.blogspot.com/-KL7A8T-hj3E/TkPZXYlq9LI/AAAAAAAABN0/6dXX1jE8H5E/s1600/advertise3.png"></center>
    <center><img src="http://24.media.tumblr.com/tumblr_mag76eeGw01r60noro1_500.png" width="230" height="150"><br><br>
    Template By: <a href="http://umihumairayusof.blogspot.com/">Umi Humaira</a><br>
    Big helped: <a href="http://wanaseoby.blogspot.com/">Wana</a><br>
    Owner: <a href="YOUR BLOG URL">YOUR NAME</a><br></div>
     
    <!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
     
    </td>
    </tr></tbody>
    </table>
     
    <div id="profile" style="display: none;">
    <div class="title-a">Meet The Owner</div><br>
    <center><img src="http://25.media.tumblr.com/tumblr_mbuyuiFc8l1ranftxo1_500.jpg"width="450" /></center><br>
    <b>Name</b> : Umi <br>
    <b>Long Name</b> : Umi Humaira <br>
    <b>Born on</b> : 29 April <br>
    <b>Live in</b> : Earth <br>
    <b>Wishes</b> : Wanna go to Paris! <br><br>
    <u>I like </u><br>
    - Blogwalking <br>
    - Stalker <br>
    - Eat <br>
    - Facebooking <br>
    - TwitterKing *HAHA <br>
    - Online <br><br>
     
    <u>I Hate </u><br>
    - CopyCat <br>
    - Back Stabbers <br>
    - Hipokrit <br><br><br>
     
    <center>PLEASE CHANGE THIS SECTION WITH YOUR OWN PROFILE ! :)</center>
    </div>
     
    <div id="links" style="display: none;">
    <div class="title-a">I love make new friendship</div><br>
    <center>
    <img src="http://24.media.tumblr.com/tumblr_mc1e4k8sPn1qgujfno1_500.jpg"width="450" /><br><br>
    <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>
    <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 class="title-a">credit:</div><br/>
    Skin by <a href="http://umihumairayusof.blogspot.com/">Umi</a>
    </div>
    <div id="stuff" style="display: none;">
    <div class="title-a">Anything here</div><br>
    <center><img src="http://24.media.tumblr.com/tumblr_mbpc62z0oq1rqmuk5o1_500.png"width="450" /></center><br>
    <center>TUTORIAL PAGE ! CHANGE WITH YOURS !</center>
    <br><br>
    <u>Template Designer</u><br>
    <br>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a>
    <a class="uhmy" href="http://www.blogger.com/LINK">option</a><br />
     
    </div>
     
    <div id="diary" style="display: none;">
    <blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
    <$BlogItemBody$></br>
    </blogger>
    <div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"> Newer Posts</a> or </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>
     
    </body></html></table>

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×