Selamat sore sobat dunia maya, hehe sore ini saya akan membagikan sedikit widget , namun widget ini berupa gambar animasi anime Naruto, yaitu beberapa tokoh dari Naruto, widget ini sangat cocok sekali dipasang pada blog yang bertema anime.

Cara memasangnya, seperti biasa.

1. Login Blogger.

2. Tataletak.

3. Tambah gadget, pilih HTML/JavaScript.

4. Lalu pilih salah satu kode animasi dibawah ini..

5. Masukkan kode tersebut ke gadget baru sobat.

6. Yang terakhir simpan.

Np: Sobat juga bisa mengganti letak widget, pada font yang berwarna merah itu(bottom) dapat sobat ganti menjadi top(atas) dan left(kiri) menjadi right(kanan)

Berikut adalah gambar animasinya sob.

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVWeTnPxpbPdDjRsT60K9Je2jST2cmUj_4vtQu-5_ck-JoPvdPfQwLXfLOj830FJTnv43iEkXnYv2D-Txg48EYZPmHls65sq-O9q_WuKjEtTYmAp8rsetjKabOwy0GsbGX8M5nHnZvzsaD/s1600/n4.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://lihin-android.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank"> Anime Android </a></center></small></div>

2.Daidara

3.kisame

4.Kiba

5.Akatsuki

6.Sakura

7.Anggota akatsuki

8.Tobi

9.Hinata

10.Temari

11.Kankuro

12.Sasuke

13.Itachi

14.Pain

15.Kakuzu

16.Gaara vs daidara

17.Gaara

18.Neji

19.Rock lee

20.Zetsu

21.Sasori

22.Kakashi

23.Sarutobi

24.Kisame

sumber: lihin-android.blogspot.com

Haloo,,
Sorry udh lama gk ngepost -__-

kali ini gw bagi info cara membuat chatbox kamu melayang di blog lu :#
Contoh di blog gw :

Caranya :

Copy kode dibawah ini.

<style>
#hcl {
position:fixed;
top:35px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVifFjLuNTCSMpQxTvZGnBhI8HTw7arBm8EoiDIxFlMyCGly60skhziouFswGTr71Swr4sH3tYg40M-WgJ2kb13jBK22ARzOZqD4DEVhNOIPd5DAkm5RaomKtpIerienre1GuYkRBNfyo/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">
Letakan Code Chat Box anda disini
<br />
<div class="hc-credit">
<span style="float:left">

Get this
<a href=http://soul-blaze.blogspot.com/2013/03/cara-membuat-chatbox-melayang-di-blog.html
target="_blank">
Widget</a>.
By:
<a href=http://soul-blaze.blogspot.com/
target="_blank">
Soul Blaze
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[CLOSE]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>