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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.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://usman-nyoto.blogspot.com/2013/01/cara-memasang-widget-animasi-bergerak.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...

Read More ->>

Cara Membuat Slideshow Postingan di Blog

Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak  atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya.



1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)




3. Kemudian  Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Bagi anda yang ingin melihat contoh slideshownya, bisa anda lihat di sidebar sebelah kiri Permathic Blog. Semoga bisa sukses slidenya dengan script yang baru ini.... terimakasih.....

Read More ->>

Animasi Pojok Blog

Kali ini saya nge-share sejumlah animasi pojok blog yang bertemakan sepak bola, mau tau? Cekidott..




Caranya :
1. Buka Tata Letak
2. Tambah Gadget
3. Copy Link

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://usman-nyoto.blogspot.com/2013/01/animasi-pojok-blog-usman-nyoto.html" target="_blank"><img border="0" src="
http://animationsa2z.com/attachments/Image/spongebob/spongebob10.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://usman-nyoto.blogspot.com/2013/01/animasi-pojok-blog-usman-nyoto.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>

Link berwarna Biru bisa kamu ubah

Bottom     = Bawah
Top          = Atas
Left          = Kiri
Right        = Kanan

Link berwarna Merah tersebut kamu ganti dengan URL di bawah ini

Silahkan pilih animasinya :

1. Manchester United Logo Flip
 

http://th1223.photobucket.com/albums/dd515/myieshamiya/th_manchesterUnit.gif


2. Manchester United Heart
 

http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_manchesterunitedheart.gif

3. Chelsea Grin



http://www.deviantart.com/download/195156394/chelsea_grin_gif_by_xxnattypatattyxx-d386vmy.gif


4. Manchester United Flag
 

http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_manchesterflagsmall.gif


5. Manchester United Logo Flip

http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_mu.gif


6. Real Madrid Hala



http://px6.streetfire.net/0001/87/65/1457856_100.gif


7. Real Madrid Spin



http://www.gifmania.co.uk/association-football/real_madrid/Real_anime.gif


8. Chelsea Heart

http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_chelseaheart.gif

9. Chelsea Flag

http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_chelseasmallflag.gif


10. Chelsea Logo Flip

http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_chelsea.gif

11. Barcelona Heart

http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_barcelonaheart.gif

12. Intermilan Heart

http://i1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/interheart.gif

13. Real Madrid Heart

http://i1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/realheart.gif

14. Real Madrid Flag

http://i1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_realmadridflagsmall.gif

15. Inter Milan Flag

http://i1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_intersmall.gif

16. Intermilan Logo Flip

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_intermilan.gif

17. Bayern Munchen Logo Flip

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_BayernMnchen.gif

18. Barcelona Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif

19. Real Madrid Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_real.gif

20. Arsenal Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_arsenal.gif

21. LiverPool Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_liverpool.gif

22. Intermilan Old Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_inter2.gif

23. AC Milan Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_milan.gif
 

24. Juventus Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_juve.gif

25. AS Roma Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_roma.gif

26. Manchester United Forever

http://i300.photobucket.com/albums/nn28/dae_jelek/MU.gif

27. Leader Of The Match United

http://i205.photobucket.com/albums/bb264/p1h2i3l4/m_671e2902bd46eb5e086b37bbddf42038.gif

28. Chelsea trying to win Premier League

http://mharteens.files.wordpress.com/2008/02/viva-mu.gif

.:JANGAN LUPA KOMENTAR:.

Read More ->>