Berita teknologi terkini

Follow TeknoUntukKita on Twitter

Inovasi dunia otomotif

Jangan biarkan anda terlewatkan tentang seputar otomotif terkini. Karena inovasi yang terjadi akan selalu menarik untuk disimak

Saatnya kita melihat keunggulan ponsel sekarang ini

Ponsel di jaman sekarang sudah tak asing lagi, terlebih perkembangan yang terjadi sangat cepat. Simak dan Get It!

Yang terbaik untuk anda

Bicara tentang gadget takkan ada habisnya, terus dan terus menarik untuk diketahui lebih lanjut. Jangan terlewatkan

Jangan katakan Game Over

Jadilah gamer sejati, dan ikuti perkembangan game yang terjadi di dunia ini. Dan jangan katakan Game Over sebelum anda mencobanya

Otherside

Mungkin apa yang kami berikan kurang menarik? lihatlah disini anda akan mendapatkannya

Latest Posts

Dalam postingan sebelumnya kita belajar bagaimana membuat atau menempatkan buku tamu pada blog (shoutbox). Kali ini kita akan belajar bagaimana Membuat Buku Tamu Melayang seperti di blog ini

Berikut tutorialnya
Kita hanya menambahkan script berikut pada html shoutbox kita

    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent"><!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="teknologiuntukkita" src="http://www5.shoutmix.com/?teknologiuntukkita" width="200" height="400" frameborder="0" scrolling="auto">
    <a href="http://www5.shoutmix.com/?teknologiuntukkita">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix -->

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>

    Kopi script diatas dan ganti tulisan yang berwarna merah dengan SCRIPT ShoutMix punya anda dan simpan.

    Artikel ini dapat dikopi dengan tanpa menambah atau mengurangi kata/kalimat yang ada.
    Semoga bermanfaat.
    Terima Kasih

    Leave a Reply

    Terimakasih atas kunjungan anda, jangan lupa tinggalkan komentar