Sebenarnya ini sudah ada sejak lama, sejak pertama ngeblog sekitar 2 tahun yang lalu sudah ada. Memelihara hewan di blog kita, ada yang pelihara ikan dan kita memberinya makan. Hi,, :) lucu juga. Kemarin ada yang pelihara hamster di blognya, jadi tertarik untuk nulis sekarang ini.
Ingin memelihara hewan yang kita suka di blog kita? Memberi makan dengan mengkliknya, dan juga pengunjung blog kita juga bisa memberi makan. Widget atau pernak-pernik blog ini bentuknya flash. Kayaknya jadi terasa komunikatif, kita bisa memancing pengunjung blog kita untuk melihat hewan peliharaan yang lucu dan memberinya makan. Saat kita gerak-gerakkan di gambar (area) hewan tersebut, maka si hewan peliharaan kita akan mengikutinya. Contohnya kayak ini dan juga kode HTML nya yang bisa kita tambahkan di blog kita:
Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar, membuat teks yang berputar mengelilingi cursor.
Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat
cursor kita bergerak akan turun bintang-bintang dari cursor. Ada
beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog
kita.
Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
5. Kita warnan biru dengan, hijau, merah, ungu, silver, kuning, hitam
6. Simpan jika sudah selesai.
Membuat Efek Bubble (Gelembung) Pada Cursor
Selamat malam, salam Blogger.. :D Bagaimana tampilan blogmu? Sudah oke? Kali ini Belajar Ngeblog di BLOG menyajikan salah satu cara membuat blogmu terlihat berbeda. Kalau dulu pernah kita membuat efek bintang
sekarang ganti membuat efek bubble (gelembung) yang akan mengikuti
cursor. Sama seperti mainan anak-anak kecil yang bola yang
bergelembung-gelembung dari sabun itu loh,, tapi di terjadi di blog dan
cursornya adalah penghasil bubble (gelembung-gelembung) itu.
Saya pernah mencoba, dan lucu. Gelembung itu dari berasal dari cursor
kecil lalu lama-lama besar dan naik ke atas. Ibarat sebuah halaman atau
toko, kadang blog juga perlu kejutan atau tampilan yang berbeda dari
biasanya. Efek bubble (gelembung) ini bisa menjadi pilihan ketika ingin
membuat berbeda itu. Dan melepas (menghapusnya) ketika sudah mulai
bosan. ;)
Cara Membuat Efek Bubble (Gelembung) Pada Cursor
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // 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");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
5. Kode warna pink adalah kode warna dari bubble (gelembung) itu, kamu bisa mengubah dengan kode warna yang lain.
6. Simpan jika sudah selesai.
SELAMAT MENCOBA
Sebelumnya blog trik dan tips telah memberikan info cara membuat efek
love berjatuhan. Kali ini seperti judul diatas saya akan berbagi trik
terbaru cara membuat efek gelembung di blog. Ada dua efek gelembung yang
akan saya bagikan triknya ke sobat blogger. Efek yang pertama yaitu
efek gelembung berwarna biru muda yang berjatuhan di blog sementara efek
kedua yaitu efek gelembung terapung (float effect). Jika sobat
penasaran bagaimana tampilan efeknya silahkan dicoba aja langkahnya
dibawah ini:
Efek Pertama: 1. Login ke blogger 2. Masuk ke Rancangan -- Edit HTML 3. Carilah kode <body> 4. Paste kode dibawah ini dibawah kode <body>
-
*Backgroundmaker *
Hy sobat guntur sudah lama saya tidak posting dikarenakan ISP saya yang
lelet jadi mau upload aja susah, kali ini saya mau share 2 s...
