Sayfa ile kayan kapanabilen kutu

gadget ekle sonra en altta HTML6 yi kendi widget kod ile degistirin <style>     /*--Annoucment widget by BloggingeHow--*/    ...

gadget ekle sonra en altta HTML6 yi kendi widget kod ile degistirin



<style>

    /*--Annoucment widget by BloggingeHow--*/

    #announcement1{

    width: auto;

    font:bold 15px Trebuchet MS;

    border: 2px solid #e6e6e6;
box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);
    border-radius: 3px;

 

    text-align: center;

   

    background-repeat: no-repeat;

   

    position:relative;

    color: #6881A0;

    background-color: #fff;

    }

    </style>

   

   

    <script type='text/javascript'>

    $(document).ready(function(){

    $(".clos").click(function(){

    $("#announcement1").remove();

    });

    $("#announcement1").fadeOut(800).fadeIn(400)

    .fadeOut(300).fadeIn(200)

    .fadeOut(100).fadeIn(80).fadeOut(800).fadeIn(400).fadeOut(300).fadeIn(300);

    });

    </script><div id='announcement1'>

    <a class='clos' href='#clos' style='float: right;'><img border='0' src='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRmSjrt25tYxXxeVgcJR3baFVjBcqrCyJXmcOAcOEFDaE18EB4u'/></a>



    <center>
<a class="twitter-timeline" href="https://twitter.com/search?q=sibel+%C3%B6zbudun" data-widget-id="457100467584004096">"sibel özbudun" hakkında Tweetler</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    </center>

</div>



<script>
//<![CDATA[
bs_makeSticky("HTML6"); // enter your widget ID here
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>

<style>
.bs_sticking {position:fixed; float:right;top:55px; z-index:5;}
</style>