Kamis, 11 Oktober 2012

Cara Add Cursor ke Blog

Hey... hey... hey... :D. Zalfa kasih tau caranya buat cursor yang imut2 untuk blog... ikuti aja!! jangan sampe ketinggalan... :) (jika kalian pilih yang animated [cursornya] hanya berguna untuk di internet explorer [jika di google chrome ato mozailla, tidak bergerak])

STEP A:
1. Buka cursors-4u.
2. Pilih cursor favorit kalian.
3. Klik cursor kalian.
4. Jika sudah, copy kodenya
ex:
klik untuk perbesar
STEP B:
1. sign in akun blog
2. Tata letak > Add a gadget > HTML/Javascript
3. Copy kode cursor kalian
4. Selesaiii.... :D mohon dilihat hasilnya........

Minggu, 07 Oktober 2012

Sparkling Cursor

Apa sih sparkling cursor itu??? lihat gambar di bawah dulu!
Sudah tau kan???? Yuk ikuti tutorialnya! (sbnrnya tutorial yang aq pke ini beda ma code sparkle cursor yang aq gunakan. tp, sama ja kok *^-^*)

1. Sign in akun blogger
2. Tata letak > add a gadget > HTML/Javascript
3. Copy kode di bawah ini!

<script type='text/javascript'>

</script>

<script type='text/javascript'>
// <![CDATA[
var colour="#FF00E1";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {



tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
4. Save, lihat hasilnya!
NOTE:  #FF00E1: warna sparkle
warna sparkle bisa di ganti di sini. Smoga bermanfaat. BYEEE......

Kamis, 04 Oktober 2012

KKPK~The Last Day

Kenapa, sih, tiba-tiba Nita mengajak Tara liburan bersama ke Yogyakarta? Selain itu, Tara juga menghadiahi Nita, kaus yang sama dengannya. Malah, Nita mengganti baju pestanya dengan kaus yang diberikan Tara, saat pesta ulang tahunnya berlangsung. Jangan-jangan, ada firasat dibalik semua kejadian itu!

Seandainya saja Tara tak mengajak Nita bersepeda usai pesta, mungkin Tara tak akan kehilangan sahabatnya itu. Sanggupkah Tara melenyapkan rasa bersalahnya? Apakah Tara mendapatkan pengganti Nita? Tuntaskan saja rasa penasaranmu dengan membaca buku ini!

Mengambil Code Warna

Biasanya ada beberapa tutorial yang menggunakan code warna. Zalfa ada code warnanya nih....


Klik untuk perbesar :D

ex: .............. (code tutorial) #000000 (code warna)
Comment n like yha!!! beri reaksi kalian!! :D

Rabu, 03 Oktober 2012

Cara mencari Blog ID

Apa sih blog ID itu??? Blog ID adalah ID sebuah blog. biasanya ada beberapa tutorial yang menggunakan blog ID. Yang tidak tau, silahkan lihat this tuto.... :)

1. Kalian masukke akun blog dulu
2. kemudian kalian ke dashboard
3. Ada deh blog ID nya.... tidah tau??? Look this pict!

Dah tau kan sekarang???? Jangan lupa comment yha!!!!

Selasa, 02 Oktober 2012

Menambahkan Games ke Google Chrome

*Sebenernya bukan tutorial blog sih. aq masukkan ke tutorial ga papa kan???*

Tanpa jauh-jauh buka website, kalian bisa mainkan game-game! aq sangat berterima kasih kpd salma-salsabilla. Yukk ikutin tutornya...

1. Pastikan di TAB chrome kamu blm ada games.

2. Kalian click sini!
3. Pilih games yang kamu minati n sukai.

4. Jika sudah, kalian perhatikan gambar di bawah ini!
*klik tulisan tambah ke chrome*
5. Tunggu sampai muncul tulisan, "Add..... (judul game yg kalian pilih)". kemudan click "Add"
6. Selesai.... Yang semula tidak ada gamenya, jadi banyak game deh... :)


Sabtu, 29 September 2012

Thanks Icon

Hello friends... Zalfa punya icon-icon terima kasih ni! di lihat yuk! *dipasang di blog juga bolehh... :)

<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/445/44590.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-44590.html" title="Thank You Comments Pictures">My Nice Profile</a>


<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/511/51194.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-51194.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a>

<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/203/20381.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-20381.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a> 

 <a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/929/92967.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-92967.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a>

 <a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/201/20153.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-20153.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a>

<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/201/20159.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-20159.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a> 

<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/927/92726.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-92726.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a> 

<a href="http://myniceprofile.com/" title="Thank You Comments Pictures"><img src="http://i.myniceprofile.com/930/93069.gif" alt="Thank You Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/thank-you-93069.html" title="Thank You Comments Pictures">Click Here to Get More Images @ MyNiceProfile.com</a> 

Kurang puas dengan icon diatas??? Coba kalian Click sini!. Bye.... S'moga suka dengan Postingan Zalfa diatas.....