Auto Hide Info

This time, I'll explain how to make an autohide info in your own blog...These are the steps:

1. Login to your blog

2. In your dasbor, please go to the Template section

3. Go to Edit HTML, then expand it if needed

4. Find the
and put this code below under it

<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>


<div id='info-teja'><span class='Tejatouch'>Info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>Welcome to My Website</h2>
Selamat datang diblog saya yang sederhana ini, saya sangat senang sekali kalau anda berkunjung kesini dan saya harap anda juga sering mengunjungi dan memfollow blog yang saya miliki ini....Anyway, thank you very much and happy blogging....
<h2>About The Dark Knight</h2>
<img height='130x' src='http://dma.wtw-x.net/DMA/DigimonStands/Other/DG/BeelzemonXW.gif' width='100px'/>
<p style='text-align:justify'>Nama saya Noer Ramadhan, tetapi anda semua bisa memanggil saya Adan...Saya hanyalah seseorang yang biasa-biasa saja dan bukanlah orang yang pintar, tetapi saya ingin berusaha dan mencoba mempelajari serta mengembangkan sesuatu yang menarik bagi saya...Well,,saya rasa itu saja sekilas tentang saya...So, Thanks&#39;s for your visit...</p>
</div>
</div></div>

5. Save it and see the result

Make an Animated Image in the Corner of Your Blog

OK, this time i'll tell you about how to add an animated images in your blog...All you have to do is follow these steps:

1. Login to Your Blogger Account
2. Choose "Design"
3. Go to "Page Element"
4. Then, choose "Add Widget", and choose "HTML/Javascript"
5. Copy these code to the content in your javascript box:

<a href='http://adanzlacerator.blogspot.com' style='display:scroll;position:fixed;top:0px;right:0px;' title='the dark knight'><img src="http://images.wikia.com/digimon/images/7/76/Beelzemon_Blast_Mode_vg.gif" /></a>

6. Save it, then Enjoy!


Notes:
1. Change a red text with the URL of your site
2. The blue text means the position of the image:
- You can change the "TOP" text into "Bottom" if you want your image appears on bottom of your site
- You can change the "RIGHT" text into "LEFT" if you want your image appears in the left side of your site
3. Change the brown text to your URL's image
4. Change the yellow text into your Blog's Title

Royal Knights Gif

Link: http://images.wikia.com/digimon/images/c/cf/Imperialdramon_Paladin_Mode_vg.gif

 Link: http://images.wikia.com/digimonbattle/images/3/3b/Imperialdramonpaladinmode.gif

Link: http://th238.photobucket.com/albums/ff154/d-hero_bloo-d/Digimon%20Gifs/th_Alphamon.gif

Link: http://th137.photobucket.com/albums/q209/DeltaSkullAlDramon/th_alphamonattackie0.gif

Link: http://s2.subirimagenes.com/imagen/previo/thump_6421489alphamon-ultimate-mo.gif

Link: http://th801.photobucket.com/albums/yy296/Zyner/Digimon/th_alphamon.gif

 

Link: http://gifs.gifmania.co.il/Animated-Gifs-Manga-Anime/Animations-Digimon/Images-Vaccine/Omegamon/omegamon1.gif

Link: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJNQBQ42UOP00mWdxxCYHwFFIwbSE79v1EEM9HJFM9hjtdxJEyWr2MLA44YVE8VNKOzEXaou3pBJiXb5nqRu4qrE0vmcNJUmuD0vZLopgbgRjwOK_LBY_Qxa_5rEVeF1UCnlVc5U7Eiw/s1600/gallantmon.gif

Link: http://images.wikia.com/digimonbattle/images/e/e8/Gallantmoncrimson.gif

Link: http://th1142.photobucket.com/albums/n610/BlueKleptoKnight/th_Magnamon.gif

Link:http://images.wikia.com/digimon/images/c/c5/Craniamon_vg.gif

Link: http://img207.imageshack.us/img207/4403/dynasmon.gif

Link: http://images.wikia.com/digimonbattle/images/e/ea/Dynasmon.gif

Link: http://images.wikia.com/digimon/es/images/5/56/Dynasmon_Gif.gif

Link: http://images.wikia.com/digimon/images/1/1a/Crusadermon_RPG.gif

Link: http://images.wikia.com/digimon/es/images/6/6c/Lordknightmon.gif

Link: http://i238.photobucket.com/albums/ff154/d-hero_bloo-d/Digimon%20Gifs/th_UlforceveedramonFM.gif

Link: http://i238.photobucket.com/albums/ff154/d-hero_bloo-d/Digimon%20Gifs/th_Examon_vg.gif

Link: http://i238.photobucket.com/albums/ff154/d-hero_bloo-d/Digimon%20Gifs/th_Sleipmon.gif

Link: http://images.wikia.com/wiki4battles/images/f/fc/Leopardmon.gif

Gundam Death Scythe Animated Gif

 

 http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheevileyesfly.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythefavoriteblade.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/blooddeathgundam.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/deathscythehellcustomvictory.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheflyingatk.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheflashwind.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythesinusversion.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythespeedyswarm.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathwishblade.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheflyingdefense.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheheavymoves.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscytheoverjumpstrike.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathsaurwingedblade.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehellstand.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/devilscythenessgundam.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehellstandalone.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythepopularblade.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythesinglescythestroke.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythespeedymoves.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythestriking.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythestand.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythelightblade.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythespeedykick.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehellcustomshiningmoon.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehellcustomstandwithwings.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythe.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehell.gif

http://suchadazzy.110mb.com/gundamjavelin2/gundamwing/gundamwing/gundamdeathscythehellcustom.gif

Megaman Zero Animated Gif

Link:

http://www.fightersgeneration.com/characters3/zero-snkstance.gif

Link:

http://www.fightersgeneration.com/characters3/zero-runrun.gif

Link:

http://www.fightersgeneration.com/characters3/zero-swordinandout.gif

Link:

http://www.fightersgeneration.com/characters3/zero-dissapear.gif

Link:

http://www.fightersgeneration.com/characters3/zero-downstrike.gif

Link:

http://www.fightersgeneration.com/characters3/zero-gun-b.gif

Link:

http://www.fightersgeneration.com/characters3/zero-horizontal.gif

Link:

http://www.fightersgeneration.com/characters3/zero-charge.gif

Link:

http://www.fightersgeneration.com/characters3/zero-circular.gif

Link:

http://www.fightersgeneration.com/characters3/zero-comein.gif

Link:

http://www.fightersgeneration.com/characters3/zero-shoot.gif

Link:

http://www.fightersgeneration.com/characters3/zero-spins.gif

Link:

http://www.fightersgeneration.com/characters3/zero-uppercut.gif

Link:

http://www.fightersgeneration.com/characters3/zero-spinwave.gif