Membuat Energy Saving Mode Keren untuk Blogger

Posted by IRVAN JAYA on 6:44:00 AM

Membuat Energy Saving Mode Keren untuk Blogger
Membuat Energy Saving Mode Keren untuk Blogger
Easy Get Media - Membuat Energy Saving Mode Keren untuk Blogger .

 Energy saving mode atau dalam bahasa indonesia disebut juga dengan Mode Hemat Energi ini adalah sebuah widget yang sangat berguna untuk membuat blog anda lebih keren, Namun bisa dibilang membuat blog anda sedikit berat :D tapi ngak terlalu berat kok.

 Untuk tampilan energy saving mode-nya sendiri maaf saya tidak bisa menampilkannya tapi tenang aja kok kalau anda benar-benar penasaran maka silahkan dipraktekkan karena tutorial ini ngak makan waktu lama kok dan bisa disebut sangat mudah malahan.

 Baiklah yang mau nyoba silahkan ikuti Langkah-Langkah dibawah ini :

1. Login ke akun BLOGGER 
2. Masuk ke menu TATA LETAK => Tambahkan Gadget => Pilih Javascript/HTML.
3. Masukkan Script dibawah ini kedalam-nya :
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.80;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";background: #000;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:url(http://2.bp.blogspot.com/-1669OaVkTKE/T7iqa7ffK7I/AAAAAAAABW0/LLn3CBXAaY8/s1600/O.W-matrik.gif);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", Chiller;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;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;}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: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background:url(http://2.bp.blogspot.com/-1669OaVkTKE/T7iqa7ffK7I/AAAAAAAABW0/LLn3CBXAaY8/s1600/O.W-matrik.gif);border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Chiller, Chiller, 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;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background:url(http://2.bp.blogspot.com/-1669OaVkTKE/T7iqa7ffK7I/AAAAAAAABW0/LLn3CBXAaY8/s1600/O.W-matrik.gif) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_Tejahtc {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc 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'>Mode Hemat Energi Easy Get Media<br/>
<br/><br/>
<span class='esm3'>Energy Saver Mode, Move the mouse to return to the page!<br/>Mode Hemat Energi,Gerakkan mouse anda untuk kembali ke halaman!</span></p>
<div class='noochii'>
</div></div>
* Nah silahkan diedit kata-kata dalam kodenya ubah yang warna merah sesuai dengan yang anda inginkan :D
4. Silahkan disimpan dan lihat perubahan-nya

Kalau sudah berhasil saya ucapkan selamat dan kalau belum berhasil silahkan cek kembali tutorialnya dan kalau ada yang kurang jelas silahkan komentar yah ... !! Jangan malu untuk bertanya.. Sekian dulu assalamualaikum wr.wb


Nama Anda
New Johny WussUpdated: 6:44:00 AM

0 comments:

Post a Comment

29-04-2016 | Komentar Bebas |

Powered by Blogger.
CB