Rabu, 20 Juni 2012

Cara Membuat Animasi Naruto vs Sasuke di Blog


Mudah sekali cara memasang / membuat animasi naruto di blog :
1. Log in ke akun Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/Javascript
5. Copy kode di bawah ini dan letakkan ke dalam HTML/Javascript

<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://www.herihalik.com/2011/08/cara-membuat-widget-naruto-fight.html"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5j9a9xFXl3uhKYzuVeJRkIzGly2_VXD9_YXtv1IJNg6Qfle5cLsMvexnTCn5V7X644DXDpt0gf_-d0zzMA-fBJ2oy9g_Tw6sq-Kw4bql8-jVMMntGKqJN_NP79ZMsUeMtRKKQfyNppL4/s1600/NarutoVSSasuke.gif"alt="gambar"title="klik here to get more"/></a></div>

6. Simpan dan lihat hasilnya

Cara Membuat Efek Hujan Di Blog




Berikut langkah bikin efek/animasi hujan pada blog :
1. Log in ke Blogger
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode berikut ke dalam HTML/Javascript

 <html>
<head>
<title>Myhafiezers</title>
<!--
HujanKarakter ver 0.1
Myhafiezers
-->
<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>

 6. Selesai dan simpan

 Sumber : http://www.myhafiezers.blogspot.com/2012/05/cara-membuat-efek-hujan-di-blog.html


Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes