Hello IT Loverz... Gimana kabarnya ? saya harap baik-baik saja ya. Kali ini saya akan memposting Tutorial tentang "Cara Membuat Screen Saver Blog Dengan Gambar Sendiri".
hmmm.. cukup panjang yah judulnya, hehehe.. But No Problem, karena
Nubie di luar sana memang sering mencari Tutor ini dengan kata kunci "Cara Membuat Screen Saver Blog Dengan Gambar Sendiri", jadi sengaja saya buat seperti itu.
Mungkin dari beberapa IT Loverz sudah banyak yang mengetahui tutor ini. Tapi saya yakin juga masih banyak IT Loverz yang pemula masih belum tau tentang Tutor ini. Yaitu membuat Screen Saver di Blog, hah ? screen saver di blog ? bukannya screen saver cuma ada di windows ? hhaha itu untuk komputer, yang ini lain lagi. IT Loverz dapat melihat ScreenSaver di Blog saya dengan menunggu beberapa menit tanpa menggerakan mouse IT Loverz, maka beberapa saat akan muncul ScreenSaver seperti di bawah ini :
Tutor : Cara Membuat Screen Saver Blog Dengan Gambar Sendiri
Sumber : http://nightmare-999.blogspot.com/2012/06/cara-membuat-screen-saver-blog-dengan.html#ixzz21stDrzWR
Mungkin dari beberapa IT Loverz sudah banyak yang mengetahui tutor ini. Tapi saya yakin juga masih banyak IT Loverz yang pemula masih belum tau tentang Tutor ini. Yaitu membuat Screen Saver di Blog, hah ? screen saver di blog ? bukannya screen saver cuma ada di windows ? hhaha itu untuk komputer, yang ini lain lagi. IT Loverz dapat melihat ScreenSaver di Blog saya dengan menunggu beberapa menit tanpa menggerakan mouse IT Loverz, maka beberapa saat akan muncul ScreenSaver seperti di bawah ini :
Dalam membuat ScreenSaver ini ada 2 cara, yaitu dengan cara langsung (default) atau dengan cara mengedit kode.
OK Kita langsung saja mulai Tutor kali ini.
Tutor : Cara Membuat Screen Saver Blog Dengan Gambar Sendiri
DENGAN CARA LANGSUNG (DEFAULT)
1. Pertama login ke BLOG IT Loverz masing-masing
2. Masuk ke Template => Edit HTML => Lanjutkan
3. Jangan lupa untuk meng-klik "Expand Template Widget"
4. Lalu cari kode <head> ( Gunakan Ctrl+F untuk mempercepat pencarian )
5. Lalu copas kode berikut di bawah kode <head>
DENGAN CARA MENGEDIT KODE
var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,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('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');if(typeof(jQuery)=="undefined"){document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><\/script>')}function InitJQuery(){if(typeof(jQuery)=="undefined"){setTimeout("InitJQuery();",50)}else{jQuery(function(){jQuery(document).ready(function(){setInterval("CheckInactivity();",10000);jQuery(this).mousemove(function(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><br/><span></span></p><div id="copyrightOnlineLeaf">Copyright @2012 |<font style="color:#00FF00;"><blink> http://nightmare-999.blogspot.com </blink></font>| <font style="color: #FFFFFF;">Supported by: OnlineLeaf </font> | Design by : <font style="color:#FF0000;"><blink>Angga S.</blink></blink></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();
Lalu jika sudah Save dengan format .js
2. Lalu Upload Script tersebut ke GoogleCode, cara Uploadnya bisa IT Loverz liat DISINI
3. Jika sudah mendapatkan URLnya, langsung masukan Link JS IT Loverz pada script di bawah sini :
1. Pertama login ke BLOG IT Loverz masing-masing
2. Masuk ke Template => Edit HTML => Lanjutkan
3. Jangan lupa untuk meng-klik "Expand Template Widget"
4. Lalu cari kode <head> ( Gunakan Ctrl+F untuk mempercepat pencarian )
5. Lalu copas kode berikut di bawah kode <head>
<script src='http://deafile.webs.com/JavaScript/Screensaver.js'><br/></script>
atau script yang ini
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
DENGAN CARA MENGEDIT KODE
1. Copast script di bawah ini di NOTEPAD IT Loverz
var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,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('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');if(typeof(jQuery)=="undefined"){document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><\/script>')}function InitJQuery(){if(typeof(jQuery)=="undefined"){setTimeout("InitJQuery();",50)}else{jQuery(function(){jQuery(document).ready(function(){setInterval("CheckInactivity();",10000);jQuery(this).mousemove(function(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><br/><span></span></p><div id="copyrightOnlineLeaf">Copyright @2012 |<font style="color:#00FF00;"><blink> http://nightmare-999.blogspot.com </blink></font>| <font style="color: #FFFFFF;">Supported by: OnlineLeaf </font> | Design by : <font style="color:#FF0000;"><blink>Angga S.</blink></blink></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();
Lalu jika sudah Save dengan format .js
2. Lalu Upload Script tersebut ke GoogleCode, cara Uploadnya bisa IT Loverz liat DISINI
3. Jika sudah mendapatkan URLnya, langsung masukan Link JS IT Loverz pada script di bawah sini :
<script type="text/javascript" src="URL JAVASCRIPT"></script>
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(URL GAMBAR) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>
4. Lalu masuk ke blog IT Loverz
5. Masuk ke Tata Letak => Tambah widget => HTML/Javascript
6. Masukan script di atas yang telah berisikan URL JS IT Loverz ke widget lalu simpan.
Dan lihat hasilnya. :D
Sumber : http://nightmare-999.blogspot.com/2012/06/cara-membuat-screen-saver-blog-dengan.html#ixzz21stDrzWR
Postingan
0 komentar:
Posting Komentar