+...-= WELCOME TO DIGITAL WORLD COMMUNITY =-...+

=====<<DAFTAR GRATIS DI NEGARA DIGITAL WORLD >>====
|Dengan melakukan pendaftaran, berarti anda setuju menjadi | |warga negara digital world community, dengan mata uang DIGI| |points,. yang bisa di barter atau transaksikan melalui menteri. |
===============================================

==============================================
[ INGIN JADI VIP ?, DAFTAr dahulu lalu PM presiden / menteri ] DONASI VIP SENILAI 2 $ DOLLAR ( PAYPAL / Rp.30.000
fitur Vip
1. menjadi menteri ( orang nomor 2 di negara)
2. bisa masuk ke locked forum
3. bonus DIGITAL POINTS ( 300 DIGI )
4. Bebas berpindah2 pangkat / momod ( kreasi pangkat sendiri )
5. bebas berganti ID
6. menjadi menteri selamanya
7. bisa duduk santai tanpa post
8. semua forum ter unlock
9. dapat bertanya tentang rahasia negara
10. berhak menyarankan banned user / unlock user
==============================================

negara yg lucu buat lucu-lucuan , dipimpin oleh pemimpin imut-imut , bebas korupsi, jadikan negara bersih kawan


    Cara Membuat Kotak Chatting Tersembunyi

    Share

    VagaGemwart™.HT
    COMMANDER
    COMMANDER

    Jumlah posting : 219
    DIGITAL POINTS ( DIGI ) : 2899
    REPUTASI : 17
    Join date : 11.01.11
    Age : 71
    Lokasi : headquarters Gemwart™

    Cara Membuat Kotak Chatting Tersembunyi

    Post  VagaGemwart™.HT on Thu Jan 13, 2011 10:00 am

    Cara membuat kotak chatting tersembunyi. Sebelumnya gua pernah membahas mengenai alternatif chatting bagi pengguna shoutmix. Kali ini gua akan membahas tutorial blog mengenai kotak chatting yang tesembunyi.

    Mungkin lo sudah pernah melihat kotak chatting yang tersembunyi di beberapa blog. Dimana widget chatting itu akan muncul setelah diklik. Script yang digunakan pada kotak chatting tersebut adalah javascript. Javascript memang bisa menciptakan script-script yang hebat dan kreatif.

    Di posting ini lo akan mendapatkan tutorial blog mengenai cara membuat kotak chatting tersembunyi tersebut. Langsung saja ikuti tutorialnya di bawah ini.
    1. Masuk ke blogger.
    2. Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
    3. Klik tulisan Add a Gadget (Tambah Gadget).
    4. Pilih gadget HTML/JavaScript.
    5. Copy-paste kode berikut di bagian konten.

    function showHidechat(){
    var chat = document.getElementById("chat");
    var w = chat.offsetWidth;
    chat.opened ? movechat(0, 30-w) : movechat(20-w, 0);
    chat.opened = !chat.opened;
    }
    function movechat(x0, xf){
    var chat = document.getElementById("chat");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    chat.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("movechat("+x+", "+xf+")", 10);}
    }







    SCRIPT CHATTING DI SINI



    [+]


    [x]




    var chat = document.getElementById("chat");
    chat.style.right = (30-chat.offsetWidth).toString() + "px";
    6. Simpan gadget.

    CSS
    Sekarang pada bagian css, ikuti langkah-langkah berikut.
    1. Pilih menu Layout (Tata Letak) » Edit HTML.
    2. Cari kode ]]>, kemudian copy-paste kode css berikut di atasnya.
    #chat{position:fixed; top:25px; z-index:+1000}
    * html #chat{position:relative}
    .chat-click{height:100px; width:30px; float:left; cursor:pointer; background:url(http://i42.tinypic.com/vhb3vc.jpg) no-repeat;}
    .chatbox{float:left; border:2px solid #1f54bc; background:#f0f8ff; padding:10px}
    .chatbox a {text-decoration: none;}
    3. Simpan template.
    lo bisa mengubah gambar atau warna yang ada pada tulisan berwarna biru di atas sesuai dengan keinginan.

    Sekarang lihat hasilnya. Semoga berhasil!





    ADD FACEBOOK NOW !
    GEMWART™

    DIE_Gandia
    BRIGADIER
    BRIGADIER

    Jumlah posting : 108
    DIGITAL POINTS ( DIGI ) : 2659
    REPUTASI : 41
    Join date : 11.01.11
    Age : 22
    Lokasi : Bandung

    Re: Cara Membuat Kotak Chatting Tersembunyi

    Post  DIE_Gandia on Thu Jan 13, 2011 4:39 pm

    Nice info gan
    big6

      Waktu sekarang Fri Dec 09, 2016 12:04 am