Langsung ke konten utama

Cara Menambahkan Effect Cursor Mouse Salju di Blog

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

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mendaftar Dan Verifikasi Blog Ke Google Webmaster Tools / Google Search Console

Hallo, selamat sore, pada kali ini akan menjelaskan tentang blogging indonesia Cara Mendaftar Dan Verifikasi Blog Ke Google Webmaster Tools / Google Search Console simak selengkapnya  Written By Teamwork212 24 September 2017 ")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]> Kali ini saya akan melepaskan tutorial lengkap atas cara membukukan blog ke Google Webmaster tools / Search Console beserta memverifikasinya ke blog, mayoritas blogger pembimbing sering bertanya kenapa sih blog layak di daftarkan ke google??? Kita ketahui bersama bahwa google merupakan  angka satu dari mesin pencari di internet ( search engine ) yang mengalahkan pesaing ketatnya yakni yahoo dan bing. Ketika dikau membuat blog sesegera mungkin membukukan blog dikau ke google webmaster tools beserta memverifikasi blog dikau supaya blog dikau cepat terindeks di oleh Google. Mendaftar blog d...
Posting Komentar
Baca selengkapnya

11 Cara Meningkatkan Pengunjung Blog

Hi, berjumpa kembali, di kesempatan akan membahas tentang blogger adalah 11 Cara Meningkatkan Pengunjung Blog simak selengkapnya  Cara Meningkatkan Pengunjung Blog - Kebanyakan seorang blogger mengingikan blognya selalu ramai oleh pengunjung, sudah pasti itu merupakan  sebuah hal yang lumrah. Yang banyak di idamkankan oleh seantero blogger Meskipun angan-angan awal kita iseng ngeblog buat menyalurkan hobby kita sebagai penulis, pasti senang jua jika blognya kebanjiran hadirin kaya hadirin pasar murah senggol. Apalagi yang melakukan kegiatan ngeblog dengan tujuan mendapatkan uang dari blog, sudah pasti meluaskan hadirin blog merupakan sebuah keharusan, atas semakin banyak hadirin blongnya sudah pasti semakin banyak jua pundi-pundi dolar yang bisa dikumpul. Tapi yang jadi sebuah interogasi besar dalam benak kita sarwa adalah, gimana sih cara buat meluaskan hadirin blog ??? Padahal sarwa itu sudah di paparkan oleh sebagian besar blogger senior tanah air di antaranya ...
Posting Komentar
Baca selengkapnya

Cara Mengaktifkan Ads.txt di Blogger Terbaru

Hi, berjumpa kembali, di kesempatan akan membahas tentang blogging forum Cara Mengaktifkan Ads.txt di Blogger Terbaru simak selengkapnya  Written By Teamwork212 15 August 2019 ")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]> TeamWork212 - Cara mengaktifkan Ads.txt di blogger . Ads.txt merupakan fitur tambahan dari google yang diselipkan di dashboard blogger, menurut beberapa referensi fitur Ads.txt di launching yang tanggal 31-january-2018. Ads.txt dibuat atas inisiatif dari pihak Interactive Advertising Bureau Tech Lab (IAB) .  APA PROYEK ADS.TXT? Misi cetak biru ads.txt sederhana: Meningkatkan kejelasan di ekosistem periklanan terprogram.  Ads.txt adalah abreviasi dari Penjual Digital Resmi dengan merupakan metode sederhana, fleksibel, dengan aman yang dapat digunakan pencetak dengan distributor untuk ala terbuka melaporkan perusahaan yang mereka otori...
Posting Komentar
Baca selengkapnya