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)} //]]>

TeamWork212Cara 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

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...

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...

Cara Lengkap Mem-Backup, Mengimpor dan Menghapus Blog di Blogger secara permanen

Hohoho, selamat sore, artikel ini akan membahas mengenai blog sign in Cara Lengkap Mem-Backup, Mengimpor dan Menghapus Blog di Blogger secara permanen simak selengkapnya  Written By Teamwork212 17 August 2019 ")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]> TeamWork212 -  Cara Lengkap Mem-Backup, Mengimpor alias Menghapus blog secara permanen ( Lengkap). Sobat memiliki berjibun blog, sahabat ikhwan bingung bagaimana mengelola blog yang sedemikian itu banyak, sehingga terbesit cita-cita buat mendobrak beberapa blog di blogger yang sudah tidak terurus. Sobat tidak usah risau dengan pusing memikirkan hal itu, karena esai ini hendak menjawab kerisauan sahabat ikhwan dengan esai ini lagi hendak membahas secara afdal mulai dari mem-backup konten blog, mengimpor bersama mendobrak blog di blogspot secara permanen. Cara yang hendak saya berikan ini andaikata sah...