Cumulus swf - flash

Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Mouse Position Show

Dimana sebenarnya posisi cursor saat tangan menjelajah titik-demi titik halaman blog ? Mouse Position Show akan menolong kamu untuk mengetahuinya!

Mouse position show juga akan sangat menolong ketika blogger sedang membuat desain template atau melakukan perubahan desain dan penataan blog. Dengan mouse position show kita bisa langsung mengetahui posisi serta ukuran setiap ruang, bidang, kolom, border, dan beberapa yang lain berkaitan dengan segala elemen yang ada di blog.

D E M O

Langkah untuk membuat Mouse Position Show :
  1. Login ke Blogger.
  2. Halaman Dasbor (Dasboard):
    klik "Rancangan (Design)".
  3. Klik "Edit HTML".
  4. Lakukan Backup Template terlebih dahulu.
  5. Cari kode ]]></b:skin>
  6. Copy dan pastekan Javascript berikut ini tepat di atasnya.
    Javascript :
    <script type='text/javascript'>
    //<![CDATA[
    function init() {
        document.onmousemove = showMousePos
    }
    function showMousePos(c) {
        if (!c) {
            c = event
        }
        var a = document.getElementById("mousepos");
        var b = getMousePosition(c);
        a.value = "x : " + b.x + ", y : " + b.y
    }
    function getMousePosition(a) {
        return a.pageX ? {
            x: a.pageX,
            y: a.pageY
        }: {
            x: a.clientX + document.documentElement.scrollLeft + document.body.scrollLeft,
            y: a.clientY + document.documentElement.scrollTop + document.body.scrollTop
        }
    }
    window.onload = init;
    //]]>
    </script>
  7. Klik "Simpan Template (Save Template)".
  8. Gunakan xHTML berikut di box posting atau disimpan melalui "Add a Gadget".
    <div style="font-size:22px;font-family:Arial;color:#eee;display:block;width:180px;padding:4px 6px;margin:10px auto;text-align:center;background:#888;border:2px solid #222;text-shadow:2px 2px 2px #000;border-radius:5px;">Mouse Position
    <input id='mousepos' style="padding:6px 5px;color:#0CF;font-weight:bold;text-align:center;background:#333;border:1px solid #aaa;margin-top:2px;box-shadow:0 0 5px #444;">
    </div>
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :


Update » Jemuah    WAGE, Maret, 16, 2012
» Happy Blogging - gubhugreyot «

1 komentar:

 
GR | Edited by | gubhug reyot