Kumpulan Efek - Efek Blog ( Lengkap )

 

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan

<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan

<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api

<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo

<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun

<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball

<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur

<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut

<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing

<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold

<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak

<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah

<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat

<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie

<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok

<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok

<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script efek di dalam kotak yang di sediakan
3. Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..omenk group

Read more

Cara Membuat Animasi Cursor Di blog

Cara Membuat Animasi Cursor Di blog

Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang animasi cursor keren buat percantik blogger atau website anda ada banyak macam-macam animasi cursor untuk diblog saya tinggal anda pilih sesuai selera anda atau anda sukai langsung saja caranya  :

Cara untuk tampilan blogger lama :
1.Login ke blogger anda
2. Pilih Rancangan
3.klik Tambah Gadget Html/JavaScript
4.Copy & paste kan kode html mouse yang diinginkan di bawah ini
5.Terakhir Simpan 

Cara untuk tampilan blogger baru :
1.Login ke blogger anda
2. Pilih Laman
3.Pilih Tata Letak
4.klik Tambah Gadget Html/JavaScript
5.Copy & paste kan kode html mouse yang diinginkan di bawah ini
6.Terakhir Simpan 

Spongebob

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a> 

Mr.Crab

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>

Bird

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>

Mouse Pelangi

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a> 

Cartoon

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>

Fire Guitar

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>

Love

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani), url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Valentine's Day Pumping Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Peace

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani), url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Different Types Of Peace Symbol"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Different Types Of Peace Symbol" style="position:absolute; top: 0px; right: 0px;" /></a>

Angel

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>

Icon Moon

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur945.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur945.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Batman Begins - Diagonal Resize 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Diagonal Resize 2" style="position:absolute; top: 0px; right: 0px;" /></a>

vegeta dragon ball

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-7/ani634.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Vegeta - Dragonball Z 2"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vegeta - Dragonball Z 2" style="position:absolute; top: 0px; right: 0px;" /></a> 

superman

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Superman"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Superman" style="position:absolute; top: 0px; right: 0px;" /></a> 

samurai x

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>

monkey

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>

 

I love him

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-5/spe444.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="I Love Him"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Him" style="position:absolute; top: 0px; right: 0px;" /></a>

 

Selamat mencoba  dan lihat hasilnya cursor animasi sudah ada di blogger anda 
omenk group Read more

Cara Mengganti Template Blog dengan Template Keren

 

Cara Mengganti Template Blog dengan Template Keren - Banyak yang bilang mengganti blog di blogspot dengan di wordpress, jomla, itu lebih mudah di blogspot sama halnya buat blog di blogger di dengan di wordpress itu lebih mudah dan cepat di blogger. namun bagi pemula saya yakin semua sulit.. he..he.. Membuat blog yang cantik, keren dan unik memang membutuhkan sedikit usaha karena template yang keren biasanya banyak yang memakainya atau paling tidak sobat bisa mengedit kode-kode HTML untuk membuat tampilan blog sesuai dengan keinginan. saya yakin bukan cuma saya saja yang suka menggonta ganti template sampai tampilan nya sesuai dengan selera namun banyak juga blogger yang senang mengotak-atik bentuk template atau berburu template sampai menemukan template yang sesuai dengan apa yang di bayangkan. kadang Alasan mengganti blog memang beragam namun banyak dari mereka para blogger mengeluhkan tampilan yang kurang bagus ataupun berat loading yang mungkin sangat lamban sehingga akan mengganggu pengunjung dalam mengakses blog milik sobat. disini ada dua cara yang bisa sobat pilih menurut yang sobat anggap mudah.

Cara Merubah template Blogger Yang Pertama

1. Cara yang pertama adalah cara yang bisa di bilang lebih mudah dan cepat karena sobat tinggal upload template yang biasanya berextensi dengan xml. misal saya mengupload template distorsense.xml bagi sobat yang ingin melihat beberapa koleksi template bisa lihat template keren-keren disini
2. Jika sudah mendapatkan template nya Langsung menuju ke blogger.com lalu pilih TEMPLATE. klik di bagian sebelah kanan Backup / restore 
   
3. Pilih template yang ada di komputer sobat  lalu OPEN
   
4. Klik Upload 
   
5. Selesai, atau jika ingin mengetahui cara lain silahkan ikuti langkah di bawah ini. 

Cara Mengganti Template di Blogger Yang kedua

1. Seperti biasanya silahkan masuk saha ke blogger milik sobat
2. Persiapkan dahulu template yang akan sobat jadikan untuk mengganti. silahkan download di cara pertama jika ingin mendownload template.
3. Sebelum menuju ke template silahkan backup dahulu template sobat mungkin saja sobat butuh lagi template yang akan sibat ganti, caranya klik Template - Back up and store - Download full template 
   
4. Masih Di Template setelah di backup templatenya silahkan pilih edit template 
   
5. Hapus Templatenya bisa dengan tekan pada keyboard CTRL+A lalu DELETE 
6. Cari template yang sudah sobat download di komputer milik sobat lalu Buka template tersebut sobat dengan Notepad caranya klik kanan pada template - Open with - Notepad
   
7. Copy semua Copy templatenya caranya CTRL + A lalu klik kanan pilih Copy 
   
8. Pastekan ke dalam template blogger 
   
9. Edit - edit dahulu di dalam template jika sobat ingin mengganti kode -kode yang dirasa perlu di ganti
10. langkah terakhir adalah SIMPAN TEMPLATE 
11. Selesai

Kadang membutuhkan banyak waktu untuk menjadikan tampilan blog sesuai dengan harapan karena sobat harus mengutak atik kode HTML yang ada disana. dengan sabar dan teliti karena salah sedikit saja meletakkan kode akan bisa merubah tampilan blog, namun saya yakin sobat bisa melakukannya dengan mudah jika mau belajar. merubah template di atas sebenarnya masih belum sempurna masih ada lagi yang bisa sobat lakukan seperti berupa merubah ukuran header, mengganti backgound blog, menambah kolom, menambah widget,  atau lain sebagainya. terima kasih dan semoga template nya makin keren.. 

omenk group 

Read more

Cara Membuat Teks Berjalan di Blog

 

Cara Membuat Teks Berjalan di Blog

Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

 hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

 hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :

• Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
• Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
• Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
• Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
  

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :

Contoh Tulisan Berjalan

• Untuk menyisipkan link pada marquee, gunakan kode berikut :

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.

hasilnya :

Cara Membuat Tulisan Berjalan di Blog

• Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

Sekian posting cara bikin tulisan berjalan nya....
omenk group Read more

Kumpulan animasi gerak keren untuk Blog

Kreasi | sobat kali ini saya akan share beberapa tampilan animasi, dan dengan menggunakan animasi gerak tampilan blog sobat pasti akan terlihat tambah indah dan cantik.

Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini :

1. Login ke Akun Blogger Anda
2. Buka Tata Letak , Klik Tambah Gadget
3. Kemudian pilih HTML/Javascript
4. Copy Pastekan kode masing-masing animasi dibawah ini yang Anda senangi

<div style="position: fixed; bottom: 0px; left:
30px;width:150px;height:170px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzaLD78XaJawPk2W-l4rE9A_BS7RdD_vZ0j46r0OHFIeVJJ-9SClN-oFbIsdWyppCO95ygM5hZMPeLDcATUI7HRAekLizWCMjON-uuLuFT8cGKPLeRxtj62kNhPCYjUP0qlagKhDIJUzdT/s180/Animasi+Bergerak+2.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
0px;width:200px;height:350px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiF8Xl2BTzOLDxOpvL3huxtG8dc_2Dh_B04Pq-XNpb_yE8BGyCoHLWLT8k0jnrsQjYVmjzUObRfcLS-qda5TDBAuxEI2Ftm9feXhaXiItLNtJHn0cotsuXFwNOrdSEjwJHcaNGgQqObmEh/s150/Animasi+Gif+Bergerak+10.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:200px;height:350px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfF0YK4AbxS0AaDtt-SVuQljJJAS4B9gZRD3X1zNKQ5-bDQxxP3Szicf9_tVRjEADLu3roX1cggZjx4i9O3ZTz0ggKa0d7S7RfPnjLtTlR1r5Jxk_fJJnBRUkVz7G3k0cP_zEwIoxxjZy/s180/animasi+gerak27.gif " /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:280px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxFTowSPkKY26OmVPufJItP1pLouVd-nOuCxmSzfD2qZYGegYyeVPH6WsKoFfhOcbC9jL4OiiXHvxpz6q6TaD7u5PvE2MSsHpubqYH29LI1FMczFKS31blEp9Ggl3vExHnIr-BXLxujSN/s150/animasi+gerak11.gif " /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:280px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqfjZ6fVXYrllphwjYCrRZfixC7KMt3X-5iwptg4vcwqJzEWg25YfW0vGnIrzhFXKsKdB3_EH_adbHw4VIjDMRjq7m-p4VLET2rAcBarKIeB5dzBHO3FWiv139ZopCFPkWCP9C5xUhRUf/s150/animasi+gerak22.gif " /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:280px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1uO3E8QqVRET8uNbZQmYpcmG1fnUYPdCpxwlUmGe3HzNlMbVUHnJkhRV6fXZce2cwOm2rmtNPg-Ry3RoVcsPbaXHsak4tnTKjATFRN5fYghubIuHli87AOE-MDvVrPh3p1vdd_qNjXcMT/s320/animasi+gerak12.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:280px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-Yx2Y0OgA0ViOoOD964ugEs8GIHlbGtupm8jdZKE6E5LJhgWrxISgPLu4x-nGHCRPHNF03u-LBZk3MYKMAKGkEpAxmkH-Nc5szCCp6Gklkv2mZwzBW4BtdncKtT1XUdWscb35uqojiKl/s320/animasi+gerak25.gif " /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" 
src="http://www.duniainter.net/wp-content/uploads/2013/09/DP-BBM21.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="http://www.duniainter.net/wp-content/uploads/2013/07/Gambar-Animasi-Bergerak.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" 
src="http://www.duniainter.net/wp-content/uploads/2013/07/Animasi-Bergerak.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" 
src="http://www.animasi-bergerak.org/wp-content/uploads/2012/05/animasi-bergerak-naruto-melawan-sasuke.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="http://gambar.co/wp-content/uploads/2012/10/ItachiySasuke12.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="http://gambar.co/wp-content/uploads/2012/10/Kakashi-vs-gai.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="http://gambar.co/wp-content/uploads/2012/10/Naruto-shippuden-vs-Sasuke_5.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a 
href="http://aak-share.blogspot.com/" target="_blank"><img border="0" 
src="http://gambar.co/wp-content/uploads/2012/10/sakura.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left:
10px;width:180px;height:250px;"><a
href="http://aak-share.blogspot.com/" target="_blank"><img border="0"
src="http://gambar.co/wp-content/uploads/2012/10/narutovssasuke4.gif" /></a><small><center><a href="http://aak-share.blogspot.com/2014/05/kumpulan-animasi-gerak-keren-untuk-blog.html" target="_blank">My Widget</a></center></small></div>

5. Lalu Klik Simpan atau Save

Cukup sekian ya sobat, semoga bermanfaa!
omenk group Read more