Cara Membuat Text Animasi Tulisan Berwarna

Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna di Blogger.

Pada artikel kali ini saya akan menuliskan panduan cara bikin teks flash (teks animasi flash / tulisan berwarna bergaya flash) yang nantinya bisa teman-teman pasang pada postingan blog (untuk mempercantik tulisan) atau di widget/sidebar (sebagai widget selamat datang yang keren).

Tutorial blog ini berbeda dengan Tutorial Cara Bikin Tulisan Kelap Kelip (Blink) yang sudah saya tuliskan dulu, karena tutorial cara membuat text animasi flash atau animasi tulisan berwarna ini menggunakan script sedangkan untuk membuat tulisan kelap kelip (Blink) tidak memerlukan script, hanya kode html saja.

Sebelum saya menuliskan panduan membuat text animasi flash atau animasi tulisan berwarna, saya akan memperlihatkan demonya dulu, agar teman-teman bisa melihat langsung bagaimana hasilnya nanti.

Demo Text Flash Animasi Berwarna / Tulisan Flash Animasi Berwarna

Selamat Datang Di Blog Ahmad Rifai Net

Nah itulah seperti itulah nanti penampakannya di blog teman. Next ...

Panduan Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna

Untuk Di Pasang Pada Postingan Bagi teman-teman yang ingin memasukkan text flash animasi ini pada postingan silakan ikuti langkah berikut:

1. Buat posting baru / Edit postingan yang sudah ada.
2. Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah). Sebelum memasukkan kode script pastikan teman memasukkannya di bagian Edit HTML bukan di Compose (lihat di sebelah kanan atas forum isian posting)
3. Terbitkan Entri (boleh juga dipratinjau dulu)

Untuk Di Pasang Pada Widget Bagi teman-teman yang ingin memasukkan text flash animasi ini pada widget/sidebar silakan ikuti langkah berikut: 1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode Text Animasi Tulisan Berwarna di sana. 5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut) Nah itulah langkah yang harus di lakukan.

Kode Script Text / Tulisan Flash Animasi Berwarna

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;"> <script type="text/javascript"> var message="Selamat Datang Di Blog Ahmad Rifai Net" var bgsGR1color="#FFFFFF" /* Warna utama teks */ var bgsGR2color="#FFFF00" /* Warna teks flash pertama */ var bgsGR3color="#00FF66" /* Warna teks flash ke dua */ var flashspeed=100 // kec. ganti warna (1/1000 dt) var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2) var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2) var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk) var n=0 if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>')}else document.write(message) function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++) crossref(m).style.color=bgsGR1color} crossref(n).style.color=bgsGR2color if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color if (n<message.length-1) n++ else{n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return}} function beginneon(){if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed)} beginneon() </script> </div>

Catatan :

Ganti tulisan Selamat Datang Di Blog Ahmad Rifai Net yang ada di line 3 dengan tulisan yang teman mau. var flashingletters=19 - var flashingletters2=19 : pada link 8 & 9 . Ganti angka 19 dengan angka yang teman mau (Tips* hitung seluruh tulisan dan spasi yang teman masukkan pada line 3 (kode 1) atau line 5 (kode 2), kemudian bagi 2, setelah itu ganti angka 19 dengan hasil pembagian tadi.

Selamat mencoba membuat text animasi tulisan berwarna & Semoga berhasil

Kalender Lucu Untuk Blogger - Blog Kalender Widget

Ingin mempercantik blog dengan kalender (Kalender Lucu Untuk Blogger)?

Hari ini saya akan menuliskan tutorial / cara pasang kalender untuk blogger dengan menggunakan blog kalender widget.

Sebelum saya tuliskan cara pasang kalender di blogger, mungkin teman-teman ingin melihat bagaimana penampilan kalender lucu untuk blogger ini, berikut gambar kalender tersebut

Ada berbagai macam pilihan blog kalender widget yang bisa kamu pilih, silakan pilih kalender lucu untuk blogger yang kamu suka.

Widget Blog Kalender

Berikut cara mendapatakan script kalender widget untuk di pasang pada blog blogger kamu

1. Kunjungi www.cuteki.com/widgets/calendars/
2. Pilih dan klik widget kalender yang kamu suka
3. Sesuaikan lebar widget kalender ini dengan template blogger yang kamu gunakan saat ini
4. Kopi dan paste script kalender widget di blog blogger kamu

Panduan Cara Pasang Kalender Di Blogger

Berikut tutorial pasang kalender widget di blogger

1. Login ke blogger
2. Pilih menu Rancangan / Tata Letak
3. Klik Tambah Gadget / Add Gadget
4. Pilih Gadget HTML/JavaScript
5. Paste script kalender widget di sana
6. Simpan

Demo Kalender Lucu Untuk Blogger

Cuteki cards birthday

Mungkin kalendernya tidak langsung bisa dilihat (tergantung koneksi internet yang kita gunakan)

Cara Pasang FB Like, Twitter, Google +1 Di Blogger

Hari ini saya akan menuliskan tutorial cara pasang fb like botton, twitter share, dan tombol Google +1 di blogger menggunakan script sharethis.

Tutorial pasang fb like, twitter share, dan Google +1 ini sengaja saya tuliskan untuk menjawab sekaligus memberikan solisi bagi teman-teman yang belum berhasil menggunakan Cara Menambahkan Facebook Like Button Di Blogger yang sudah saya tulsikan dulu.

Panduan cara pasang facebook like, twitter share, dan Google +1 ini saya tuliskan disela-sela kesibukan dan dalam kondisi yang masih capek, jadi jika ada kekurangan atau ada salah dalam penulisan tutorial blogger kali ini saya harap teman-teman bisa maklum dan mohon ditegur jika ada yang salah, dengan cara menuliskan yang benar lewat kolom komentar.

Ok saya rasa cukup curhatnya, mari kita lanjut.

Panduan Cara Pasang FB Like, Twitter Share, dan Google +1 Di Blogger

Karena tutorial kali ini menggunakan script yang disediakan oleh ShareThis, maka langkah pertama yang harus kamu lakukan adalah mengunjungi situs penyedia script tersebut melalui alamat www.sharethis.com

Setelah situs ShareThis sudah terbuka, silakan klik menu Sign in

Lihat di sebelah kiri, di sana ada pilihan untuk Sign in (Login) tanpa harus daftar, silakan pilih login menggunakan akun yang kamu mau.

Kemudian klik menu Get the Button

Pilih Website dan klik Next (Jika ingin memasangnya di sidebar silakan langsung pilih Blogger)

Silakan pilih tombol / button yang kamu mau dan klik Next

Dihalam ketiga ini kamu bisa menambah atau mengurangi tombol yang kamu mau dengan cara menyeretnya kesebelah (kiri jika ingin menambahkan, dan kanan jika ingin menguranginya). Jika sudah pas dengan yang kamu mau silakan klik FINISH: Get the Code, maka kode yang harus dipasang akan keluar.

Keterangan:

• Kode no1 nantinya dipasang di bawah atau sebelum kode <data:post.body/> (bisa juga ditempat lain yang kamu mau.
• Kode no2 nanti dipasang sebelum kode </head>

Tutorial Pasang Kode Facebook Like, Twitter Share, dan Google 1+ di Blogger

Berikut panduan langkah demi langkah Cara Pasang FB Like, Twitter, Google 1+ Di Blogger

Panduan Pasang FB Like, Twitter, Google 1+ Di Blogger Lama

1. Klik Menu Rancangan / Design

 2. Klik Menu Edit Html

 3. Beri Centang Pada Bagian Expand Template Widget

Tutorial Pasang FB Like, Twitter, Google 1+ Di Blogger Untuk Blogger Baru

1. Klik menu seperti ini

2. Klik menu / tulisan Template

3. Klik menu Edit HTML

4. Klik tulisan / menu Lanjutkan

5. Beri centang pada Expand Template Widget

Silakan Pasang kode FB Like, Twitter, dan Google 1+ yang didapat dari ShareThis tadi sesuai keterangan yang sudah saya tuliskan di atas.

Tutorial Cara Pasang Burung Twitter Terbang Melayang

Tutorial Blogger kali ini adalah tutorial cara pasang animasi burung twitter terbang melayang di blog, sebenarnya cara membuat / pasang burung twitter terbang ini sudah banyak ditulis oleh teman-teman blogger lainnya, dan ini mudah (asal kita tahu caranya).

Walaupun tutorial cara pasang animasi burung twitter terbang ini sudah banyak ditulis oleh blogger lain, tapi tidak ada salahnya kan jika saya tuliskan lagi di blog ini, siapa tahu ada pengunjung blog ini berminat ingin memasang burung twitter terbang di blog nya juga, namun belum tahu cara membuatnya.

Ok deh, saya rasa tidak perlu panjang lebar.

Cara Pasang Burung Twitter Terbang

Untuk memasang animasi burung twitter terbang di blog kamu silakan ikuti langkah-langkah berikut:

1. Login ke blogger
2. Klik menu Tata Letak

3. Klik Tambah Gadget, pilih gadget Html/JavaScript


4. Masukkan script animasi burung twitter terbang di dalam nya (script saya sertakan di bawah)
5. Simpan & Selesai

Berikut script animasi burung twitter terbang yang harus kamu pasang:

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC-SqqUikh-4YpU0JUDcm82UEEGeJkJXLHM1v1S_ZbqNcfwzlAhv-UkiiwpksaCjJON2UVcGuJUh0ALrBCDUPsxqRlyZyYfV7l_ChJro-4tvZ9yJCOj_IqZJOgfx9ozS0xENGFs7SWbWY/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/AkunTwitterKamu";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>

Keterangan

Silakan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC-SqqUikh-4YpU0JUDcm82UEEGeJkJXLHM1v1S_ZbqNcfwzlAhv-UkiiwpksaCjJON2UVcGuJUh0ALrBCDUPsxqRlyZyYfV7l_ChJro-4tvZ9yJCOj_IqZJOgfx9ozS0xENGFs7SWbWY/s1600/burung+twitter+terbang.png dengan warna burung yang kamu inginkan (pilihan warna burung saya sertakan di bawah) dan jika tidak kamu ganti maka burung twitter nya berwarna biru muda.
Ganti http://twitter.com/AkunTwitterKamu dengan alamat twitter kamu

Berikut beberapa pilihan warna burung twitter yang bisa kamu pilih
Burung Twitter Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSjbZmA8tWXAs50m590MczoitwuSoxULdE6NodxCH7pQvoHa1-qTTtOAFKikfHHaGpX05pUJZIKgHmAYBQnltcTjS7Plw3D-zJpJF6gmZML9bdflSWpppIF2rSY1iy98dj2anEyY8QvnE/s1600/yellow+bird.png

Burung Twitter Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHP5vn2iSVCYquPn3VmjtDBzt3gPupdA6pnj7qYyStUcAOFlZ1LTp4tZ83iZ9z4EnGVx5bJa9OSA033dxM8yogM2aETSJjE-4Zg8dv7qsgzu-xeSbBhF_qsb3TmcEuvmhN3o6p0VtB4w/s1600/black+bird.png

Burung Twitter Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQ9ksqPXV-1pmjJCTg2gQ0uxnFAR2qfCSNk0r5B6Nwh4E9fcI3w-wwSUYqAseQjjyl7xCxIgdN9uzZs3FxSmk0D7Jixh-vkKjoHglUxdH8_-ckAMewtOBwi2xSpFjwkLDl7ka2LJJ3Dw/s1600/brown+bird.png

Burung Twitter Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilE13Kb5A1Lwgvx7lLCVW1dKHP9X4vUDlc1231_kpzMRYZdq4IbvxXRByEFJooHXinPxkNYqZo2VG30jyXJ5TvR4QwqiSO17ucJQpaVqAJlA1YnPlqZRkgC1SycdSGC9OXcp89lKKNVMQ/s1600/Green+bird.png

Burung Twitter Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfX6Z4CdUuqjHtud1s7j8FCGuglU7sAv7RTBynXJ47-bDUl91NdPSo7JTbhiJqHFfY9U8fyvGjz575gAKigiHSOBJ6_5-dHyaRJ2nRKbiaitpiMwxDMpExItjk-_52cJqVCLTwooKQzis/s1600/purple+bird.png

Burung Twitter Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV879_ujbOzLjdwRVjgR_LHwcp54lfAUTnMbnRHlc-52xy7rwOLlXoEIsg_fv9BOzIa76hajPlMiemjYy_VVITvRWd2_PF1Lm8Hj65JQzfnZ6bClaiijZjXzkpBI1BPeZzmtzlHDLIGkw/s1600/white+bird.png

Burung Twitter Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5UTmnALtKxv_ZIfX5LXW701tGvHJcp31JP4251iTtmWNdClehyZqYthg2fPLrvoX0wos6tY88NRWEx3TR92LoAf5gp40Ie7Xy7RBCY46aE1jGyD9UDJOa9n7oscko70xrPtvezvx0Nk/s1600/red+bird.png

Nah itulah beberapa warna burung twitter terbang yang bisa kamu gunakan. Sebaiknya hati-hati dalam mengganti alamat akun twitter dan warna burung, karena jika ada kode yang terhapus secara tidak sengaja saat kita menggantinya maka kemungkinan burung terbang tidak terlihat.

Selamat mencoba pasang burung twitter terbang di blog kamu, semoga bermanfaat dan semoga berhasil.

Cara Membuat Efek Salju dan Daun berjatuhan pada Blog

Langsung saja yuk ke caranya :

1. Login ke akun blogger anda
2. Pilih menu Template
   
3. Klik Pada Tombol Edit HTML
4. Klik Tombol Proses Atau Lanjutkan
5. Jangan Lupa Download Template Lengkap 
6. Terlebih dahulu untuk mengantisifasi kesalahan dalan edit.
7. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
8. Copy kode dibawah dan letakan datas kode </head>
   
   Daun Berjatuhan
   

   <script src='http://misbahudin.googlecode.com/files/daun%20gugur.js'/>

   Salju Berjatuhan
   

   <script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>

9. Simpan Dan Lihat Hasilnya

Cara Menghilangkan Jerawat Pada Wajah

Cara Mencegah dan Mengobati Jerawat Pada Wajah -

Apakah anda pernah atau sedang mengalami masalah dengan  jerawat ? jerawat selain menyebabkan rasa nyeri atau sakit, jerawat juga sangat mengganggu dan mengurangi rasa percaya diri seseorang. Karena jerawat pada wajah akan mengurangi peforma seseorang. Terutama facenya.. sebenarnya jerawat merupakan masalah yang sering dan hampir di alami oleh setiap orang, khususnya orang indonesia yang tinggal di iklim tropis. Banyak faktor yang dapat menyebabkan terjadinya jerawat pada wajah. Beberapa faktor yang umum yang dapat menyebabkan jerawat ialah faktor makanan, kurangnya menjaga kebersihan wajah, dan lain- lain

Beberapa makanan yang dapat menyebabkan jerawat antara lain :

1. Gula dan Cokelat
Cokelat mungkin salah satu makanan yang paling memicu timbulnya jerawat. Archives of Dermatology menerbitkan sebuah studi yang menjelaskan bahwa makanan yang memiliki skala Glycemic Index tinggi, biasanya pada karbohidrat olahan seperti gula dapat menyebabkan munculnya jerawat akibat peningkatan kadar hormon.

2. Susu
Beberapa penelitian menunjukkan asupan susu tinggi dapat dikaitkan dengan munculnya jerawat. Sebuah penelitian Harvard menemukan bahwa remaja yang minum susu lebih dari dua porsi per hari cenderung menderita jerawat yang lebih parah. Hal itu disebabkan peningkatan pertumbuhan hormon yang menyebabkan kelenjar sebaceous di kulit jadi tersumbat.

3. Yodium
Yodium dapat menjadi salah satu faktor munculnya jerawat, seperti kelenjar minyak kulit yang dapat mengiritasi kulit yang sudah rentan terhadap jerawat. Yodium bisa ditemukan dalam ikan dan kerang karena air laut mengandung yodium. Selain itu sumber lainnya berasal dari garam beryodium yang merupakan komponen dari beberapa jenis makanan kaleng.

4. Kafein dan Alkohol
Kafein dianggap memicu munculnya jerawat karena dapat mempengaruhi kadar hormon yang dihasilkan tubuh. Beberapa sumber kafein adalah kopi, teh, minuman ringan, dan cokelat. Selain kafein, alkohol juga menyebabkan peningkatan hormon, khususnya testosteron yang dapat menyebabkan jerawat lebih sering muncul.

5. Makanan yang Membuat Alergi
Masalah kulit sering muncul akibat alergi pada makanan, terutama susu dan telur. Jerawat muncul karena sistem kekebalan  tubuh mencoba melawan racun yang dirasakan. Seorang ahli alergi telah mendiagnosa dan mengkonfirmasikan hubungan alergi makanan dengan jerawat yang parah.

6. Buah dan Sayur yang Bersifat Asam
Beberapa buah-buahan dan sayuran yang bersifat asam dapat menyebabkan munculnya jerawat, seperti wortel, mentimun, jeruk, dan daun selada. Tingkat keasaman tubuh dapat menyebabkan munculnya jerawat, karena itu harus dihindari.

Cara Mencegah Timbulnya Jerawat

• Mencuci Wajah 2 Kali Sehari.
• Sesuaikan Kosmetik Dengan Jenis Kulit Anda.
• Sebisa Mungkin Hindari Kosmetik Yang Berminyak.
• Keringkan Wajah Kita Dengan Handuk Yang Bersih Setelah Cuci Muka tau Mandi.
• Minum Air Putih Yang Banyak
• Gunakan Pelembab Kulit.
• Selalu Pastikan Kulit Anda Bersih Sebelum Tidur.
• Makan Sayur dan Buah-Buahan Yang Banyak
• Tidur Yang Cukup dan Teratur.

Cara Mengatasi Dan Menghilangkan Jerawat 

1. Menghilangkan Jerawat Dengan Bawang Putih.
Kusus untuk menghilangkan jerawat dengan bawang putih ini, ada dua pilihan.
Yang pertama dengan cara menumbuk bawang putih hingga cukup halus untuk kemudian kita oleskan ke wajah yang berjerawat. Diamkan kurang lebih selama 10 menit, lalu bilas hingga bersih.
Yang kedua adalah dengan cara memakan bawang putih satu atau lebih bawang putih setiap hari. Saya yakin untuk cara yang kedua ini kalian pasti tidak suka, karena bau  dan rasa dari bawang putih sangat-sangat tidak enak.

2. Menghilangkan Jerawat Dengan Lidah Buaya.
Ambil satu daun lidah buaya, lalu potonglah menjadi beberapa bagian dan kelupas kulit luarnya. Oleskan dibagian jerawat, lakukan cara ini setiap pagi dan sore hari. Jika kamu telaten, kemungkinan jerawat ini akan mengelupas setelah 3 hari.

3. Menghilangkan Jerawat Dengan Buah Tomat.
Buah tomat ternyata cukup efektif untuk menghilangkan komedo hitam (blackhead). Caranya, irislah tomat menjadi dua bagian dan oleskan kebagian jerawat, biarkan selama 15 menit - 1 jam kemudian bilas bersih.

4. Menghilangkan Jerawat Dengan Lemon atau Jeruk Nipis + Air Mawar.
Caranya yaitu dengan mencampurkan jus/perasan dengan air mawar lalu oleskan kewajah selama 10-15 menit. Setelah itu bilas wajah dengan air hangat, bila ini dilakukan secara rutin kurang lebih selama 15 hari, maka ini akan memberikan hasil yang memuaskan.

5. Menghilangkan Jerawat Dengan Putih Telur.
Nah, caranya yaitu pisahkan kuning telur dengan putih telur lalu ambil putih telurnya saja. Kocok sebentar lalu oleskan ke wajah, diamkan sekitar 15 menit saja.

Semoga Berhasil...

Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog ( Lengkap )

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog -

Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog 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 blog anda
• Pilih rancangan
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
• 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://permathic.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://permathic.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://permathic.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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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://permathic.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..

Jangan lupa tinggalkan komentar