Mudahnya Membuat Efek Hujan Di Blogspot

Sebenarnya banyaknya efek di blog tidak terlalu penting, tapi hanya lah untuk kecantikan blog saja. salah satu nya adalah membuat efek hujan di blog, apalagi di negeri tercinta kita '' indonesia '' sering sekali datang berkali-kali hujan, karena memang yaa musim hujan. Jadi cocok deh dipasang di blog.
Mudahnya Membuat Efek Hujan Di Blogspot -

Oke, cara ini tergolong cukup mudah bagi kaum pemula, karena tidak usah pakai edit HTML. Jika anda penasaran, langsung saja kita mulai.

Login ke blogger.
Masuk ke '' Tata letak ''
Lalu pilih '' Tambahkan Gadget ''.
Pilih opsi '' HTML/Java script''
Lalu copy kode di bawah ini

<html>
<head>
Bang Zendy

<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 rand(from, to){
return Math.floor(Math.random() * (to - from + 1) + from);
}
</script>

</div>

Lalu klik Save.

Beres deh, mudah banget kan ? semoga bermanfaat

Lentera Emas

Mudahnya Membuat Efek Hujan Di Blogspot

Share this