Wednesday, February 27, 2013

Kumpulan Widget Animasi Yang Lucu dan Keren Untuk Blog



Cara Memasang Widget Animasi Di Blog

1.Copy script yang ingin anda munculkan animasinya
2.Login ke Blog
3.Pilih Rancangan
4.Tambah gedget
5.Pilih edit html atau script,
6.Pastekan script tadi
7.Lalu save.. “pasti akan langsung  muncul animasi yang anda pilih tadi” 

selamat mencoba..

1.helicopter



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/" 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://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. 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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>
 
3. Kodok mata gede



<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/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

4 Spiderman


<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/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Pig


 <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/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6. Muka senyum



<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/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7. monyet


<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/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

 8.Doraemon


 <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/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

9.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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10.Panda

 
<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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

11.Monyet loncat


<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/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

12.Anime cewek


<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/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13.Saringgan


<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/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14.Naruto berubah


<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/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15.Gajah loncat


<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/" 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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

16. Lumba lumba


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/" 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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

17.Kucing tidur


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://permathic.blogspot.com/" 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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

18.Ayam betelur


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://permathic.blogspot.com/" 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://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>


silahkan tinggalkan komentar anda..

Cara Memasang Widget Animasi Bergerak Naruto



Cara Memasang Widget Animasi Bergerak Naruto

  • 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

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
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..

1.Jiraiya

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Daidara

<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://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<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://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<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://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<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://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank"
title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<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://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif" 
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank"
title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<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://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...

Tuesday, February 26, 2013

Bedanya Blogger dan Wordpress


Blogger? Wordpress? bedanya apa siih?
Walaupun 2 platform blog ini sudah begitu populer di dunia maya, namun masih banyak yang belum bisa membedakan dengan jelas antara Blogger dan Wordpress. Gue tergerak untuk membuat tulisan ini karena beberapa teman kita sering menanyakannya lewat chat tentang apakah sebaiknya membuat web atau blog dan platform mana yang lebih baik dipakai. Baiklah, mari kita belajar segamblang-gamblangnya biar gak pada bingung lagi karena jika salah mengerti maka salah juga mengambil langkah ke depannya.
Oke, dua makhluk yang akan kita bahas kali ini yaitu Blogger dan Wordpress. Keduanya adalah layanan paling populer di dunia maya. Tetapi banyak yang gak tau bahwa Blogger dan Wordpress itu 2 wujud yang berbeda. Mari kita bahas satu persatu.
Blogger
Blogger adalah salah satu layanan blogging dengan pengguna terbanyak di dunia. Perlu diketahui si Blogger inc ini milik Google semenjak diambil alih dari perusahaan pengembang Blogger Pyra Lab, dalam waktu dekat Google rencananya akan mengubah namanya menjadi Google Blog agar ketahuan siapa pemilik layanan ini(narsis banget). Patut dicatat kalau Blogger ini adalah layanan Blog, bukan CMS! jadi istilahnya Google sudah menyiapkan hosting gratis yang secara teori tak terbatas, subdomain blogspot, jadi kita tinggal pakai saja tanpa perlu pusing mengisi plugin ini itu. Oleh karena Blogger bukan CMS, maka kita tidak bisa membuka kodenya secara blak-blakan namun Google membuka kode-kode untuk mengubah tampilan blognya dan fungsi-fungsi terbatas. 
Oh beda ya Blogger ma Blogspot?
Banyak yang bertanya perbedaan antara Blogger dan Blogspot. Sebenarnya ini menjadi sedikit kerancuan. Blogger jelas adalah nama layanannya sedangkan blogspot adalah nama domain yang dipakai Google untuk domain blog yang dibuat di Blogger. Jadi lebih enak kalau kita sebut Blogger sebagai nama layanan dan blogspot itu subdomain yang akan kita terima kalau memakai Blogger.
Hostingnya bagaimana?
Seperti yang gue katakan di awal bahwa di Blogger hostingnya sudah disediakan Google dan secara teori tak terbatas. Itu artinya tidak perlu pusing-pusing membeli hosting di jasa hosting lalu mengupload filenya, toh Blogger bukan CMS, lalu mau upload file apa? tetapi dengan digratiskannya hosting maka kita gak bisa berbuat apa kalau nanti blog ditutup oleh Google, istilahnya di-banned. Masa udah dikasi tempat gratisan giliran diusir ga mau. Tetapi Google tidak mengusir Blogger dengan sembarangan karena biasanya Blogger yang di-banned kebanyakan melanggar Term Of Service nya Google Blogger.
Cara redirectnya?
Cari di Google, cuma untuk pemula sangat disarankan dibimbing oleh CSnya tempat beli domain. Maka dari itu cari penjual yang lumayan besar dan terpercaya.
Sekarang lanjut ke Wordpress...
Wordpress
Yang selalu bikin bingung orang-orang adalah : "Wordpress itu CMS atau layanan sih?". Jangankan yang baca ini, gue awalnya juga sempet bingung dan akhirnya mendapat pencerahan setelah mendengar penjelasannya langsung dari tim Wordpress pada Pesta Blogger.
Wordpress adalah sebuah CMS yang ditemukan oleh Matt Mulenweg dan dikhususkan untuk blog alias fungsi-fungsinya itu kebanyakan yang bisa dilakukan blog. Oleh karena keterbukaannya maka CMS Wordpress sangat cocok untuk digunakan user pemula maupun expert.  Bagi para expert biasanya Wordpress dimodifikasi sedemikian rupa sehingga punya fungsi-fungsi kompleks yang bahkan bisa menyerupai CMS Web seperti Joomla.
Perlu hosting dan domain gak?
Saat memakai Blogger kita tidak menggunakan hosting tetapi saat menggunakan CMS Wordpress maka wajib hukumnya menggunakan hosting dan domain karena yang punya tanah adalah kita sendiri. Gedenya hosting terserah kita karena semakin besar maka semakin banyak yang bisa kita tampung di dalamnya baik itu berupa video, gambar, posting, dan berbagai file lainnya.
Bisa diusir gak?
Bisa aja diusir kalau kita gak tepat waktu bayar hosting karena beli hosting itu gak beli sekali untuk selamanya tetapi lebih tepatnya "menyewa hosting". Jadi sesuai dengan kesepakatan penjual hosting, kita harus membayarnya beberapa bulan sekali (termasuk domainnya).
Terus kayaknya ada Wordpress layanan deh, bener gak?
Bener, Wordpress sebagai layanan beralamat di Wordpress.com. Wordpress.com ini yang punya juga si Wordpress cuma bentuknya sebuah layanan blog seperti Blogger. Wordpress memfasilitasi user yang doyan layanan gratis dan gak terlalu ngerti CMS. Berbeda dengan Blogger, Wordpress sepenuhnya menutup kode-kode untuk mengubah tampilan dan tidak memperkenankan ada iklan-iklan berupa kode Javascript terpampang di Blog kita. Hal ini dilakukan untuk menggiring user memakai CMS Wordpress karena biasanya selalu ditulis "jika ingin mengexplore lebih banyak, download CMS Wordpress di wordpress.org".
Terus kalo make layanan Wordpress, bisa make Top Level Domain juga?
Bisa donk, kan sama aja dengan penjelasan Blogger tadi, tinggal redirect kok.
Setelah agak mengerti dua platform tadi pasti muncul pertanyaan seperti ini:
Lalu ane cocokan ngeblog dimana?
Hm..jawab sendiri aja deh karena selera itu masing-masing. Kalo gue awalnya nyoba Blogger terus nyoba Wordpress akhirnya make dua-duanya. Wordpressnya itu yang CMS lho, bukan layanan karena menurut gue sekalian aja belajar CMS Wordpress daripada make layanannya. Saat belajar CMS Wordpress maka banyak hal yang akan dimengerti dan nanti pasti berguna ketimbang make Wordpress sebagai layanan dimana kita hanya ngerti nulis artikel dan nambah "widget".
Nyobain keduanya? terus bagusan mana?
Gak bisa dibandingin antara Blogger dan Wordpress karena keduanya bukan hal yang sama. Coba gue tanya balik bagusan mana antara Mobil BMW sama motor Ducati Monster? ya kan? tetapi jika ditanya bagusan mana antara Blogger dan Wordpress.com maka gue akan menjawabnya Blogger karena di layanan Wordpress sangat terbatas yang bisa dilakukan.
Lho, denger-denger buat blog make CMS Wordpress lebih bagus terindex di Google, bener gak?
Gak juga, memang ada plugin-plugin di CMS Wordpress yang bagus dalam mengoptimalkan posisi blog di mesin pencari, tetapi berhubung Google sekarang make Algoritma Panda maka make apapun sepertinya gak terlalu ngaruh. Algoritma Panda adalah Algoritma Google yang sangat berbeda dengan Algoritma terdahulu. Pada nyadar kan kalo hasil searching yang sekarang sudah jauh lebih baik ketimbang dulu? ini karena Algoritma Panda mengutamakan konten ketimbang optimalisasi lewat plugin atau cara-cara kotor. Dulu memang blog dengan CMS Wordpress begitu mudah masuk page 1 halaman Google karena banyak plugin untuk mengakalinya. Pernah gak cari kata kunci terus pas klik hasilnya eh malah masuk lagi ke blog yang melakukan pencarian lagi padahal artikel yang dicari itu gak ada sama sekali? nah, itu pake plugin Wordpress yang agak "nakal".
Terus blogdetik.com atau kompasiana.com gitu layanan juga? make CMS apa?
Cobain dulu Wordpress terus buka deh blogdetik atau kompasiana. Lihat Dashboard ketiganya, sama gak? gue yakin kalo kawan-kawan bakalan ngerti jika Dashboard Wordpress, Blogdetik dan Kompasiana sama persis :D
Um..gak ngerti, emang gimana?
Gedubrak! blogdetik dan kompasiana itu make CMS Wordpress tauuuuuu....
Wah!!kok keren gitu jadinya?
Ya itulah CMS Wordpress di tangan para expert.
Terakhir, bagusan buat web atau blog?
Perlu dicatet ya kalo blog itu juga web, weblog tepatnya. Bedanya adalah blog itu fungsinya lebih ke penulisan berita berurutan sesuai tanggalnya, itu doang. Kalau mau cepet ya buat di Blogger atau Wordpress.com. Kalau mau agak explore ya coba pakai CMS Wordrpess. Kalau mau bener-bener komplit isi telor sampe ada aplikasi statistik, grafik-grafik trend penjualan, dll ya coba pakai web aja entah buat sendiri atau make CMS seperti Joomla.
Kalau masih belum jelas coba cari referensi ke rumahnya si Mbah. Semoga dengan tulisan ini tidak ada lagi kebingungan klasik antara Blogger dan Wordpress.
NB : Tulisan ini dibuat ketika gak bisa tidur #gapentingbanget

Tags

Blog Archive

Blog Archive