TUTORS : Cara buat efek hujan di blog
Kali ini eva bakal kasih tutors efek hujan pada blog..
1. Rancangan -> Tambah Gadget -> HTML/JavaScript
2. Copy Kod Ini:
<html>
<head><title>Eva</title><!--HujanKarakter ver 0.1Eva--><style type="text/css">*{font-size:12px;font-family: Tahoma, Verdana, Arial;}body{background:#000;overflow:hidden;color:#0f4;padding:8px;}#area{border:0;padding:0;width:100%;height:100%;}.char{position:absolute;top:-50px;text-shadow:0 -100px 10px #0a0;opacity:.5;}</style><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">minCharCode = 33;maxCharCode = 126;minSpeed = 900;maxSpeed = 5000;counter = 0;maxChar = 400;$(document).ready(function(){for(i=0;i<99;i++){buatKarakter();}
});function buatKarakter(){var charID = String.fromCharCode(rand(minCharCode, maxCharCode));var pos = rand(0,$(document).width());var newChar = '<div class="char char' + counter + '" style="left:'+ pos + 'px;">' + charID + '</div>';$('#area').append(newChar)animKarakter(counter);counter++;}function animKarakter(c){var transparent = rand(10,99);var fontsize = rand(9,12);var speed = rand(minSpeed, maxSpeed);var pos = rand(0,$(document).width());$('.char'+c).animate({top:$(document).height(),}, speed, function(){$('.char'+c).css('top', '-50px');$('.char'+c).css('left', pos+'px');$('.char'+c).css('opacity', '.'+transparent);$('.char'+c).css('fontSize', fontsize);animKarakter(c);});}function rand(from, to){return Math.floor(Math.random() * (to - from + 1) + from);}</script></head><body><div id="area"></div></body></html>Read more: http://ebaniamagz.blogspot.com
3. Save