Cara Membuat Efek Gelembung Di Kursor Pada Blog

Pada tutorial blogger kali ini saya akan Share Tatacara bikin efek gelembung atau membuat efek bubble pada cursor bloggger.

Dengan menggunakan script yang akan saya sertakan di bawah nanti, cursor blog blogger teman akan mengeluarkan gelembung-gelembung atau bisa juga di sebut bubble.

Sebelum saya menuliskan caranya, saya ingin menegaskan bahwa ini hanya salah satu cara untuk mempercantik atau menghias blog kita, dan sifatnya tidak wajib, karena mungkin saja ini bisa memperberat loading blog As lovers

Mari kita mulai panduan membuat efek bubble ini.

Di sini saya akan menuliskan 2 cara yang bisa kita lakukan agar cursor blog kita bisa mengeluarkan gelembung.

Cara Pertama
1. Klik Tata Letak
2. Klik Tambah Gadget / Add A Gadget
3. Pilih Gadget Html/JavaScript
4. Masukkan Efek Gelembung (Bubble) di dalamnya
    (jangan lupa klik Edit HTML ya, letaknya di sebelah kanan atas kolom isian).
5. Simpan.

Cara Kedua
1. Klik menu seperti ini

2. Klik menu / tulisan Template 

3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan 

5. Beri centang pada Expand Template Widget

6. Pasang script efek gelembung / bubble sebelum kode </head>
7. Simpan. 
Berikut script Efek Gelembung / Efek Bubble yang harus di pasang, silakan pasang script berikut sesuai tutorial yang sudah saya tuliskan di atas:

<script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript"> // <![CDATA[ var colours=new Array("#cc0000", "#cc0000", "#cc0000", "#cc0000", "#cc0000"); // colours for top, right, bottom and left borders and background of bubbles var bubbles=100; // maximum number of bubbles on screen var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var bubb=new Array(); var bubbx=new Array(); var bubby=new Array(); var bubbs=new Array(); window.onload=function() { if (document.getElementById) { var rats, div; for (var i=0; i<bubbles; i++) { rats=createDiv("3px", "3px");

Keterangan:

• Kode #cc0000", "#cc0000", "#cc0000", "#cc0000", "#cc0000 adalah kode warna gelembung, silakan ganti dengan warna yang kamu mau, agar lebih mudah menemukan kode warna yang kamu inginkan silakan cari di Daftar Kode HTML Warna / Kode Warna.
• Kode 100 adalah jumlah maksimal gelembung yang akan keluar, silakan ganti angka100 dengan angka / jumlah gelembung yang kamu suka.

Thaks ^_^
Sumber:febridriver.blogspot.com

.

Posted in: Tutorial