Tampilkan postingan dengan label efek. Tampilkan semua postingan
Tampilkan postingan dengan label efek. Tampilkan semua postingan

Kamis, 14 November 2013

Memberi Efek Keren Pada Mouse

Bagaimana cara Anda untuk mendapatkan perhatian pengunjung Anda? Membuat konten berkualitas? Membuat blog indah dipandang mata? atauu membuat objek pada kursor mouse di blog Anda? Yapp kali ini Saya akan membahas bagaimana membuat objek pada kursor mouse.


Gaya Pertama :

Cursor fo blogger



  1. Buka akun Blogger Anda
  2. Masuk ke menu tata letak/layout > add gadget > HTML/Javascript
  3. Pastekan kode dibawah ini dan save.
<script language="JavaScript" type="text/javascript">var xCol = "#FF0000";var yCol = "#FF0000";var zCol = "#0000FF";var n = 6; //number of dots per trail.var t = 40; //setTimeout speed.var s = 0.2; //effect speed.var r,h,w;var d = document;var my = 10;var mx = 10;var stp = 0;var evn = 360/3;var vx = new Array();var vy = new Array();var vz = new Array();var dy = new Array();var dx = new Array();var pix = "px";var strictmod = ((document.compatMode) &&document.compatMode.indexOf("CSS") != -1);var domWw = (typeof window.innerWidth == "number");var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName(div).length;for (i = 0; i < n; i++){var dims = (i+1)/2;d.write(<div id="x+(idx+i)+" style="position:absolute;+top:0px;left:0px;width:+dims+px;height:+dims+px;+background-color:+xCol+;font-size:+dims+px"></div>+<div id="y+(idx+i)+" style="position:absolute;top:0px;+left:0px;width:+dims+px;height:+dims+px;+background-color:+yCol+;font-size:+dims+px"></div>+<div id="z+(idx+i)+" style="position:absolute;top:0px;+left:0px;width:+dims+px;height:+dims+px;+background-color:+zCol+;font-size:+dims+px"></div>);}if (domWw) r = window;else{if (d.documentElement &&typeof d.documentElement.clientWidth == "number" &&d.documentElement.clientWidth != 0)r = d.documentElement;else{if (d.body && typeof d.body.clientWidth == "number")r = d.body;}}function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){if (d.documentElement && d.defaultView &&typeof d.defaultView.scrollMaxY == "number"){oh = d.documentElement.offsetHeight;sy = d.defaultView.scrollMaxY;ow = d.documentElement.offsetWidth;sx = d.defaultView.scrollMaxX;rh = oh-sy;rw = ow-sx;}else{rh = r.innerHeight;rw = r.innerWidth;}h = rh;w = rw;}else{h = r.clientHeight;w = r.clientWidth;}}function scrl(yx){var y,x;if (domSy){y = r.pageYOffset;x = r.pageXOffset;}else{y = r.scrollTop;x = r.scrollLeft;}return (yx == 0)?y:x;}function mouse(e){var msy = (domSy)?window.pageYOffset:0;if (!e) e = window.event;if (typeof e.pageY == number){my = e.pageY - msy + 16;mx = e.pageX + 6;}else{my = e.clientY - msy + 16;mx = e.clientX + 6;}if (my > h-65) my = h-65;if (mx > w-50) mx = w-50;}function assgn(){for (j = 0; j < 3; j++){dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *Math.sin((stp+j*25)/2) + scrl(0) + pix;dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;}stp+=s;for (i = 0; i < n; i++){if (i < n-1){vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;}else{vx[i].top = dy[0]; vx[i].left = dx[0];vy[i].top = dy[1]; vy[i].left = dx[1];vz[i].top = dy[2]; vz[i].left = dx[2];}}setTimeout(assgn,t);}function init(){for (i = 0; i < n; i++){vx[i] = document.getElementById("x"+(idx+i)).style;vy[i] = document.getElementById("y"+(idx+i)).style;vz[i] = document.getElementById("z"+(idx+i)).style;}winsize();assgn();}if (window.addEventListener){window.addEventListener("resize",winsize,false);window.addEventListener("load",init,false);document.addEventListener("mousemove",mouse,false);}elseif (window.attachEvent){window.attachEvent("onload",init);document.attachEvent("onmousemove",mouse);window.attachEvent("onresize",winsize);}</script>


Gaya Kedua :

Comment Buble

  1. Masih pada langkah-langkah pada gaya pertama pastekan kode dibawah ini :

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // 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>



Gaya Ketiga :

sparkle cursor



  1. Masih pada langkah 1 diatas, pastekan kode dibawah ini :
<script src="URL JS" type="text/javascript"></script>

Note : untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki


  1. Biru - https://sites.google.com/site/unwanted86/javascript/biru.js
  2. Hitam - https://sites.google.com/site/unwanted86/javascript/black.js
  3. hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js
  4. Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js
  5. Putih - https://sites.google.com/site/unwanted86/javascript/putih.js
  6. Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js
  7. Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js
  8. Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js


Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah:


<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>

keterangan : ubah warna kode yang di warnai di atas dengan kode yang di sediakan

Terima Kasih, Semoga bermanfaat. 

Sumber Kode: http://tutorialuntukblog.blogspot.com/ 

ReadFull Article ..

Sabtu, 09 November 2013

Efek AC Pendingin Udara pada Tubuh

Efek buruk AC sebagai pendingin ruangan dewasa ini jarang diperhatikan, kerena masalah suhu lingkungan yang semakin panas. Memang tidak ada efek serius terhadap kesehatan, tidak menyebabkan penyakit dalam, selama rungan ber AC selalu bersih. Namun tetap ada efek AC pendingin udara pada tubuh, terutama menyebabkan tubuh tidak tahan panas, dan beberapa hal lainnya. Sebaiknya ketahui tips sehat mengunakan AC.

Kelebihan ruangan berpendingin AC biasanya selalu terjaga kebersihannya, dan beberapa tempat menerapkan anti smoking, di bus misalnya. Kantor, kampus, bank dsb adalah tempat-tempat kerja yang selalu menggunakan pendingin ruangan.

Dampak negatif ac terhadap tubuh

1. rentan terhadap penyakit
Orang yang terlalu sering di ruangan ber ac lebih mudah terserang pilek,pusing flu dll. Penelitian menunjukkan bahwa orang yang selalu bekerja dalam ruangan ber-AC memiliki kemungkinan untuk mengalami sakit kepala kronis dan rasa lelah yang terus menerus terjadi. 

2. Tubuh menjadi tidak tahan panas
Tubuh mereka yang menghabiskan banyak waktu di lingkungan ber-AC cenderung sulit mentolerir suhu musim panas. Biasanya ini diakibatkan stres tubuh karena berpindah dari lingkungan dingin ke area outdoor yang panas. Ketidakmampuan tubuh mentolerir suhu panas itu juga bisa meningkatkan kasus kematian akibat cuaca panas.

3. Kulit Kering
Berjam-jam menghabiskan waktu di lingkungan ber-AC dapat menyebabkan kulit Anda kehilangan kelembaban. Apalagi jika Anda tidak membantu kelembaban kulit dengan mengaplikasikan lotion. Beberapa kasus kulit kering yang parah bisa mengakibatkan eksim atau penyakit kulit lainnya.

Tips sehat mengunakan AC

-Jangan lupa minum. Air putih lebih baik. Karena tidak berkeringat bukan berarti tubuh tidak membutuhkan air. Minimal delapan gelas perhari wajib hukumnya.

-Agar kulit tidak kering, jangan lupa memakai hand and body lotion. Demikian pula dengan pelembab untuk wajah.

-Bentengi tubuh dengan vitamin agar tidak mudah tertular penyakit. Terutama untuk mereka yang bekerja di dalam ruangan ber-AC sentral.

-Ada ventilasi yang cukup untuk aliran udara. Jangan tertutup total.

-Perhatikan jadwal untuk perawatan AC.

-Usahakan agar suhu berada pada kisaran 21-25 derajat celcius. Mudah untuk dilakukan di rumah namun mau tidak mau harus menerima suhu berapa pun untuk AC sentral.

Kelembaban dijaga antara 60-70 persen.

ReadFull Article ..