Sabtu, 26 April 2014

Add ifvisible.js to make Invisible Blog Page

Sobat pasti sudah pernah mendengar tentang tutorial membuat energy saver or screensaver? Trik menutupnya layar monitor, eh eh kok kenapa jadi gelap begini yah :D Moouse digerakan, eh...kembali lagi seperti semula. AA akan berbagi trick serupa dengan itu, tetapi dengan teknik berbeda ;) Itung² ngisi hari minggu dengan artikel baru. Siapa tauk ada yg melongok ;)) Proses kerja rada-rada mirip juga, yang membedakan mungkin hanya pada script!
Source kode dan demo bisa sobat lihat:
Artikel sumber -------> serkanyersen.github.io/ifvisible.js
Demo -------> serkanyersen.github.io/ifvisible.js/demo.html

Seperi biasa Koben hanya membantu pemasangan ke dalam template blog :D Jika kalian paham akan script, maka pada artikel sumber bisa dipelajari bagaimana opsi² yg dapat di buat. Letakan script di atas tagging </body>
Original scripthttp://serkanyersen.github.io/ifvisible.js/ifvisible.jsMinimize script ifvisible.js

Letakan script pemanggil berikut tepat di bawah ifvisible.js
<script src="ifvisible.js"></script>

<script type="text/javascript">
//<![CDATA[
ifvisible.setIdleDuration(5);
ifvisible.idle(function(){
document.body.style.opacity = 0.1;
});
ifvisible.wakeup(function(){
document.body.style.opacity = 1;
});
//]]>
</script>
SAVE.

Sobat bisa berkreasi yg lain dengan merubah script document.body.style.___

Happy ifvisible \m/

Tidak ada komentar:

Posting Komentar