Selamat datang! Jangan lupa Follow dan beri komentar ya, Sobat !

Social Icons

Ingin hasil karya Anda terpampang di Blog ini? Segera kirim karya anda ke e-mail : alif.anshory@yahoo.com atau langsung "Kontak Admin By Yahoo! Messenger". BURUAAN!!!!

Kamis, 29 November 2012

Widgets

Cara Membuat Aplikasi bergerak untuk blog




Cara membuat animasi naruto bergerak di pojok blog - 
Wah ,, kembali lagi neh blog unique mencoba untuk mengshare kepada para sahabat semua mengenai cara membuat widget animasi bergerak di pojok blog. Namun permathic pada kesempatan kali ini akan memberikan animasi animasi khusus seputar naruto. Hehehe.. maklum saya kan penggemar berat naruto, lagi pula animasi naruto dkk ini sangat keren dan menarik loh.. dan sangat pass jika di jadikan pernak pernik penghias blog anda.. nah dari pada berpanjang lebar, langsung saja saya berikan tips cara memasangnya.

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

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


2.Deidara

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" 
title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" 
title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>


16.Gaara vs daidara

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara



Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

Kode Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://alif-unique.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://alif-unique.blogspot.com/2012/11/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 ...

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Alif Irfan Anshory
Alif Irfan Anshory adalah seorang pelajar dari daerah Jember, Jawa Timur. Suka musik, tapi tidak bisa memainkannya. Hobi nongkrong di depan komputer atau alat lain yang bisa koneksi ke internet. Read More →

0 komentar:

JANGAN LUPA TINGGALKAN KOMENTAR!

Created By Alif Irfan Anshory. Diberdayakan oleh Blogger.