Senin, 21 Februari 2011

Cara Membuat Shoutbox Melayang di Sisi Layar Blog

Cara membuatnya :

  1. Login blogger
  2. Rancangan, Elemen laman, Tambah gadget, pilih Html/Java script
  3. Lalu simpan kode berikut :


yang berwarna biru silankan ganti sesuai keinginan...

Save........
Diposting oleh di
Label:

2 komentar:

  1. Author12/9/11 7:53 PM

    Perlu diketahui bahwa tidak semua browser menampilkan sempurna chat box melayang di atas. Bila menggunakan firefox, tampilan chat box akan menonjol ke depan (tidak enak dipandang). Maka ganti javascript terakhir dengan yang satu ini untuk mendapatkan kompatibilitas di berbagai browser (100% Tested):

    var gb = document.getElementById("gb");
    if (window.opera) {
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    }else {
    gb.style.right = (-gb.offsetWidth).toString() + "px";
    }

    Best Regard,
    http://debrianruhut.blogspot.com/

    BalasHapus
  2. Author28/11/11 1:19 AM

    Update script terbaru untuk chat melayang..(Multi Browser and Resolusi)

    berguna untuk mendeteksi resolusi browser, karna sering kita temukan pada brwoser dengan resolusi width 1280 (RESOLUSI DI LAPTOP) dengan 1024 dan 800 hasil chat boxnya berbeda, yakni pada browser dengan resolusi 1280 lebih maju (nongol), sedangnkan pada 1024, tampilannya normal. Berikut ini solusinya:
    Javascriptnya,

    // ***********************************************
    // AUTHOR: WWW.CGISCRIPT.NET, LLC
    // URL: http://www.cgiscript.net
    // Use the script, just leave this message intact.
    // Download your FREE CGI/Perl Scripts today!
    // ( http://www.cgiscript.net/scripts.htm )
    // ***********************************************

    // for NN4/IE4
    if (self.screen) {
    width = screen.width
    height = screen.height
    }

    // for NN3 w/Java
    else if (self.java) {
    var javakit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = javakit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
    }
    else {

    // N2, E3, N3 w/o Java (Opera and WebTV)
    width = height = '?'
    }

    var gb = document.getElementById("gb");
    if (width==1024) {
    gb.style.right = (-gb.offsetWidth).toString() + "px";
    }else if (width==1280) {
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    }else {
    gb.style.right = (-gb.offsetWidth).toString() + "px";}


    Salam hangat,
    http://debrianruhut.blogspot.com

    BalasHapus

Langganan: Posting Komentar (Atom)