Cara Menambahkan Effect Cursor Mouse Salju di Blog

Hi, selamat sore, artikel ini akan membahas mengenai blogging tips Cara Menambahkan Effect Cursor Mouse Salju di Blog simak selengkapnya 

Written By Teamwork212 24 August 2019

")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]>

TeamWork212 - Cara Menambahkan Effect Cursor Mouse di Blog. Pernahkah sahabat ikhwan melihat ada blog yang memiliki effect pointer mouse yang jika di gerakan bakal muncul salju???

Kali ini admin bakal coba memberikan sedikt tutorial akan cara melahirkan effect salju pada corsur mouse di blog.

Sebelum bersetuju ke tutorial saya gemar mengingatkan bahwa ketika sahabat ikhwan menambah banyak effect pada bentuk blog hal tersebut bakal mempengaruhi loading blog sobat, tetapi jika sahabat ikhwan gemar melahirkan bentuk blog sahabat ikhwan kelihatan aksi dan menarik apa salahnya menggunakan effect mouse pointer di blog

Simak tutorial singat tentang Cara Menambahkan Effect Cursor Mouse di Blog.



Karena asas yang digunakan ini adalah asas javascript, Jadi yang perlu sahabat ikhwan lakukan adalah memasang asas di kolong ini di dalam tema alias template sahabat ikhwan pada belahan tag head ( <head> alias </head>).

#1. Masuk ke " blogger.com "

#2. Sobat menuju ke dashboard blogger klik menu Tema > Edit HTML.

#3. Temukan kode </head> didalam dan letakan asas javascript tersebut tepat diatasnya, buat mempermudah sahabat ikhwan dalam mencarinya tekan ajah Ctrl + f pada pada keyboard laptop alias komputer sobat.

KODENYA

<script type = "text / javascript">
// <! [CDATA [
var color = "# 666666";
var sparkles = 40;

var x = jawi = 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, tikus, rlef, rdow;
untuk (var i = 0; i <berkilau; i ++) 
var rats = createDiv (3, 3);
rats.style.visibility = "hidden";
document.body.appendChild (kecil [i] = tikus);
starv [i] = 0;
tinyv [i] = 0;
var rats = createDiv (5, 5);
rats.style.backgroundColor = "transparan";
rats.style.visibility = "hidden";
var rlef = createDiv (1, 5);
var rdow = createDiv (5, 1);
rats.appendChild (rlef);
rats.appendChild (rdow);
rlef.style.top = "2px";
rlef.style.left = "0px";
rdow.style.top = "0px";
rdow.style.left = "2px";
document.body.appendChild (bintang [i] = tikus);

set_width ();
berkilau();

function sparkle () 
function update_star (i) 
if (--starv [i] == 25) bintang [i] .style.clip = "rect (1px, 4px, 4px, 1px)";
if (starv [i]) 
stary [i] + = 1 + Math.random () * 3;
if (stary [i] <shigh + sdown) 
bintang [i] .style.top = stary [i] + "px";
starx [i] + = (i% 5-2) / 5;
bintang [i] .style.left = starx [i] + "px";

lain 
star [i] .style.visibility = "hidden";
starv [i] = 0;
kembali;


lain 
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 = "terlihat"


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";

lain 
tiny [i] .style.visibility = "hidden";
tinyv [i] = 0;
kembali;


lain halus [i] .style.visibility = "tersembunyi";

document.onmousemove = mouse;
mouse fungsi (e) 
set_scroll ();
y = (e)? e.pageY: event.y + sdown;
x = (e)? e.pageX: event.x + sleft;

function set_scroll () 
window.onresize = set_width;
function set_width () 
if (typeof (self.innerWidth) == "number") 
swide = self.innerWidth;
shigh = self.innerHeight;

lain jika (document.documentElement && document.documentElement.clientWidth) 
swide = document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight;

lain jika (document.body.clientWidth) 
swide = document.body.clientWidth;
shigh = document.body.clientHeight;


function createDiv (tinggi, lebar) 
var div = document.createElement ("div");
div.style.position = "absolute";
div.style.height = tinggi + "px";
div.style.width = width + "px";
div.style.overflow = "disembunyikan";
div.style.backgroundColor = warna;
return (div);

//]]>
</script>

Seorang pengangguran yang gemar mendapatkan penghasilan melalui kegiatan blogging

", numPosts: 8, titleLength: "auto", thumbnailWidth: 250, thumbnailHeight: 170, noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKwLszs3jYXFqdljD6zL0PJCZIgGi6J4sooVLoB_smjiuBvfmZcmo3syjLaqFuCGtczqpULcxT-CIoTStDu8S7PtEPQf67HO3i_IBV6bSrdnUfRJmZKpDtownFFueli0lXkUeSl6reshJ/w255-c-h170/no-image.png", containerId: "related-post-3437549374649475816", newTabLink: false, moreText: "Read More", widgetStyle: 3, callBack: function() };

Sekian penjelasan mengenai Cara Menambahkan Effect Cursor Mouse Salju di Blog semoga tulisan ini menambah wawasan salam

Artikel ini diposting pada kategori blogging tips, blogging site, blogging indonesia, , tanggal 25-09-2019, di kutip dari https://teamwork212.blogspot.com/2019/08/cara-menambahkan-effect-cursor-mouse-di.html