"Cara Menambahkan Gambar Animasi di pojok Blog"

"Cara Menambahkan Gambar Animasi di pojok Blog"

"Assalamualaikum"

Hai semua!!! udah lama banget nih!!!! aku gak post tutorial lagi... mmmmm aku baru aja dapet LINK LINK!!!! Trus Link itu aku kumpulin!! pas aku kumpulin... aku test tuh??? ternyata itu adalah Gambar Animasi di pojok Blog!!!!... contohnya di Blog aku sih gak ada... tapi kalo kalian mau... bisa aku tunjukin!!, Sekarang tutorialku adalah Cara Menambahkan Gambar Animasi pada Pojok Blog.... ke dalam Blog... mau gak? OK!!! Langsung aja (lanjuut,,)

1) Kalian pilih salah satu LINK Dari ANIMASI Yang kalian suka

1. Gajah Melompat
 
<div style="position: fixed; bottom: 0px; right: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring

<div style="position: fixed; bottom: 0px; right: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda main bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring

<div style="position: fixed; bottom: 0px; right: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru

<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah

<div style="position: fixed; bottom: 0px; right: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

9. Bunga

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

10.Anjing laut

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

11.Lumba-lumba

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci

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

14.Dragon

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

15.Ikan

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

16.Pinguin

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

 18. Pintu

<div style="position: fixed; bottom: 0px; right: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

19. Teriak

<div style="position: fixed; bottom: 0px; right: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

20. Terkurung

<div style="position: fixed; bottom: 0px; right: 10px;width:80px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

21. Sincerely

<div style="position: fixed; bottom: 0px; right: 10px;width:180px;height:80px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

22. Menangis

<div style="position: fixed; bottom: 0px; right: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

23. Piala

<div style="position: fixed; bottom: 0px; right: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

24. Sundul bola

<div style="position: fixed; bottom: 0px; right: 0px;width:125px;height:150px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

25. Tawon

<div style="position: fixed; bottom: 0px; right: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

26.Kipas

<div style="position: fixed; bottom: 0px; right: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

27.Telur menetas

<div style="position: fixed; bottom: 0px; right: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

28.Ayam bertelur

<div style="position: fixed; bottom: 0px; right: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

29.Beruang

<div style="position: fixed; bottom: 0px; right: 10px;width:100px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

30.Gawang

<div style="position: fixed; bottom: 0px; right: 0px;width:155px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

2) Buka Blogger ==> Sign In

3) Klik Tata Letak ==> Tambah Gadget

4) Copy paste salah satu LINK Animasi yang di atas tadi

5) Klik Simpan ==> Simpan perubahan

(Selesai.....) Selamat mencoba ya :) Semoga berhasil :D   

"WASSALAMU'ALAIKUM" 

"Cara Menambahkan Animasi Mood Lucu di Blog"

"Cara Menambahkan Animasi Mood Lucu di Blog"

Hai semua, untuk minggu ini.... turorialnya ini aja dulu ya... aku dapat beberapa LINKNya dari orang... tapi... aku mencoba coba sendiri, dimana meletakan LINK-nya! pas udah aku test test and test! kalau LINK-nya ditaruh di.... eitsss koq aku malah cerita! mmmmm kali ini tutorialnya "Cara menambahkan Animasi Moon Lucu di Blog", ada yang tau? "Look my Blog" ada kan? animasi seperti Love Love turun? nah ada yang mau Blognya dibikin begitu? ahh gampang!!!, di sini ada beberapa LINK-nya (lanjuut,,)

1. Sign In ke akun Blogger kalian.

2. Dashboard ==> Tata Letak ==> tambah Gadget ==> Ruang HTML/Java Script.

3. (Maaf!) 1 LINK Memiliki Kode yang sangat panjang, sehingga harus dipersingkat, tapi... tempat mempersingkatnya sedang ada gangguan, jadi hanya aku beri 2 Kode. yaitu Jenis Love yang ada di Blogku ini.


-

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain2']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain3']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";image_urls['rain4']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/187_vectorlady.com.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://jombinabelog.blogspot.com/2011/12/mood-comel-untuk-blog.html'}).append(a).appendTo('body')});</script>

-

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain2']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain3']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";image_urls['rain4']="https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><br /> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://1362441697537330208-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogmood/190_vectorlady.com.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://jombinabelog.blogspot.com/2011/12/mood-comel-untuk-blog.html'}).append(a).appendTo('body')});</script>

4. Save ==> Simpan perubahan.

Selesai!!! Selamat mencoba ya...

"Wassalamualaikum''

"Cara Menambahkan (Pesan Pembuka) Pada Blog"

"Cara Menambahkan (Pesan Pembuka) Pada Blog"

"Assalamualaikum"

Kalian Tahu kan Pesan Pembuka??? itu lho!!! yang kita buka pasti nanti muncul. kayak aku kan [Welcome To My Blog, Follow Me Please]. Nah itu lho!!!!. Yaudah deh langsung aja. (Ikuti Step)

1. Buka Blogger.

2. Klik Tata Letak.

3. Klik Tambah Gadget.

4. Cari HTML/JavaScript.

5. Copy Code Ini.

 <script> function MYALERT() {
alert("TEKS KAMU DI SINI"); } MYALERT()
</script>

Maksudnya Teks Kamu di Sini itu adalah... Text yang kalian mau, kayak aku tadi kan "Assalamualaikum". nah kalo kalian mau apa terserah aja!!!

6.  Paste Code Tadi.

7. Simpan.

8. Simpan Perubahan.

(Selesai!!!!) And Finish!!!!
Godd Luck All!!!

"Wassalamualaikum" 

"Cara Menambahkan Efek Link Bergoyang Jika Disentuh Cursor Pada Blog"

"Cara Menambahkan Efek Link Bergoyang Jika Disentuh Cursor Pada Blog"

"Assalamualaikum"

Ini tutorial baru!!!! mmmm aku baru mempelajarinya, hei hei!!! tahu gak? coba kalian KLIK Link yang ada di Blogku yang satunya BUKAN YANG INI pasti bergeserkan? nahhh mau tahu Efeknya itu gimana??? mau tahu??? ok Langsung aja (Ikuti Step)


1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget ==> Cari HTML/Java Script.

4. Copast Code Ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script> 

5. Simpan. ==> Simpan Perubahan.

Selesai!!! ^^ Selamat mencoba yaaaa ^^.

"Wassalamualaikum"

"Cara Menambahkan Lagu HelloKitty ke Dalam Blog"

"Cara Menambahkan Lagu HelloKitty ke Dalam Blog"

"Assalamualaikum"

Ini adalah Tutorial kedua hari ini :D hihihi, Hari ini Tutorialnya tentang musik semua! hahaha. oke langsung aja yuk, kali ini Tutorialnya adalah Cara menambahkan Lagu HelloKitty (Lagu Yang paling terkenalnya lo!!) ke dalam blog!!! mmmm kalian bisa lihat du Blog aku! adakan??? tuh lagunya! mau gak kayak itu??? Biasanya sih para HelloKitty lovers yang suka! ^_^ kayak aku! hihihi oke langsung aja!!! (Ikuti STEP)

 1. Kalian Buka Blogger Kalian Masing Masing.

2. Klik Tata Letak.

3. Klik Tambah Gadget.

4. Cari HTML/JavaScript.

5. Copy Code Ini.

<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaPink/skin.css','volume':43,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Hello Kitty Paradise%27s Song','url':'http://youtu.be/TJmun5Mu53w'}]}" ></script>
<!-- SCM Music Player script end -->

6. Ganti Tulisan 43 Yang warna merah itu, dengan Volume kerasnya suara lagu yang kalian mau. dari 1 sampai 100. [MIN = 1 | MAX = 100]

7. Ganti Tulisan Top Yang warna merah itu, dengan posisi letak lagu yang kalian mau. Ada 2 Pilihan, tapi nulinya pakai huruf kecil semua ya...
[TOP = di Atas | BOTTOM = di Bawah] 

8. Klik Simpan.

9. Klik Simpan porubahan.

Selamat Mencoba, Semoga Bermanfaat ^^

"Wassalamualaikum"

"Cara menambahkan animasi ke dalam BLOG"

Hai semuaa,  heeehhe ! ada Beberapa kartun!! yaitu animasi kartun! ini posisinya bisa di pojok atau di sidebar..... mau? ok (lanjuut,,)

1.Pig

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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>

3. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

 4.Doraemon

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Spongebob

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6.Panda

 

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6.Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7.Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.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://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

Mungkin itu aja!! makasih :)

"Wassalamualaikum"