Cara Membuat Animasi Joged Pada Blogger

 

Panduan blogger yang akan membahas, menjelaskan serta membantu sobat blogger semua khususnya yang masih awam ataupun masih di bilang pemula dalam dunia blog. Panduan blogger pemula yang akan menerangkan tentang Cara Membuat Animasi Joged di Blog. Untuk membuat/menambahkan gambar di blog memang sangat mudah, tapi untuk bisa menampilkan gambar animasi yang bisa bergerak (animasi) bisa dibilang tak mudah juga. Karena membutuhkan sebuah kode HTML yang bisa membuat gambar tersebut bisa bergerak.

Gambar animasi yang akan diterangkan dalam panduan blogger kali ini adalah gambar animasi yang bisa berjoged.Memang gambar animasi ini tidaklah terlalu penting untuk dipasang pada sebuah blog.Gambar animasi ini hanya untuk sebuah hiasan di blog atau dalam hal ini hanyalah untuk mempercantik tampilan sebuah blog.Dan jika sobat blogger tertarik dengan gambar animasi "Joged" ini silahkan lihat beberapa contoh gambar animasi serta kode HTML nya di bawah ini :

Gambar 1:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-011.gif" border="0" alt="picture widgets"></a></center>

Gambar 2:

<center><a href="http:/febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-013.gif" border="0" alt="picture widgets"></a></center>

Gambar 3:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-020.gif" border="0" alt="picture widgets"></a></center>

Gambar 4:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-021.gif" border="0" alt="picture widgets"></a></center>

Gambar 5:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-017.gif" border="0" alt="picture widgets"></a></center>

Gambar 6:

<center><a href="http://febridriver.blogspot.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-002.gif" border="0" alt="picture widgets"></a></center>

Gambar 7:

<center><a href="http://febridriver.blogspot.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-005.gif" border="0" alt="picture widgets"></a></center>

Gambar 8:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-008.gif" border="0" alt="picture widgets"></a></center>

Gambar 9:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-006.gif" border="0" alt="picture widgets"></a></center>

Gambar 10:

<center><a href="http://febridriver.blogspot.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-015.gif" border="0" alt="picture widgets"></a></center>

Berikut ini cara memasangnya di Blog :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Klik Simpan

Demikian tentang Cara Membuat Animasi Joged di Blog, semoga bermanfaat.



Sumber : Febri D'river

Cara Membuat Animasi Daun Berjatuhan Pada Blogger

Pada tutorial blogger kali ini saya akan menuliskan panduan bagaimana cara memasang efek daun berjatuhan pada blogger. Walaupun sebenarnya script efek daun jatuh ini bisa digunakan untuk blog maupun situs apa saja, tapi di sini saya akan menuliskan tutorial untuk blogger saja.

Sebelum saya meneruskan panduan membuat efek daun berjatuhan ini saya ingin menegaskan bahwa ini tidak bersifat wajib, karena cuma hiasan blog saja, dan mungkin saja script efek daun jatuh ini bisa membuat loading blog kamu menjadi lebih berat (Jika kamu sudah menggunakan script lainnya).

Jadi berat atau tidaknya blog kamu nanti tergantung dari banyak atau tidaknya script yang sudah kamu gunakan sebelum menggunakan script ini.

Langkah-langkahnya :

1. Klik Tata Letak
2. Klik Tambah Gadget / Add A Gadget
3. Pilih Gadget Html/JavaScript

4. Masukkan kode efek daun jatuh berikut di dalamnya
<script src='http://ahmad-rifai-tools.googlecode.com/files/daun-blog.ahmadrifai.net.js'/></script>
5. Simpan deh...

Selamat Mencoba......... Semoga bermanfaat............ 

jangang lupa like ya......

Cara Memasang Widget Animasi Hamster

Halo sobat blogger Indonesia. Sudah hampir 2/3 hari blog ini tidak ada artikel terbaru nih, dari pada sepi kaya kuburan mending saya kasih aja tutorial cara memasang/menambah widget animasi hamster mengikuti arah mouse. Sebenarnya gimana sih kegunaannya? Simpel saja, kegunaan dari satu widget ini adalah sebagai sarana penghilang GALAU aja buat visitor di blogmu. Kan tidak semua visitor/pengunjung di blog itu sedang senang atau happy ketika membuka blog kamu? Ya nggak?.

untuk anda yang memang suka dengan animasi mengikuti arah mouse ini sebenarnya anda dapat langsung memasang widget ini pada blog anda, dan pada kesempatan kali ini Jin Botol's Blog akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger. Animasi-animasi beregerak mengikuti mouse ini memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut.

Daripada ngebacot mulu mending langsung aja yukk kita masuk kepada pokok pikiran yaitu cara memasangnya di blogger:

• Masuk ke akun bloggermu.
• Klik 'Opsi Lainnya' atau 'More Options'
• Pilih 'Tata Letak' atau 'Layout'
• Kemudian klik lagi yaitu di 'tambah gadget' atau 'a gadget'
•  Pilih widget HTML/JavaScript
• Masukkan kode berikut

<a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="Click here to get more"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="mau pelihara hamster kaya gini di blogmu?"></a>

• Kemudian yang terakhir klik 'simpan' atau 'save'
• Dan lihat pada blog anda apa yang akan terjadi? 

Note : Jangan lupa untuk dikasih makan itu hamsternya, karena ditakutkan jika tidak diberi makan akan mati. :D

Cara membuat Animasi Tulisan berputar mengelilingi kursor

Sudah pernah lihat tulisan yang berputar-putar mengelilingi Cursor dan selalu mengikuti Cursor pada blogger ?

Saya pernah melihat yang seperti itu di blogger kawan saya. Setelah melihat itu saya jadi ingin untuk menuliskan caranya, siapa tahu ada yang ingin  menghias blogger nya dengan tulisan berputar mengelilingi cursor.

Langkah-langkahnya sebagai berikut :

1. Login ke dashboard blogger
2. Klik Tata Letak
3. Setelah itu klik Tambah Gadget
4. Pilih Gadget / Widget HTML/JavaScript
5. Klik Edit HTML

Kemudian masukkan semua script / kode tulisan mengikuti cursor berikut pada widget :

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;

/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to My Blog";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

Keterangan :

// Your message here (QUOTED STRING)
var msg = "Welcome to My Blog";

silakah ganti tulisan Welcome to My Blog dengan tulisan yang anda inginkan, karena tulisan itulah yang nantinya akan berputar-putar mengeliligi kursor.

Bagaimana cara merubah warna tulisan yang mengikuti cursor tersebut ?

Karena ada beberapa teman kita yang menanyakan hal tersebut maka akan saya tuliskan caranya.

Silakan lihat pada bagian atas kode script tulisan mengikuti cursor tersebut, maka kamu akan menemukan kode

color: #999;

Silakan ganti #999 dengan kode warna lainnya yang kamu suka (ingat hanya kode #999  yang diganti). silakan temukan kode warna yang kamu suka di Daftar Kode Warna

Semoga bermanfaat. 

Jangan Lupa Like Ya........

Cara Membuat Widget Animasi Bergerak Naruto Vs Sasuke

Panduan Blogger kali ini Saya akan membahas tentang cara memasang widget animasi naruto vs sasuke Kali ini kita membahas tentang widget animasi naruto ini karena saya adalah salah satu penggemar berat dari serial manga dan anime naruto. Mungkin diantara sobat sekalian juga ada penggemar manga dan anime naruto,Jadi widget ini sangat cocok untuk kita para penggemar naruto.Cara memasang widget ini tidaklah terlalu sulit, sobat hanya membutuhkan beberapa menit saja untuk memasangnya pada blogger sobat.

Langsung saja kita mulai.Ikuti Beberapa langkah berikut :

1.Login ke akun blogger sobat
2.Klik menu Tata Letak
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode berikut

Demo Klik Disini

<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://clyfirst.blogspot.com"target="_blank"><img src="http://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif"alt="gambar"title="Panduan Blogspot"/></a></div>

6.Klik SIMPAN
7.Selesai

Akhirnya widget animasi naruto telah terpasang pada blogger sobat.Semoga postingan saya tentang Cara memasang widget animasi naruto Pada blogger dapat bermanfaat.Sampai jumpa semua di Panduan Blogger berikutnya.

Cara memasukan animasi Pada Blogger Part 2

Ternyata banyak sekali blogger–blogger yang sangat menyukai animasi bergerak pada bloggernya.Bisa terlihat ketika saya berkunjung ke beberapa blogger teman saya. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang pada blogger mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Cara Memasang Widget Animasi Bergerak Di Blog

• Login ke dasbor blogger sobat
• Pilih Tata letak
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasangi blogger sobat. Kodenya ada di bawah, sobat bisa memilih sesuai keinginan sobat.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai

Daftar Kode Html Animasi Bergerak

1.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

2.Naruto

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara

x

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

4.Labu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

5.Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

6.Ekspresi Muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

7. Animasi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

8. Main Taplak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

9. Pasangan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

10.Zoombie

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

11.Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

12.MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

13. Hallo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

14.Hai Friend

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

15.Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

16.Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

17.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

18.Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

20.Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

21.Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

22.Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

24. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

25. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

26. Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

27. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

28. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

29. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

30. Pinguin

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba.........-__-