September 2013 ~ Tutorial TIK-PTD

Jejak Fade Away Cursor Trail Script

Sabtu, September 28, 2013 Belajar IT 1 comment

Lankah 1: Simpan 6 gambar, dan upload ke gadget blog kalian (dengan mengklik kanan gambar, dan pilih "Save as"). Perhatikan bahwa yang terakhir adalah transfaran gif.

Langkah 2: Tambahkan di bawah <head> halaman anda :

Pilih semua

<SCRIPT
 language="Javascript1.2">
<!--

/*
Fade-away cursor trail (By Dave Collins at davecollin1@excite.com)
Code and technique learned from site SiteExperts.com
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/


var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

var NUM_OF_TRAIL_PARTS = 5

for (x=1; x < 6; x++) {
 eval("trailSpriteFrame" + x + " = new Image(28,36);");
 eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");
}


function trailSpriteObj(anID) {
 this.trailSpriteID = "trailSprite" + anID;
 this.imgRef = "trailSprite" + anID + "img";
 this.currentFrame = 1;
 this.animateTrailSprite = animateTrailSprite;
}

function animateTrailSprite() {
 if (this.currentFrame <6 ) {
  if (isNS) {
   eval("document." + this.trailSpriteID +".document['"+ this.imgRef + 
"'].src  =  trailSpriteFrame" + this.currentFrame + ".src");
  } else {
   eval("document['" + this.imgRef + "'].src  =  trailSpriteFrame" + 
this.currentFrame + ".src");
  }
  this.currentFrame ++;
 } else {
  eval(layerRef + '.' + this.trailSpriteID +  styleRef + '.visibility = 
"hidden"');
 } 
}



function processAnim() {
 for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
   queue[x].animateTrailSprite();
}

function processMouse(e) {
 currentObj = shuffleQueue();
 if (isNS) {
  eval("document." + currentObj + ".left = e.pageX - 10 ;");
  eval("document." + currentObj + ".top = e.pageY + 10;");
 } else {
  eval("document.all." + currentObj + ".style.pixelLeft = event.clientX +
 document.body.scrollLeft - 10 ;");
  eval("document.all." + currentObj + ".style.pixelTop = event.clientY +
 document.body.scrollTop + 10;");
 }
}

function shuffleQueue() {
 lastItemPos = queue.length - 1;
 lastItem = queue[lastItemPos];
 for (i = lastItemPos; i>0; i--) 
  queue[i] = queue[i-1];
 queue[0] = lastItem;
 
 queue[0].currentFrame = 1;
 eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility
 = "visible"'); 

 return  queue[0].trailSpriteID;
}

function init() {
 
 for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
  queue[x] = new trailSpriteObj(x+1) ;
 
 if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
 document.onmousemove = processMouse;

 setInterval("processAnim();",25);
} 
if (document.all||document.layers)
window.onload = init;

//-->
</SCRIPT>

Step 3: Tambahkan baris berikut ke bagian <body> setelah tag body :

Pilih semua

<div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img">
</DIV>
<div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img">
</DIV>
<div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img">
</DIV>
<div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img">
</DIV>
<div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img">
</DIV>
<script language="JavaScript1.2">
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
</script>

Selamat Mencoba

Selengkapnya

Komet Mengikuti Cursor

Sabtu, September 28, 2013 Belajar IT 1 comment

Bagaimana menurut kalian ????, caranya adalah :

1. Masuk ke blogger

2. Pilih Gadget

3. Tersedia bermacam-macam bentuk IP Address, silahkan pilih salah satu

4. Kemudian copy kode gadget IP Address yang telah anda pilih

5. Langkah berikutnya login ke blogger.com

6. Klik Layout/Tata Letak ---> Add Gadget/Tambah Gadget

7. Pilih HTML/Javascript

8. Kemudian paste script yang telah anda copy pada kotak yang telah disediakan

9. Terakhir klik tombol simpan, akhirnya lihat hasilnya.

Scriptnya :

Sumber :

Selengkapnya

Cara Membuat Helikopter dari Bambu

Rabu, September 25, 2013 Belajar IT 2 comments

Pada pelajaran Prakarya Kurikulum 2013 (adopsi dari pelajaran PTD), ada beberapa tahapan yang harus kita lalui, yaitu : PGBU (Pikir, Gambar, Buat, dan Uji)
PIKIR
Merencanakan Helikopter yang akan dibuat baik itu bentuk, bahan utama, bahan tambahan, serta peralatan yang harus disiapkan (dibutuhkan)
Bentuk yang kita pilih contoh gambar kapal yang ada diatas.
Bahan Utama : Bambu
Bahan Tambahan :

Lem Kayu,
Cat Kayu (Pernis)

Peralatan yang dibutuhkan :

Bor tangan
Gergaji pemotong
Gunting /pisau raut
Cutter
Ampelas
Kuas

GAMBAR
Gambar sketsa sangat dibutuhkan dalam pengerjaan karya, karena ini tugas kelompok dan semua anggota kebagian tugas masing-masing sesuai dengan kesepakatan dalam diskusi pada tahan PIKIR (perencanaan).

BUAT

Cara membuat Kerajinan Helikopter dari bambu :
Kita pecah dulu bagian-bagian utama Helikopter yang akan dibuat
a. Bagian Badan
b. Bagian Ekor
c. Bagian Baling-baling

Bagian Badan

Potong Bambu yang berdiameter 7 cm lebanya 5 cm sebanyak 1 buah
Lubangi bagian depannya (1) yang berdiameter 4 cm, bagian belakangnya berdiametet 2 cm.
Belah bambu untuk kaki heli, 2 cm x 8 cm sebanyak 2 buah
Bambu yang sudah dibelah diraut untuk membuat tiang kakinya panjang 2,5 cm diameter 0.5 cm sebanyak 4 buah.

Bagian Ekor

Potonglah bambu dengan menggunakan gergaji (berdiameter 2 cm) panjang 16 cm satu buah
Bambu belah sisa dari kaki heli, dibuat untuk ekor heli berukuran 5 cm x 1,5 cm sebanyak 2 buah

Bagian Baling-baling

Siapkan dan potong bambu berdiameter 1 cm panjang 5 cm sebanyak 1 buah.
Raut bambu belah untuk membuat As baling-baling berukuran 7 cm Dia (0,5) satu buah.
Bambu belah untuk baling-balingnya berukuran 4 cm x 15 cm sebanyak 2 buah.

UJI
Pada tahap ini, kalian mempresentasikan hasil kreativitas kalian.

Selengkapnya

Widget Tuk Mengetahui Pengunjung Blog Kita

Selasa, September 24, 2013 Belajar IT 1 comment

Dengan mengetahui pengunjung blog kita, berarti blog kita berapa pengunjungnya dan dari mana asalnya, secara otomatis rating blog meningkat. Widget ini juga mengetahui IP Addres pengunjung. Yang dimaksud dengan IP Address adalah alamat komputer pengunjung yang yang akan ditampilkan pada saat pengunjung tersebut sedang online pada blog yang dipasangi dengan widget IP Address. Contohnya seperti ini :

Bagaimana menurut kalian ????, caranya adalah :

1. Masuk ke blogger

2. Pilih Gadget

3. Tersedia bermacam-macam bentuk IP Address, silahkan pilih salah satu

4. Kemudian copy kode gadget IP Address yang telah anda pilih

5. Langkah berikutnya login ke blogger.com

6. Klik Layout/Tata Letak ---> Add Gadget/Tambah Gadget

7. Pilih HTML/Javascript

8. Kemudian paste script yang telah anda copy pada kotak yang telah disediakan

9. Terakhir klik tombol simpan, akhirnya lihat hasilnya.

Contoh-Contoh Dari Gadget IP Address :

Contoh I :

Scriptnya :

Contoh 2 :

Scriptnya :

Contoh 3 :

Scriptnya :

Contoh 4 :

Scriptnya :

Keterangan :
- width=" 250" = Lebar Gadget IP Address
- height=" 180" = Tinggi Gadget IP Address
- scrolling="no" = Alat penggulung pada Gadget IP Address ( no = tidak ada ) ( yes = ada )

Sumber :

Selengkapnya

Membuat Jam Weker Dari Bambu

Selasa, September 17, 2013 Belajar IT No comments

Pada pelajaran Prakarya Kurikulum 2013 (adopsi dari pelajaran PTD), ada beberapa tahapan yang harus kita lalui, yaitu : PGBU (Pikir, Gambar, Buat, dan Uji)
PIKIR
Merencanakan Jam Weker yang akan dibuat baik itu bentuk, bahan utama, bahan tambahan, serta peralatan yang harus disiapkan (dibutuhkan)
Bentuk yang kita pilih contoh gambar kapal yang ada diatas.
Bahan Utama : Bambu
Bahan Tambahan :

Kardus bekas,
Kain bekas karung,
Jarum pentul yang ada kepalanya,
Mesin jam,
Lem Kayu,
Mur-baud
Cat Kayu (Pernis)

Peralatan yang dibutuhkan :

Bor tangan
Gergaji pemotong
Gunting
Cutter
Ampelas
Kuas

Cara membuat Kerajinan Jam Weker dari bambu

Potonglah bambu dengan menggunakan gergaji bagian badan (utama) dan kakinya sesuai ukuran.
Lubangi bagian bawah badan jam persis dengan bagian atas dudukan (kaki) jam, sebesar ukuran baud-mur.
Gunting kardus bekas sebanyak 3 buah/ lembar dan 1 lembar kain bekas karung sebesar badan weker.
Kardus dibuat 2 lapis agar kuat disatukan dengan kain di lem dengan lem kayu.
Lubangi bagian tengahnya Kardus yang sudah dibentuk, untuk dudukan mesin jam.
Tempelkan angka atau jarum pentul pada posisi angka 12, 3, 6, dan 9 pada (posisi jam normal)
1 bagian kardus berfungsi untuk menutupi bagian belakang jam.
Satukan badan jam dan dudukannya (kaki) dengan mur-baud
Bagian depan yang terbuat dari kardus yang sudah di hias gabungkan dengan badan jam yang terbuat dari bambu. dengan menggunakan lem kayu.
Setelah terrangkai sesuai rencana kita kasih warna dengan cat atau pernis.
Selesailah, tinggal dipajang.

UJI
Pada tahap ini, kalian mempresentasikan hasil kreativitas kalian.

Sumber Gambar :

Selengkapnya

Membuat Kerajinan Kapal dari Bambu

Senin, September 16, 2013 Belajar IT 1 comment

Kerajinan kapal dari bambu

Bambu adalah salah satu bahan alami untuk membuat kerajinan tangan yang mudah didapatkan. Tumbuhan ini memang memiliki banyak manfaat. Tidak hanya menjadikan udara lebih sejuk, bambu juga meningkatkan kadar air dalam tanah karena sistem penyerapannya yang baik. Kerajinan dari bambu terbilang cukup mudah di kreasikan, jadi Anda cukup melihat gambarnya pasti akan bisa mengkreasikan sesuai imajinasi anda sendiri, berikut cara membuat kerajinan dari bambu :
Pada pelajaran Prakarya Kurikulum 2013 (adopsi dari pelajaran PTD), ada beberapa tahapan yang harus kita lalui, yaitu : PGBU (Pikir, Gambar, Buat, dan Uji)
PIKIR
Merencanakan kapal yang akan dibuat baik itu bentuk, bahan utama, bahan tambahan, serta peralatan yang harus disiapkan (dibutuhkan)
Bentuk yang kita pilih contoh gambar kapal yang ada diatas.
Bahan Utama : Bambu
Bahan Tambahan :

Benang,
Lem Kayu,
Paku
Cat Kayu (Pernis)

Peralatan yang dibutuhkan :

Bor tangan
Palu
Gergaji pemotong
Pisau raut
Ampelas
Kuas

Cara membuat Kerajinan kapal dari bambu

Potonglah bambu dengan menggunakan gergaji dengan bentuk kapal
Buanglah bagian atas kapal dengan membelah sebagian atas kapal
Rautlah bambu, untuk membuat kerangka layar.
Bambu yang sudah di raut dimasukan kedalam badan kapal tidak lupa badan kapal di bor terlebih dahulu
Setelah dimasukan, buatlah gelang dari bambu yang panjangnya kurang lebih 10 cm kemudian dibagi 2.
Borlah bagian yang sudah tepat ditengah-tengah bambu yang sudah di belah menjadi 2
Masukan rautan bambu kedalamnya, tidak lupa ikat bagian-bagiannya agar tidak lepas. bisa juga dengan menggunakan lem atau di paku dengan menggunakan paku yang kecil.
Jika anda ingin menambahkan layar berilah kain di atas kapal sesuai dengan keinginan kawan-kawan.
Setelah itu di cat, kalau tidak mau di catpun tidak masalah.
Karena cat merupakan hiasan warna pada kapal agar terlihat mengkilau

UJI
Pada tahap ini, kalian mempresentasikan hasil kreativitas kalian.

Sumber : http://bahan-membuat.com/

Selengkapnya

Widget Animasi Tuk Bikin Indah Blog

Sabtu, September 14, 2013 Belajar IT No comments

Cara Memasang Widget Animasi Di Blog

Copy scriptnya animasi yang anda pilih.
Login ke Blog
Pilih Rancangan
Tambah gedget
Pilih edit html atau script,
Pastekan script tadi
Lalu save.. “tinggal lihat bagaimana hasilnya”

Animasi Kartun

1. Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

2. Doraemon

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

3. Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

4. Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

5. Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

6. MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

7. Hai Friend

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

8. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

Animasi Mimik Muka (emotionicon)

1. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

2. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

3.Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

4.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

5. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Animasi Binatang

1. Ayam betelur

<div
 style="position: fixed; bottom: 0px; left: 
10px;width:100px;height:130px;"><a 
href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html"

target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more."

/></a><small><center><a
 
href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html"

target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

2. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

3. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

4. Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

5. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

6. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

7. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

8. Pinguin

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://infounixs.blogspot.com/2012/12/kumpulan-animasi-yang-lucu-dan-keren.html" target="_blank">Widget Animasi</a></center></small></div>

9. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

10. Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

11. Pig

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

Animasi Permainan
Olahraga

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Main Taplak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

PDKT

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" 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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Animasi Tuk Bikin Indah Blog">Widget Animasi</a></center></small></div>

Ekspresi cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.html" target="_blank">Widget Animasi</a></center></small></div>

Bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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://tutorial-tik-ptd.blogspot.com/2013/09/widget-animasi-tuk-bikin-indah-blog.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 menc

Sumber :

http://infounixs.blogspot.com/

http://permathic.blogspot.com

Selengkapnya