Cara Memasang Energy Saving Mode pada Blogger ~ Pada
posting yang lalu telah dibahas mengenai membuat energy saving mode /screensaver blog, kali ini kita akan memodifikasi tampilannya dengan gambar
yang kita inginkan sehingga tampilan screensaver berupa gambar, namun perlu
Anda ketahui bahwa penambaan gambar pada energy saving ini akan membuat loading
blog akan semakin berat karena mendapat tambahan satu gambar lagi yaitu gambar
pada energy saving mode.
Hal
ini dapat Anda jadikan pertimbangan jika ingin membuat energy saving mode dengan
gambar, untuk yang benar-benar ingin memasangnya ikuti langkah berikut :
1.
Pertama edit script Energy Saving Mode, Buka Notepad, dan Copy Paste script
Berikut :
var idleTime = 0; var standby = false;
function CheckInactivity() { idleTime += 10; if(idleTime > 60) {
InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h =
0; h = jQuery(window).height(); jQuery("# energysaving").show().css({
height: "0", width: "0", left: "50%", top:
"50%" }).animate({ width: "100%", height:
h, left: "0", top:"0", opacity: "1" }, 1000); standby
= true; } } function StopStandBy() { if(standby) { jQuery("#
energysaving").animate({ width: "0", height: "0",
opacity: "0", left: "50%", top: "50%" }, 500);
setTimeout('jQuery("# energysaving").hide();', 800); standby =false;
} } document.write(''); if(typeof(jQuery) == "undefined") {
document.write(''); } function InitJQuery() { if(typeof(jQuery) ==
"undefined") { setTimeout("InitJQuery();", 50); } else {
jQuery(function() { jQuery(document).ready(function() {
setInterval("CheckInactivity();", 10000);
jQuery(this).mousemove(function(e) { idleTime= 0; StopStandBy(); });
jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); });
jQuery("body").append('http://URL_GAMBAR/" target="_blank">Your Mouse 2012 Ilmu Nyentrik - All Rights
Reserved'); jQuery("# energysaving").hide(); });
}); } } InitJQuery();
2.
Teks warna merah, ganti dengan Url Gambar yang akan dipasang.
3.
Teks warna biru silahkan sesuaikan keinginan.
4.
Kemudian Save as dengan Format .Js, Misal Energysaving.Js.
5.
Selanjutnya Upload file tersebut ke web hosting Anda, disini saya memakai
Google Code.
6.
Setelah ter-Upload, copy link file tersebut.
7.
Ganti teks warna hijau didalam script berikut dengan Url file .js yang telah ter-Upload
tadi :
http://wanadry.googlecode.com/files/savetheenvironment.js'
type='text/javascript'/>
8.
Copy script tersebut, dan sisipkan di atas tag </head>, pada Html
template.
9.
Dan Simpan Template.
10.
Semoga Bermanfaat.
Lalu,
bagaimana jika saya ingin agar Energy Saving Mode ditampilkan dengan sebuah
gambar?
Lakukan
langkah langkah di bawah ini :
1.
Masuk ke menu "Page Elements"
2.
Klik "Add a Gadget"
3.
Pilih "HTML/JavaScript"
4.
Silahkan Copy dan Paste script berikut dan pasang di gadget/widget anda :
<style
type='text/css'>
div#energysaving,
div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border:
0; background: url(http://urlgambaranda/) no-repeat center center fixed black; }
div#energysaving
p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial;
color: transparent; position: relative; top: 40%; line-height: 20px;
font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving
p span { color: transparent; font-size: 0px; font-weight: normal;display: none;
}
</style>
5.
Dan jangan lupa script di atas .. anda edit sedikit dengan mengganti link url
gambar anda sendiri .. url(http://urlgambaranda/)
6.
Save/Simpan, dan selesai.
Nah, Sekian dulu
posting dari saya mengenai Cara Memasang EnergySaving Mode pada Blogger.
Semoga
bermanfaat.....!!
» JANGAN LUPA LIKE N
Komentarnya Yeach...
Artikel 
terimakasih informasinya...
BalasHapus