Energi Saving Mode Keren

Coba kalian arahkan mouse kalian ke bar menu
Pasti secara otomatis akan berubah menjadi gambar seperti di samping atas ini :
Udah di perhati'in blom...
Na...h jika udah diperhati'in,saya tanya sekali lagi..?
mau gak seperti ini...??
Jika kalian mau langsung cekidot ajjah,yuk ..??
tapi...,ikuti dulu yaa aturan nya di bawah ini,ok ??

Login ke blogger sobat..
Dari dasbor klik rancangan
Kemudian klik tambah gadget lalu pilih HTML/JavaScript
Kemudian copy code di bawah ini dan paste kan di HTML/JavaScript

<style type="text/css">
/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */
body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: white;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #333;text-shadow: 1px 1px 2px #ccc;position: relative;margin-top: 100px;line-height: 100px;background:url(URL GAMBAR KAMU I); background-repeat:no-repeat; background-position:center center;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC - Oct 2010 */body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: -2px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: transparent;border: 1px solid transparent;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;

background:url(http://blog.flamingtext.com/blog/2011/06/09/flamingtext_com_1307677967_13810.png);

float:bottom;
text-shadow: 1px 1px 1px darkred;font-size: 12px;}.saving .by_CaesarVraseaC_ {margin-left: 30px;text-align: left;color: #015828;font-size: 12px;font-weight: normal;position: absolute;top: 550px;width: 100%;height: 20px;left: 0;}/* original code by: cvraseac.blogspot.com - _CaesarVraseaC_ - Oct 2010 */.saving .by_CaesarVraseaC_ span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}
</style>
<div class='saving'>
<p class='esm1'><br/>
<span class='esm2'></span><br/><br/>
<span class='esm3'><br/></span></p>
<div class='by_caesarvraseac_'><span class='esm4'></span></div>
</div>

Jika sudah kamu klik simpan dan lihat hasil nya :

Tambahan: tulisan yang berwarna merah kamu ubah dengan url background kamu...
JIka pengen url gambarnya seperti saya kamu tinggal kunjungi situs nya disini
Ok semoga berhasil..