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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Free ★ ID DREAM 4U

    ลำดับตอนที่ #3 : Sweetness is Everything

    • อัปเดตล่าสุด 16 พ.ค. 55


     

    Skin thumbnail

    PREVIEW



    <html>

    <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

    <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

    <head>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type='text/javascript' language='Javascript'>

    var scrolltotop={

    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).

    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="http://3.bp.blogspot.com/-aBxA5mgARIQ/TyTzQ3hqcqI/AAAAAAAADRc/6TqfFSrRgvY/s1600/topp.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner

    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

    if (!this.cssfixedsupport) //if control is positioned using JavaScript

    this.$control.css({opacity:0}) //hide control immediately after clicking it

    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

    dest=jQuery('#'+dest).offset().top

    else

    dest=0

    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

    keepfixed:function(){

    var $window=jQuery(window)

    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

    this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

    var scrolltop=jQuery(window).scrollTop()

    if (!this.cssfixedsupport)

    this.keepfixed()

    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

    if (this.state.shouldvisible && !this.state.isvisible){

    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

    this.state.isvisible=true

    }

    else if (this.state.shouldvisible==false && this.state.isvisible){

    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

    this.state.isvisible=false

    }

    },

    init:function(){

    jQuery(document).ready(function($){

    var mainobj=scrolltotop

    var iebrws=document.all

    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

    .attr({title:'Scroll Back to Top'})

    .click(function(){mainobj.scrollup(); return false})

    .appendTo('body')

    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

    mainobj.togglecontrol()

    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

    mainobj.scrollup()

    return false

    })

    $(window).bind('scroll resize', function(e){

    mainobj.togglecontrol()

    })

    })

    }

    }

    scrolltotop.init()

    </script>


    <script type="text/javascript">

    function disableSelection(target){

    if (typeof target.onselectstart!="undefined") //IE route

    target.onselectstart=function(){return false}

    else if (typeof target.style.MozUserSelect!="undefined") //Firefox route

    target.style.MozUserSelect="none"

    else //All other route (ie: Opera)

    target.onmousedown=function(){return false}

    target.style.cursor = "default"

    }

    //Sample usages

    //disableSelection(document.body) //Disable text selection on entire body

    //disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"

    </script>

    <script type="text/javascript">

    disableSelection(document.body) //disable text selection on entire body of page

    </script> 


    <script type="text/javascript">

    document.ondragstart = function () { return false; }; </script>


    <center><img style="margin-bottom: -30px; margin-top: 40px;" src="http://4.bp.blogspot.com/-69Kj9fAhyMs/TyTooURcJdI/AAAAAAAADRU/oPQhdvMznTk/s1600/sweet.png" /></center>

    <title>Sweetness</title><link rel="shortcut icon" href="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new11.png">

    <style type="text/css">

    #navbar-iframe {display: none;}

    body {

    background:#000;

    font-family: century gothic, tahoma, sans-serif;

    background-attachment:fixed;

    cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;

    }


    img {

    border-radius: 10px;

    }


    a:link, a:visited {

    color:#000;

    font-family: Short Stack;

    font-size: 11px;

    text-decoration:none;

    -webkit-transition:1s

    }

    a:hover {

    cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;

    color: #FAAFBE;

    -webkit-transition:1s

    border-bottom:1px dashed #FAAFBE;

    }

    .content {

    background:#ffffff;

    color:#000;

    font-size: 11px;

    padding:14px;

    width:600px;

    border-radius:10px;

    text-align:justify;

    cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;

    }

    .bar {

    background: #ffffff;

    cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;

    color: #000;

    font-size: 11px;

    padding: 8px;

    width: 230px;

    border-radius: 10px;

    text-align: justify;

    }

    .main-title {

    color:#FAAFBE;

    font-size:14px;

    font-family: 'Amatic SC'; 

    font-size: 45px;"

    padding:3px;

    margin-bottom: 20px;

    text-align: center;

    background: #000;

    }

    .sec-title {

    color: #000;

    text-align: center;

    padding-top: 3px;

    padding-bottom: 3px;

    font-size:11px;

    border-top: 1px solid #FAAFBE;

    border-bottom: 1px solid #FAAFBE;

    }

    ::-webkit-scrollbar {

    height:3px;

    width: 6px;

    background: #000;

    }


    ::-webkit-scrollbar-thumb {

    background-color: #FAAFBE;

    -moz-border-radius: 4px;

    border-radius: 4px;

    }

    blockquote {

    color:#000000;

    background:#FFFFFF;

    border:1px dashed #FAAFBE;

    padding:2px;

    border-radius:10px;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    -webkit-transition:1s

    }

    blockquote:hover {

    cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;

    color:#000000;

    border:1px dotted #FAAFBE;

    padding:2px;

    -webkit-transition:1s

    -moz-border-radius: 25px 10px / 10px 25px;

    border-radius: 25px 10px / 10px 25px;

    }

    u {

    text-decoration:none;

    border-bottom:1px dashed #FAAFBE; 

    }

    b {

    color: #FAAFBE;

    }

    a.cute {

    background: #FFFFFF;

    padding: 2px;

    letter-spacing: 2px;

    display: inline-block;

    font-family: Short Stack;

    border-radius: 5px;

    font-size: 11px;

    width: 190px;

    color: #736F6E;

    border: 1px #FAAFBE dotted;

    -webkit-transition:1s

    }

    a.cute:hover {

    -webkit-transition:1s

    border: 1px #FFFFFF dotted;

    background : #FAAFBE;

    color: #FFFFFF;

    }

    .hallo {

    text-align:center;

    margin-top: 250px;

    }

    </style>

    <body oncontextmenu='return false;'><br>


    <div style="position:fixed; overflow-x:hidden; overflow-y:hidden; padding:2px; left:0px; top:0px; width:100%; background: #fbcde6; opacity:0.7; color:#1c1c1c; font-size:11px; text-align:center;cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;"><div tyle="text-align: left;">

    <span style="font-family: 'Amatic SC'; font-size: 45px;">THE SWEETNESS</span></div> Welcome. It's pink and black. So ? Haha. This are the your path; <a href="http://www.blogger.com/home">Dashboard</a> | <a href="http://www.blogger.com/follow-blog.g?blogID=tukardenganblogidsendiri">+Follow</a></div>


    <table style="line-height: 17px;" width="900"  border="0" align="center" cellspacing="5">

    <tbody><tr>

    <td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;">

    <div id="content">

    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

    <$blogitembody$><br><div class="sec-title">Posted at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>

    </blogger><br>

    <center><OlderPosts><a href=<$OlderPosts$>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>Newer Post</a></NewerPosts></center></div>

    </div>

    </td>

    <td valign="top" width="230px">

    <div class="bar">

    <div class="main-title">say hai</div>


    <div class="separator" style="clear: both; text-align: center;">

    <img border="0" src="http://4.bp.blogspot.com/-AP1rhG3JyHs/TyT0lZXVnWI/AAAAAAAADRk/b19tlhXdXD0/s1600/252026_187822181278713_128002263927372_469447_4497339_n_large.jpg" />


    <a href="http://www.facebook.com/ziera.budaqucuk">Facebook</a> | <a href="https://twitter.com/#!/ziera_sharpLet">Twitter</a><br>

    Hai how's my new blogskin? Like it? Rate it boleh? Haha now it yours, you can remove my unvaluable speech here and put yours.</div></div>

    <br>

    <div class="bar">

    <div class="main-title">Scream here</div>

    <div class="separator" style="clear: both; text-align: center;">

    <img border="0" src="http://3.bp.blogspot.com/-nM2mEviQyvQ/TyT0mfL6bmI/AAAAAAAADRs/6HTKXdGedIA/s1600/tumblr_lkfsvp77MN1qc3d2ho1_500_large.jpg" /></div>


    <center>Put your shoutbox codes here ; width 200</div></center>

    <br>

    <div class="bar">

    <div class="main-title">Navigation</div><br>

    <center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a>

    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a>

    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Entries</a><br><br>

    </div>


    <div id="me" style="display:none;">

    <div class="main-title">i'm own this goges blog</div><br>

    <center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://2.bp.blogspot.com/-W2GyLP3cni4/TqY1v5T8ufI/AAAAAAAABWs/6Ce-EFn9eo4/s1600/tumblr_ltkcddYxr01r0ypfoo1_500_large.jpg" /></center><br>


    <div style="text-align: center;">

    My name is Ziera. I'm eighteen. Suri rumah separuh hari. Like to blogging and i'm more to blog designer.</div>

    <br><center>Know me better here http://cokelatitumanis.blogspot.com/</center><br>

    <div style="text-align: center;">

    You can change as your own profile. Please do not change the credit site.</div>


    </div>

    <div id="love" style="display:none;">

    <div class="main-title">be my baby</div><br>

    <center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://3.bp.blogspot.com/-ZqSK_AiWd6w/TqY1tW4es1I/AAAAAAAABWk/tG2qqneIBOY/s1600/tumblr_lnbnn7wt6Y1qgxnu2o1_500_large.jpg" /></center><br>

    <center><a href="http://cokelatitumanis.blogspot.com/"/>Speaking Bunny</a> | <a href="http://cokelatitumanis.blogspot.com/"/>Friends</a> | <a href="http://cokelatitumanis.blogspot.com/"/>Friends</a> | <a href="http://cokelatitumanis.blogspot.com/"/>Friends</a> | <a href="http://cokelatitumanis.blogspot.com/"/>Friends</a> | <a href="http://cokelatitumanis.blogspot.com/"/>Friends</a></center>

    </div>


    <div id="you" style="display:none;">

    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

    <$blogitembody$><br><div class="sec-title">Posted at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>

    </blogger><br>

    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>

    <br>


    <!---- © DO NOT REMOVE THIS I KNOW HOW TO TRACK MY WORKDONE © -----!>


    <div class="bar">

    <div class="main-title">Credits</div>

    <div class="separator" style="clear: both; text-align: center;">

    <img border="0" src="http://3.bp.blogspot.com/-YDg-ALFLCxE/TyT0nZ1BGBI/AAAAAAAADR0/pu5H1OLnyH0/s1600/tumblr_lum698zQmj1qmnte7o1_500_large.jpg" /></div>


    Penat-lelah by : <a href="http://www.blogskins.com/me/ziera27">Speaking</a> <a href="http://cokelatitumanis.blogspot.com/">Bunny</a><br>

    Basecode by : <a href="http://aliasimpson.blogspot.com/">Alia L.Joe's</a><br>

    Tutorial : <a href="http://storysayeawakmereka.blogspot.com/">Jaja</a><br>

    Background : <a href="http://www.google.com.my/">Encik Google</a>

    </div>

    <br>

    <!---- © DO NOT REMOVE THIS © -----!>

    <div class="main-title">- END -</div>



    </td>

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

    <style type="text/css">.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
    .right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}    </style>


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

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

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

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

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

    ความคิดเห็น

    ×