Langsung ke konten utama

Cara Menambahkan Effect Cursor Mouse Salju di Blog

Cara Menambahkan Effect Cursor Mouse Salju di Blog

Hi, bertemu kembali, sesi kali ini akan menjelaskan tentang blogging 2019 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 ada blog yang memegang effect pointer mouse yang andaikan di gerakan akan muncul salju???

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

Sebelum masuk ke tutorial saya ingin mengingatkan bahwa ketika sobat menambah banyak effect pada tampilan blog hal tersebut akan mempengaruhi loading blog sobat, tapi andaikan sobat ingin membuat tampilan blog sobat terbukti keren dan menarik apa salahnya memanfaatkan effect mouse pointer di blog

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



 Karena asas yang digunakan ini merupakan asas javascript, Jadi yang perlu sobat lakukan merupakan memasang asas di kaki (gunung) ini di dalam tema alias template sobat pada bagian 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 sobat dalam mencarinya melanyak ajah Ctrl + f pada pada keyboard laptop alias komputer kabin 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 () 
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 fungsi (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;

lain andaikan (document.body.scrollTop 
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 = 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 pembahasan tentang Cara Menambahkan Effect Cursor Mouse Salju di Blog semoga info ini berfaedah terima kasih

tulisan ini diposting pada label blogging 2019, blog gratis, , 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