Time For Learning: materi script

Showing posts with label materi script. Show all posts

Tuesday, October 4, 2016

Tentang Blog

Blog ini merupakan media pembelajaran mata pelajaran komputer untuk siswa kelas IX IBC JHS. kebetulan materi yang di bahas adalah membuat dan mengembangkan blog. Dengan blog ini setidaknya siswa terbantu untuk mendapatkan tutorial mengenai apa yang sedang dipelajari pada saat pelajaran komputer.
Pemilik blog ini adalah Guru Komputer SMP Immanuel Bilingual Class yaitu bapak Donatus Riko. T

Wednesday, September 21, 2016

Rabu, 21 September 2016

kode / script kembang api

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Script Tabel

<table border="1" style="width: 500px;">

<tbody>

<tr>

<td>Date / Day</td>

<td>Subject</td>

<td>Time</td>

</tr>

<tr>

<td>Monday, 26 Sept 2016</td>

<td>Science</td>

<td>06.40 – 08.40</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

<tr>

<td>..............</td>

</tr>

</tbody></table>

Tuesday, September 6, 2016

Kode Gadget (7 September 2016)

Pelacak IP

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>

Contoh gambar:

Kode google talk

Animasi CSS3

Keterangan:

1) Tulisan yang berwarna merah ganti dengan link gambar yang anda inginkan

Gadget alexa

Script alert

<SCRIPT language='JavaScript'>alert("Selamat Datang");</SCRIPT>

Kode search engine

<style type="text/css">

#a-searchbox{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRetWgRdBPZM1k8eDBciORhDXE7aMKP1nbsIhv2WsDK0-qA2H65q0YdHwKYijdLV2yoIXb3DHvqi5L1NBx04mggWyexvFRcgY83H217NFUcotXHiA83S_7rSjKS7mEAQm3IHxGUizlqVs/s1600/lostsector-search-box-red.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}

form#a-searchform{display: block;padding: 10px 12px;margin:0;}

form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}

form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

</style>

<center>

<div id="a-searchbox">

<form id="a-searchform" action="/search" method="get">

<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>

<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />

</form>

</div></center>

Kode ICON SOCIAL BOOK MARKING BERPUTAR

<style>p#ls-social-bookmarkspin img {

/* Social Bookmark Spin Widget By Lostsector */

-moz-transition: all 0.4s ease-in-out;

-webkit-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

}

p#ls-social-bookmarkspin img:hover {

-moz-transform: rotate(120deg);

-webkit-transform: rotate(120deg);

-o-transform: rotate(120deg);

-ms-transform: rotate(120deg);

transform: rotate(120deg);

}

/* Social Bookmark Spin Widget By Lostsector */

</style>

<center><p id="ls-social-bookmarkspin">

<a href="http://www.facebook.com/fathulhusnan">

<a href="http://www.twitter.com/awru">

<a href="https://plus.google.com/u/0/108801075003252823592">

<a href="http://www.feeds.feedburner.com/fathul">

<a href="http://www.youtube.com/fathulyoutube">

</p></center></div>

Kode game

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'http://cdn.gameplayer.io/api/js/publisher.js'; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'gameplayer-publisher'));

</script>

</center>

Wednesday, August 10, 2016

…::: Neon Lights Text:::…

<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="Aku Cinta Dunia Komputer"
var neonbasecolor="green"
var neontextcolor="orange"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>

Keterangan:

1) Tulisan yang berwarna merah ganti dengan tulisan yang anda mau

2) Tulisan yang berwarna jingga adalah warna awalnya

3) Tulisan yang berwarna hijau adalah warna kedua

4) Tulisan yang berwarna ungu adalah kecepatan berganti warnanya