Blog Tutorial membuat screensaver di blog

Blog Tutorial : Kali ini akan membahas Cara membuat screensaver di blog. Sebenernya caranya cukup mudah, tapi mungkin bagi blogger pemula masih binggung dan gak tau caranya. Dan dikesempatan kali ini, saya akan bagikan rahasianya, Okey gak perlu panjang lebar, dan segi tiga biru, cukup di kali dan ditambah saja, hehehee... atau sobat blogger ikuti langkah - langkah berikut ini :
1. Login ke Blogger.com
2. Masuk ke Design/Layout/Rancangan
3. Klik Add a Gadget > HTML/ JavaScript
4. Copy dan Paste kode berikut ke dalamnya, kemudian klik simpan/save dan lihatlah hasilnya.
(Cara mengcopy: Tekan Select All Text kemudian Tekan Ctrl + c dari keybord anda)

Jika Anda ingin membuat secreensaver sendiri atau ingin merubah Gambar dan Tulisan sesuka anda atau membuat screensaver hasil karya anda sendiri, silahkan sobat blogger copy code dibawah ini dan paste di notepad.

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('<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(e) { idleTime = 0; StopStandBy(); });

jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); });

jQuery("body").append('<div id="energysaving"><p><img

src="http://i343.photobucket.com/albums/o473/w-one/Jacko_in_Theatre_61.gif" /><br

/><span>Goperpus is Media to learn and useful that share information.</span></p><div

Creative </font> - visit http://goperpus.blogspot.com</div></div>');

jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Setelah kode diatas Anda paste di notepad, sekarang silahkan edite <img src="http://i343.photobucket.com/albums/o473/w-one/Jacko_in_Theatre_61.gif" /> Dengan Link Gambar anda yang sudah anda upload di hosting'an anda, atau anda bisa mencari link gambar di mbah google.
Edite tulisan "Goperpus is Media to learn and useful that share information" dan "Copyright 2012 -" serta "Pur Plur Creative" dengan tulisan yang anda inginkan.
Setelah semua selesai, silahkan anda save as dengan Type All File , lalu di belakang nama di beri .js contohnya punya saya namanya screensaver.js jika sudah anda simpan silahkan anda upload di tempat hostingan anda, atau bisa juga Klik Disini
Jika sudah masuk ke halaman, silahkan upload file yang anda simpan tadi, dan masukkan juga alamat email anda yang masih aktif, kemudian periksa atau buka email anda.
Jika sudah dapat pesan dari admin@yourjavascript.com.silahkan anda buka dan copy kode yang dikirim, sebagai contoh kodenya seperti dibawa ini;
<script src="http://file js anda" type="text/javascript"></script>
lalu Paste di template anda atau seperti cara yang ada di atas tadi.

Demikian Blog Tutorial Cara mudah membuat secrensaver di blog, selamat mencoba dan semoga berhasil.

Blog seo,tips seo,meta tag

Title : Blog Tutorial membuat screensaver di blog
Description : Blog Tutorial : Kali ini akan membahas Cara membuat screensaver di blog . Sebenernya caranya cukup mudah, tapi mungkin bagi blogger pem...