Gilang Mikola : September 2013

Minggu, 29 September 2013

Kumpulan Kursor Keren Untuk Blog

Kali ini Gilang akan share Kumpulan Kursor Keren Untuk Blog | Sobat pasti bosan kan dengan kursor yang standar, dan kali ini bosan sobat akan hilang dengan bantuan Gilang. Walaupun banyak blog tetangga yang sudah banyak ngeposting artikel ini. Tapi Gilang tidak menyerah, tetap semangat. Langsung saja ini dia.

Berikut Kumpulan Kursor Keren Untuk Blog :

Chrome Pointer Cursor

Screenshots

Blue Fire Pointer Cursor

Screenshots

Wavy Cursor Tail 10 Cursor

Screenshots

The Alien Cursor

Screenshots

Cool Blue Outer Glow Cursor

Screenshots

Animated Cool Shiny Blue Pointer Cursor

Screenshots

Perfect World Online Spear Thingy Cursor

Screenshots

Rave Cursor

Screenshots

Psychedelic Pointer Cursor

Screenshots

Animated Fire Cursor

Screenshots

Flame Cursor

Screenshots

Heartless Background Cursor

Screenshots

X-Steel Cursor

Screenshots

Defender Blue Cursor

Screenshots

Shiny Flashy Green Matrix Cursor

Screenshots

Batman Begins - Help Select Cursor

Screenshots

Cara Memasangnya :

Login ke Blogger
Tata Letak --> Tambahkan Gadget --> HTML/JavaScript
Copy Paste salah satu kode kursor diatas ke kolom HTML/JavaScript
Simpan dan Lihat hasilnya.

Sekian Kumpulan Kursor Keren Untuk Blog dari gilang Blog....

SemogaBermanfaat...
Klik Link Disini

Selamat Datang Di Blog Saya ....

Cari tahu tentang apa yang kamu mau edit di blog kamu melalui belajar di blog saya .....

dan saya juga menjual cheat social wars/ninjasaga/social empires DLL . Hub 089614870057 ...

Cara Buat Bintang Jatuh dari Kursor

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

Login di Blogger
Pilih Design > Add gadget > HTML/Javascript
Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
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>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Nama	Kode warna	RGB			CMYK	HSV
Abu-abu	#808080	128	128	128	0, 0, 0, 128	0, 0, 50
Biru	#0000FF	0	0	255	255, 255, 0, 0	240, 100, 100
Biru laut	#000080	0	0	128	255, 255, 0, 127	240, 100, 50
Coklat	#964B00	150	75	0	0, 74, 150, 105	30, 100, 59
Emas	#FFD700	255	215	0	0, 40, 255, 0	51, 100, 100
Hijau	#00FF00	0	255	0	255, 0, 255, 0	120, 100, 100
Hitam	#000000	0	0	0	0, 0, 0, 255	0, 0, 0
Kuning	#FFFF00	255	255	0	0, 0, 255, 0	60, 100, 100
Magenta	#FF00FF	255	0	255	0, 100, 0, 0	300, 100, 100
Mawar	#FF007F	255	0	127	0, 100, 50, 0	330, 100, 100
Merah	#FF0000	255	0	0	0, 255, 255, 0	0, 100, 100
Merah marun	#800000	128	0	0	0, 255, 255, 127	0, 100, 50
Merah jambu	#FFC0CB	255	192	203	0, 63, 52, 0	350, 25, 100
Nila	#6F00FF	111	0	255	57, 100, 0, 0	266, 100, 100
Oranye	#FF7F00	255	127	0	0, 50, 100, 0	30, 100, 100
Perak	#C0C0C0	192	192	192	0, 0, 0, 63	0, 0, 75
Putih	#FFFFFF	255	255	255	0, 0, 0, 0	0, 0, 100
Sian	#00FFFF	0	255	255	100, 0, 0, 0	180,100,100
Ungu	#BF00FF	191	0	255	25, 100, 0, 0	285, 100, 100
Violet	#8F00FF	143	0	255	44, 255, 0, 0	274, 100, 100
Zaitun	#808000	128	128	0	0, 0, 100, 50	60, 100, 50

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Layout > Add Gadget > Html/Javascript

Copy paste kode di bawah ini ke kolom Html/javascript

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJOcB1HTP4VymlobneYX551hKPlUfgTNGsc7VdA8t3raUYxRuGoSB2S8b3a8tfmaKtMn84wAlOMpObfB3CeiU1y5LlcLPEhmWfJ8be305vEr-_VLdyJyMgHqWgsqOxjWGyE-RZzEcApCc/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat

Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPK6jF7PdtweY9pVGZofYRoAf4B8jS9tdQhEVo01L7M7VBWZ_PHWfporyfqLbnzssD8HMGg8u_tpquWyrYmjZPzd7sZrBVQETdMudNPc9eoulrTW1xdppppBoCwfdk9pdRukV0wE890Q/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipvqn2oxe5nnL7C8vS-_58n20bajekH6qs8-e_WLnKC2hQGo1gBytGPe1r4Y_Lnm13CcK6mMPdvpeHGs7pox3KdFhWXZRZ9as3rPrDtm3eK78389RPm1Wcvmbx_hoJs_ikRGnNqrlw338/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vgNiOxVNnyLFvNE0ZurKV2OzZ685GnrJ_mNedRpqsAEIz__Y_idzz2RRiAwltazYfxpjU2qSWefD3AqHiCI4gXpJ-ZpJrvjv0em-Jg-Nx-WKTCn19DuVKPPwKYNMqEW0XWqM-pbtBLM/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYgvZAA3pNTPKZloA-pc9CtZ69KuvQZn9zuEY5GCWNNPFBc9mXw8OlGkv2Vhfz8pFjkPPDbJqVTyurLzF_92Xy5pcrEftcxkSE0DSQQL3L0HgfJyAg0GRYRKbBoquNIFnPy4wlfL_ZP4/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5aXdfng_0ktHjtCwdZs3b02oAZrzRZIyVloh7CwRvwaiYQlqgQGRH_nMJijfqUmbEHFbQpSts9ILGVgV2sW7OfGvCNC-p2lzCF79c8ophsJckLUv-o2eQP6FtlC4ykfMSU6alkqp8HvU/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOPrNSRnsm3dbarnA5k_9Qgepc8n0DCP1XNoCJ7243mWv3jyysX2OxixW-QsBxkT0mdsePgsXxfxgZWUS4Jrrtpg9Z8-I6fFzSwtRpBLNxprUlKovIg3eeIFpS4nDiD7cC0R3NaBsbno/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvvC0KBjhRxhYnPHxHmi3Qr3Z9F2y4PEd5cXQ9osvxLIlfRwzMN3bAVa5_Yv_bjbVcqLv4ehSGOfm0fVaFdmxGggEMbDQG_9fhcnPLaUGHK-n25-1n34pgC4rZL-sXuNkKO5TtaFsp-o/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikejGz43mw6cX8M2S-k9iSPwhBH7LfEv3B-OuSdfp8xBUKoRsEfBNpjXIOmbJmJVkGIqaYp8e2mK_nCwRA9qIadv-96yCm_056pmkso66In9pdcZFlVv0xQ7J1Dc7bon-joucrJ4EAkTM/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Gilang Mikola

Laman

Minggu, 29 September 2013

Kumpulan Kursor Keren Untuk Blog

Selamat Datang Di Blog Saya ....

Cara Buat Bintang Jatuh dari Kursor

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Warna Pilihan Burung Terbang Twitter

Mainkan Bola nya !!!