› › ›

Cara Menambahkan Effect Cursor Mouse Salju di Blog

Ditulis oleh Rabu, 25 September 2019 Tambah Komentar Edit

Hohoho, selamat siang di blog AUTOGOBLOOG , di kesempatan akan membawa pembahasan mengenai blogging for money Cara Menambahkan Effect Cursor Mouse Salju di Blog simak selengkapnya

Written By 24 August 2019

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

TeamWork212 - Cara Menambahkan Effect Cursor Mouse di Blog. Pernahkah sobat membesuk sedia blog yang memiliki effect pointer mouse yang andaikan di gerakan akan muncul salju???

Kali ini admin akan coba memberikan sedikt tutorial tentang aturan membuat effect salju ala corsur mouse di blog.

Sebelum masuk ke tutorial saya ingin mengingatkan bahwa ketika sobat menambah banyak effect ala bentuk blog hal tersebut akan mempengaruhi loading blog sobat, tapi andaikan sobat ingin membuat bentuk blog sobat kelihatan keren dengan atraktif apa salahnya menggunakan effect mouse pointer di blog

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



 Karena kode yang digunakan ini adalah kode javascript, Jadi yang perlu sobat lakukan adalah memasang kode di bawah ini di dalam tema ataupun template sobat ala belahan tag head ( <head> ataupun </head>).

#1. Masuk ke " blogger.com "

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





 #3. Temukan kode </head> didalam dengan letakan kode javascript tersebut tepat diatasnya, untuk mempermudah sobat dalam mencarinya tekan ajah Ctrl + f pada pada keyboard laptop ataupun komputer sobat.

KODENYA



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

var x = sapi = 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 () 
var c;
if (x! = ox 
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 kecil [i] .style.visibility = "tersembunyi";

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

function set_scroll ()  document.documentElement.scrollLeft)) 
sleft = document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop;

lain 
sdown = 0;
sleft = 0;


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

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

lain andaikan (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 = adiluhung + "px";
div.style.width = width + "px";
div.style.overflow = "disembunyikan";
div.style.backgroundColor = warna;
return (div);

//]]>
</script>
", numPosts: 8, titleLength: "auto", thumbnailWidth: 250, thumbnailHeight: 170, noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxYZ6pOzGmVOWKeAudxGc6ul2p6O4BMW7PWYERR9QeI-LDP18PanQebudgsMaGxOhoJOoDPYu4askG9meZtZoKlb3y2l6dCTasEnUffX_g8_eBphqUDDE-vWTJAACOvaSyt7pIHivy8rNn/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 artikel ini bermanfaat terima kasih

Artikel ini diposting pada tag blogging for money, blogging forum, blog raditya dika,

Belum ada Komentar untuk "Cara Menambahkan Effect Cursor Mouse Salju di Blog"

Posting Komentar

Langganan: Posting Komentar (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel