1/29/2017

Cara Membuat Animasi (Blogger)

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ



Baca Juga

Aldi Andreansyah Sciences - Membuat Animasi, Cara Menambah Animasi, Cara Menambah Animasi Blog,Blogger, Cara Menambah Animasi Lengkap Blogger.

Halo sobat Aldi Andreansyah Sciences kembali lagi ya terutama pada Halaman website saya ini , Alhamdulillah sebelumnya AA Sciences pun sudah membahas artikel tutorial Blogger serupa Mengenai tentang Pemasangan Burung Twitter Terbang di Blogger yakni yang berjudul Cara Membuat Efek Burung Twitter Terbang di Blogger, tapi kembali lagi serupa AA Sciences pun Alhamdulillah di kali ini dapat membagikan kesempatan membagikan mengenai Tutorial Blogger yaitu dalam pembuatan sebuah sebuah animasi pada blogger yang berjudul Cara Membuat Animasi di Blogger.


Cara Membuat Animasi Blogger - Membuat tampilan yang cantik adalah cara dimana menjadi dambaan kita terutama dalam mengelola sebuah web/blog agar blog tersebut tampil keren di pandang terutama bagi para pengunjung yang dimana terutama pengunjung tersebut senang dengan adanya tampilan animasi² yang beragam seperti animasi, seperti : Naruto, Bleach, Spongebob, Mickey Mouse, Robot, Burung Twitter dan masih banyak jenis animasi lainnya.

Baca juga : Cara Membuat Animasi Burung Twitter Terbang Blogger

Tidak hanya itu jika kalian ingin memasang sebuah animasi pastikan pengunjung kalian itu senang akan sebuah tampilan yang agak ke kartun animasi saja dan saran jika kalian memiliki sebuah web/blog, jika ingin memasang animasi pada blog kalian saran saya kalian gunakan niche kartun animasi seperti : naruto, spongebob, popeye, bleach, snoopy dan jenis animasi masih banyak yg lainnya.

Membicarakan mengenai pembuatan animasi pada blog pun ini memiliki sebuah kelebihan dan kekurangan nya sendiri bila di gunakan/diterapkan pada blog/web tersebut.

Berikut Kelebihan nya :

• Dapat dikatakan blog maupun web tersebut agar tampil keren dan unik dengan ada nya tampilan animasi tersebut 
• para pengunjung yang mengunjungi web maupun blog tersebut akan sedikit tertarik dengan adanya animasi tersebut 
• Animasi² tertentu dapat memudahkan pengunjung bahwa benda yang dimaksud atau niche yang dimaksud tersebut adalah seperti layaknya pada animasi yang tertuju tersebut.

Dan Berikut Kekurangan nya :

• Loading blog salah satu nya akan sedikit berkurang dengan adanya tampilan animasi yang sudah di pasang pada web maupun blog tersebut 
• Para pengunjung setidaknya sedikit rumit khusus nya itu para pengunjung yang tidak senang dengan tampilan yang rumit contoh nya : orang tua, remaja, dewasa. 
• Mesin Telusur agak ruwit untuk mengindex blog tersebut disebabkan tampilan blog/web loading yang sedikit lama

Baca juga : Cara Ampuh Mempercepat Loading Blog

Nah mungkin hanya 3 jenis saja mengenai kelebihan dan kekurangan jika terpasang nya widget animasi pada blog maupun website yang dapat AS sampaikan.

Jika kalian memang sudah penasaran mari simak langsung saja cara membuat animasi di Blogger , yang alhamdulillah AS akan memberi nya yang cukup lengkap, cekidot :

Cara Membuat Animasi (Blogger) :

1 . Perempuan Bergoyang

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><imgalt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

2 . Burung Terbang

<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

3 . Gundam Storm

<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

4 . Gundam Fight

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasiblog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to getmore." /><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

5 . Tendangan Gundam

<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

6 . Gundam Lari

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

7 . Kunai Strike

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

8 . Kiper Gawang

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

9 . Beruang Memancing Sambil Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

10 . Ayam Bertelur

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

11 . Pintu

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

12 . Berteriak

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

13 . Terkurung

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

14 . Sincerely

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

15 . Menangis

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

16 . Champion Ship

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

17 . Menyundul Bola

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

18 . Lebah

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

19 . Kipas Angin

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

20 . Telur Ayam Menetas

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasiblog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more."/></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

21 . Bayi Tertawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

22 . Bayi Berbaring

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

23 . Helikopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

24 . Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

25 . Boring (Bosan)

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

26 . Boneka Joget

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

27 . Panda Bermain Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

28 . Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blogger</a></center></small></div>

29 . Penguin

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

30 . Panah Asmara

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

31 . Dragon (Naga)

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

32 . Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

33 . Bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

34 . Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

35 . Lumba Lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

36 . Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

37 . Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://aldiandreansyah.blogspot.co.id" target="_blank">Animasi Blogger</a></center></small></div>

Penerapan Animasi Dalam Mode HTML nya :

1 . Pastikan kalian sudah Login akun Blogger.
2 . Tata Letak - > Tambah Gadget - > HTML Javascript.
3 . Masukkan Script HTML animasi diatas , tepat dalam mode isi HTML.
4 . Terakhir, Pilih Simpan.

Nah mungkin hanya sekian mengenai pembahasan cara membuat animasi di Blogger yang dapat AA Sciences sampaikan, semoga bermanfaat dan sekaligus menambah wawasan mengenai penambahan animasi di blog ini, Amin

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin


================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon