Laborblog

Category: Kursor

  • Cara Mudah Mengganti Cursor di Blog/Web

    www.laborblog.my.id - Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi Sobat yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung.

    Ilustrasi | Tangkapan Layar
    Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi Sobat yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Sobat bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog Sobat, tampilan kursornya akan berubah sesuai dengan icon yang Sobat gunakan.
    Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:
    1. Login ke Blogger. Masuk ke menu Design ==> Edit HTML
    2. Cari kode </head>
    3. Letakkan kode css berikut diatas </head>

    <style type=”text/css”> HTML,BODY{cursor: url(“http://cursors1.totallyfreecursors.com/thumbnails/rainbow-ani3.gif“), auto;} </style>

    Keterangan:
    Teks yang berwarna biru adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin Sobat gunakan.
    4. Setelah itu, simpan template Sobat. Selesai Jika Sobat tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa Sobat pilih sesuai selera.[abdulhamidinfo]

  • Membuat Gambar Supaya Selalu Mengikuti Kursor

    www.laborblog.my.id - Bisa gambar atau photo Sobat, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini

    Ilustrasi
    Trik gimana cara membuat gambar selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun “scroll bar” ditarik kemana-mana. “Scroll bar” itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan.


    Bisa gambar atau photo Sobat, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:
    1. Login ke blogger trus klik Layout Edit HTML
    2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.

    #trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }

    3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text “left” diganti dengan “right”. Begitu juga tulisan “bottom”, jika pingin di posisi atas bisa diganti dengan “top”.
    4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

    <div id=”trik_pojok”>
    <a href=”https://www.laborblog.my.id”>
    <img src=”https://iili.io/7OtYoF.gif”; border=”0″ />
    </a>
    </div>

    Keterangan: “https://www.laborblog.my.id” adalah link. ganti dengan link Sobat. “https://iili.io/7OtYoF.gif” adalah lokasi gambar Sobat. ganti dengan lokasi gambar Sobat.


    5. Jika Sobat pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
    6. Simpan hasil kerja Sobat dan lihat hasilnya.