Sudah tentu sobat tau apa itu scrren saver, seperti di komputer sobat yang pake screen saver. Ditinggal beberapa menit komputer sobat akan berubah tampilan layar sobat. Nah, coba seperti itu bisa ditampilkan di blog sobat. Caranya memang susang buat para pemula (wets gaya banget saya). Tetapi jika sobat ikuti cara dibawah akan semakin gampang, ayo tunggu apa lagi!
- Buka blogger.com
- Saat di Dashboard, pilih Rancangan, dan klik edit HTML
- Centrang Expand Widget
- Temukan kode <head> dan Copy kode berikut dan letakan diatas kode <head>
- Selesai (save)
Tunggu dulu! Sebenarnya kode yang diatas udah bisa dipakai menjadi screen saver, tetapi itu adalah kode .js saya. Tidak cocok dipakai ke sobat sobat saya, karna ada tulisan Screen Saver Farixsan. Nah, sesungguhnya kode diatas adalah rangkaian dari kode dibawah. Agar lebih kreatif, buat sendiri yuk!
- Caranya copy dan paste kode berikut di Notepad
Catatan : Ubah kode Warna sesuai kemauan sobat.
- Buka blogger.com
- Saat di Dashboard, pilih Rancangan, dan klik edit HTML
- Centrang Expand Widget
- Temukan kode <head> dan Copy kode berikut dan letakan diatas kode <head>
<script src='https://sites.google.com/site/farixsan/farixxx-2/FarixsanScrSvr.js'>Ubah kode Bitu muda menjadi kode .js sobat.
</script>
- Selesai (save)
Tunggu dulu! Sebenarnya kode yang diatas udah bisa dipakai menjadi screen saver, tetapi itu adalah kode .js saya. Tidak cocok dipakai ke sobat sobat saya, karna ada tulisan Screen Saver Farixsan. Nah, sesungguhnya kode diatas adalah rangkaian dari kode dibawah. Agar lebih kreatif, buat sendiri yuk!
- Caranya copy dan paste kode berikut di Notepad
var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>30){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><font style="color: #FFF70D; font-family:Forte; font-size:20px;">Screen Saver Farixsan sedang Nyala</font><br/><br/><span><font style="color: #F2F2F2;font-family:Pristina; font-size:20px;">Gerakan Kursor Sobat untuk seperti semula</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #DE0101; font-family:Pristina; font-size:14px;">Copyright 2010 - FQ Blogger Indonesia Setting - farixsantips.blogspot.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();Ett tidak secepat itu, kode diatas disimpan dalam format NAMA.js ya
Catatan : Ubah kode Warna sesuai kemauan sobat.
Preview my blog Screen Saver
- Jika sudah di simpan, hanya perlu di Upload dan dapatkan kode atau baca Artikel saya yang ini ( http://farixsantips.blogspot.com/2010/10/upload-file-js.html ).
Selamat mencoba Membuat Screen Saver Blog! :)
Selamat mencoba Membuat Screen Saver Blog! :)
kren gan xixixixixi...
BalasHapusthanks inpohnya yahh....
follow me ye adriancestaro.tk :P
Terimakasih atas dukungannya sob!
BalasHapusScreen Saver buat sendiri, aku taruh di blog gak jalan ... kenapa yach ... tapi klu pakai script anda di blog .. justru jalan .. ada salah dimana yach ...
BalasHapus@Krida: Maaf ada kesalahan sedikit, sekarang sudah diperbaiki sob ^^
BalasHapusUdah dicoba..pake mediafire ga bisa mas..
BalasHapusPake googlesites malah ga bisa di save mas..gimana ya??
BalasHapus@Riandy : Gak bisa apanya sob mediafire?? Bisa sob semuannya.... cek lagi, mungkin ada yang kelewatan mungkin disini
BalasHapusiyah nih mas udh bikin tapi ga bisa disave, knp y ??
BalasHapusSudah benar kok sob :)
BalasHapusWEW keren, jadi pengen nyobain nih
BalasHapusterimakasih infonya sangat membantu......:)
BalasHapusTo WETWEW : silahkan di coba :)
BalasHapusTo yoas : heheheh masama sob :)
pusiiiing 8-}
BalasHapusTo Anonim : masa sih sob pusing? :D
BalasHapusGaan, kok bisa deeeh? Kasusnya sama kayak yang diatas. Kalau make punya agan bisa, make punya ane gak bisaa? ~x(
BalasHapusTo Info-Comp : sudah bisa sob. iya gan tadi ane salah kode :)
BalasHapusHeee, iyaa gaan, tapii akhirnya saya coba utak-atik sendiri htmlnya :D
BalasHapusBtw, banner agan udah ane pasang di http://www.information-computer.com/2011/09/link-exchange.html pasang balik ya gan :)
mantap , berhasil
BalasHapusterima kasih :D
catatanrizkyaburizal.blogspot.com
To Info-Comp : alhamdulillah deh kalau gitu :) oke sob segera :)
BalasHapusTo Rizky Abu Rizal : semoga bermanfaat dewh ya :)
manteb gan
BalasHapusthanks gan!
Hapus