membuat teks berjalan atau pun marquee text pada blog.

Berikut adalah kode yang kita gunakan:

<marquee>Teks bergerak</marquee>

teks bergerak


Marquee yang biasa(standard) bergerak dari kanan ke kiri,kita boleh mengubahnya kepada beberapa bentuk gerakan dan keadaan dengan tambahan kod seperti dibawah:

bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah



Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri ke kanan

Arah kiri dan kekanan kemudian berpatah balik

<marquee behavior="alternate" >Arah kiri dan kekanan kemudian berpatah balik</marquee>

Arah kiri dan kekanan kemudian berpatah balik


Dari kiri ke kanan dengan tempoh masa "10"

<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>

dari kanan ke kiri jarak masa 10



Halakan pointer mouse pada teks dan ia berhenti

<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>

arahkankan mouse pada teks,berhenti




Jika ingin buat turun atau naik gantikan direction="down" atau "up"

<marquee bgcolor="yellow" direction="down" height="100" width="70%">dari atas ke bawah</marquee>


dari atas ke bawah


Teks dengan latar belakang warna


<marquee width="70%" bgcolor="green">dari kanan ke kiri</marquee>

dari kanan ke kiri

untuk meletakkan marquee contohnya pada sidebar:
1.Masuk kedesign
2.pilih Page Elements
3.Add A gadget--Javascript
masukkan kode yang diinginkan dan save.
4.selesai

Read More

Cara Pasang Info Cuaca Di Blog

Info Cuaca adalah salah satu aksesoris yang cukup menarik untuk dipasang diblog. Tujuanya adalah ya untuk mengetahui ramalan cuaca,walaupun Info Cuaca ini hanya mewakili kota tempat tinggal sang pemilik blog .namun Info Cuaca ini cukup menarik untuk dipasang di blog kamu .Tertarik ? Silakan ikuti Tutorial Cara Pasang Info Cuaca Di Blog Berikut ini :

1.Klik http://www.wanderground.com.

2.Masukan nama kota tempat kamu tinggal,lalu klik tanda Search disampingnya.

3.Setelah muncul Info Cuaca kota kamu silakan klik Get Your Wheater Sticker yang ada dibawah.

4.Silakan pilih banner Info Cuaca yang kamu inginkan.

5.Setelah kamu memilih banner yang kamu inginkan,nanti akan tampil kode HTML dari banner tersebut.

6.Copy Kode HTML banner yang kamu pilih.

7.Selanjutnya LOGIN ke blogger kemudian klik Tata Letak Lalu klik Tambah Gadget dan Pilih HTML/javascript lalu paste kode tadi kedalamnya. jangan lupa klik save.

8.Selesai.. 

Read More

Cara Pasang Lencana Profil Facebook Di Blog

Apa itu Lencana Profil Facebook ? Lencana profil facebook adalah sedikit cuplikan tentang profil diri kita di dalam akun facebook. dan biasanya lencana profil facebook ini di pasang di blog ataupun di website-website sang pemiliknya. tujuanya adalah untuk memperkenalkan dirinya kepada sang pengunjung blog, dan nantinya jika ada pengunjung yang tertarik dengan artikel-artikel blog milik sobat sang pengunjung blog pun bisa langsung meng ADD akun facebook milik sang pemilik blog untuk berkomunikasi melakukan tanya jawab.

Lencana Profil Facebook ini Selain Berguna seperti yang klinik-it jelaskan diatas juga berguna sebagai pengganti Profil yang di sediakan oleh blogger.contoh lencana profil tersebut adalah seperti ini.| Buat Lencana http://bocah-ngambon.blogspot.com/


Itulah sedikit tentang penjelasan mengenai lencana Profil Facebook,dan Buat sobat yang ingin memasang lencana Profil Facebook di blog silakan ikuti tutorial langkah-langkah Cara Pasang Lencana Profil Facebook Di Blog di bawah ini.

1.Login ke Akun Facebook sobat.

2.Klik Profil.

3.Lalu cari tulisan Buat Lencana Profil.Tulisan ini adanya di bagian kiri bawah profil facebook sobat.

4.Selanjutnya pilih Lencana Profil facebook yang ingin sobat pasang di blog,di situ ada tampilan profil facebook yang horizontal dan vertical tinggal sobat pilih. Jika sobat ingin membuat baru lencana profilnya tinggal klik aja tombol Buat Lencana Baru yang ada di bagian kanan atas.tinggal sobat atur sendiri apa yang ingin di tampilkan di dalam lencana profil Facebook Sobat.

5.Kalo udah Copy semua Kode HTML lencana profil facebooknya.

6.Selanjutnya Login ke Blogger.

7.Klik Tatat Letak.

8.Klik Tambah Gadget.

9.Pilih HTML/javascript.

10.Kemudian Paste kode HTML lencana profil facebook di dalamnya.

11.Klik Simpan.

12.Selesai...

Read More

Cara Pasang Jadwal Sholat Di Blog

Buat kamu yang beragama islam,kali ini ada tips menarik nich !!! yaitu tips tentang Cara Pasang Jadwal  Sholat ,Buat kamu yang tertarik untuk memasang jadwal sholat,Silakan ikuti tutorial Cara Pasang Jadwal Sholat Di Blog berikut ini.

1.Klik http://www.islamicfinder.org

2.Kemudian klik Add new sevices to your site yang ada di bagian paling bawah.

3.Selanjutnya Pilih Menu yang No2,Yang ada tulisan 2) Do you want one day prayer time of your city to show up in your web site like one of the boxes below? If yes, then please select your country first.

4.Pilih negara pada pada menu dropdown No2 tersebut yang ada tulisan Select a Country,Pilih indonesia lalu klik GO.

5.Selanjutnya Ketikan kota tempat kamu tinggal pada Kolom Exact City Search:.setelah itu klik GO

6.Setelah itu Lalu klik Nama kota yang kamu masukan tadi. dan Klik Generated Code Untuk mendapatkan kode HTML nya.

7.Setelah muncul kode HTML nya silakan Copy seluruh Kode HTML tersebut.

8.Selanjutnya LOGIN Ke Blogger .

9.Klik Tata Letak.

10.Klik tab Elemen Halaman.

11.Klik Tambah Gadget.

12.Kemudian Pilih HTML/Javascript.

13.Lalu paste seluruh kode HTML tadi kedalamnya,Kemudian klik SIMPAN.

14.Selesai ..selamat mencoba..

Read More

Cara Masukkan Banyak Gambar Dalam Entri Blog Dengan Mudah

Mungkin masih mudah untuk memasukkan gambar satu/ dua gambar ,dalam entri blog. Bagaimana  untuk memasukkan berpuluh-puluh gambar (seperti gambar pergi berwisata, perkawinan, dsb) dalam satu entri blog ...

Contoh banyak gambar yang dimasukkan sebuah entri seperti di entri ini. Suasana terminal bus di China

Berikut adalah tutorial untuk memasukkan banyak gambar dalam blog sekaligus.

1. Dari dashboard anda, klik pada 'create new post'



2. Pada paparan yang muncul, pilih mode 'compose' kemudian klik pada ikon 'gambar'.



3. Klik pada 'Choose files'



4.Dari paparan yang muncul, pilih seberapa banyak gambar yang anda ingin masukkan, kemudian tekan 'open'



5. Proses upload



6. Apabila selesai, tekan 'add selected'.
Pastikan sebelum anda tekan 'add selected' semua gambar telah dipilih.



7. Selesai

Read More

Cara Membuat Teks yang mengikuti kursor

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
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;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.    Selamat mencoba

Read More

Cara Mengganti Gambar Kursor di Blog

Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

            

  URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

             

   URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

              

  URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

             

   URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

          

      URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

.

  selamat mencoba  n smoga berhasil

Read More

Mengatur Home Page pada Firefox

Apa itu home page pada Firefox? Home page adalah halaman atau situs pertama muncul saat kita pertama kali membuka Mozilla Firefox. Secara default halaman pertama yang muncul pada firefox adalah google, anda dapat mengatur home page pada firefox dengan sangat mudah. Anda bisa menggunakan lebih dari satu halaman web sebagai homepage. Tutorial ini akan menjelaskan langkah demi langkah untuk mengatur settingan home page.

Mengatur satu website sebagai home page

• Buka website yang anda ingin jadikan homepage.
• Klik dan drag tab yang ingin dijadikan homepage ke icon home page di sebelah kiri Adress Bar.
  
• Klik Yes untuk mengatur halaman tersebut sebagai homepage.

Mengatur lebih dari satu website sebagai home page

Ini adalah cara untuk menampilkan website website favorite anda pada halaman awal firefox. Misalkan anda ingin tombol home menampilkan email, situs favorite dan Facebook sekaligus.

• Buka jendela baru Firefox, dan buka situs pertama yang anda ingin atur sebagai home page.
• Klik tombol new tab (Ctrl + T) dan buka website kedua yang ingin anda jadikan homepage. Lakukan hal yang sama sampai anda membuka semua situs yang ingin dijadikan home page.
• Klik menu Tools, dan select Options...
• Klik panel General.
• Klik Use Current Pages.
  
  
  
  
• Klik OK untuk menutup jendela Options.

Read More

Cara Copy File Ke CD

Cara Menyimpan File di CD Tanpa Nero

Meskipun pada komputer yang digunakan untuk menyimpan file dalam CD tidak terdapat aplikasi Nero Burning, kita masih bisa menyimpan file dalam kepingan CD caranya adalah sebagai berikut.

1. Masukan Blank CD (CD-R/CD-RW baru) ke dalam CD/DVD-RW Drive

2. Copy file-file yang hendak disimpan di CD kemudian dipaste di CD-Drive

3. Klik Kanan pada CD/DVD-RW Drive, kemudian pilih burn file to CD

4. Tunggu hingga proses burning selesai.

5. Selesai

Di atas adalah cara copy file ke CD tanpa menggunakan software Nero Burning, dan berikut ini adalah Cara copy file ke CD menggunakan aplikasi Nero.

Cara Copy File Ke CD Menggunakan Nero

1. Klik Start-All Programs-Nero-Nero StartSmart
2. Klik menu Data - Make Data Disc
3. Klik tab Add
4. Pilih file yang akan di copy ke CD kemudian klik Add, lakukan ini berulang kali untuk memasukkan file-file yang hendak dicopy ke CD.
5. Bila sudah selesai memilih file, langkah selanjutnya adalah klik Finished
6. Klik Next
7. Klik Burn dan tunggu hingga proses burn file ke CD selesai.
8. Selesai

Sebagai tambahan, untuk memasukkan file selalu perhatikan maksimum kapasitas sebuah CD dengan melihat indikator pada bagian bawah file-file yang dipilih, usahakan jangan sampai bar indikator menunjukkan warna merah, karena warna merah berarti kapasitas file yang dipilih sudah melebihi batas maksimum daya tampung sebuah CD/DVD.

Read More

Melindungi Document Di Ms Excel 2007 Dengan Menggunakan Password

Oke Langsung aj gan!
Simak langkah-langkahnya gan:
1. Bukalah dokumen yang ingin agan beri password(Disini ane pake MS Word 2007)
2. Kemudian klik “save as atau CTRL+S” maka akan muncul kotak dialog Save As (berarti agan akan menyimpan dalam dokumen baru)

3. Kemudian klik tombol “Tools” yang berada dibagian bawah sebelah kiri dari kotak dialog tersebut,lihat gambar..

4. Selanjutnya pilih “General Options”,maka akan muncul kotak dialog General Option, lalu ketikkan password yang agan inginkan pada “Password to open dan Password to modify” kemudian klik “OK”.

NB: Password to open & Password to modify boleh berbeda
5. Lalu muncul kotak dialog “Confirm password”, ketikkan lagi password anda untuk “Password to open” kemudian klik OK.

6. Kemudian ketikkan lagi password untuk “Password to modify” kemudian klik OK.

7. Selanjutnya beri nama file agan pada “File Name”,,lalu Klik “save”.
Mulai sekarang ketika agan membuka file dokumen yang baru saja agan beri password, maka agan akan diminta untuk memasukkan password to open & pasword to modify untuk membukanya.(Passwordnya jangan sampe lupa iah,,hhe)

Selesai,,

Read More

Cara membuat revolvermaps di blog

Belakangan ini ketika saya sedang berkunjung ke beberapa blog , saya menemukan sesuatu yang unik. Saya melihat ada sebuah widget yang sangat menarik, namanya Revolver Maps. Widget yang menampilkan visitor blog dengan efek 3D dengan tampilan globe yang berputar sepertihalnya bumi. Dan saya pun tertarik untuk memasangnya. Karena efek 3D nya tersebut bisa membuat blog terlihat lebih hidup. Dan akhirnya timbul keinginan saya untuk berbagi info ini, tentang bagaimana cara memasang widget revolver maps kepada para blogger sekalian.

Langkah Pertama

1. Masuklah ke situsnya Revolver Maps, klik saja disini Revolver Maps
2. Kemudian Klik Get Standard Version
3. Atur Widgetnya sesuai keinginan anda.
4. Copy kodenya

 Atau bagi anda yang tidak mau repot , bisa copy kode di bawah ini

<script type="text/javascript" src="http://ji.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','280','true','false','000000','8z2akiyoa8x','true','ff0000');</script><noscript><applet codebase="http://ri.revolvermaps.com/j" code="core.RE" width="280" height="280" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="8z2akiyoa8x" /><param name="m" value="0" /><param name="s" value="280" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript><small><a href="http://permathic.blogspot.com/2012/03/cara-memasang-widget-revolver-maps-di.html" target="_blank"> Widget</a></small>

Langkah ke-2

1. Login ke dasbor blog anda
2. Pilih Rancangan
3. Pilih elemen laman
4. Pilih tambah gadget
5. Pilih edit Html / java script
6. Kemudin Paste kan kode tadi
7. Atur di mana anda mau meletakannya
8. Simpan
9. Selesai

Mudah bukan ? Selamat mencoba. Dan buatlah blog anda menjadi lebih hidup dan menarik..

Read More

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..

Read More