SMP NEGERI 5 GARUT (SCHLIGAR)

Belajar HTML

Berikut beberapa contoh code/script:

1:scrolltext:

Ganti teks berikut link, sesuaikan juga widht dan height

Contoh:

<p align="center">

<marquee width="100" direction="up" height="100pt" loop="true" scrollamount="2">

<span style="font-weight: bold;">

<a href="http://tikdh.blogspot.com/search?updated-max=2010-12-11T07%3A39%3A00-08%3A00&amp;max-results=1"

a="">

<p align="center">NEWSFLASH...

Ujian Nasional tahun 2011

sebentar lagi,,

ayo belajar

lebih giat lagi..!!!

authorized

by TIK:

....membangun insan

teknologi yang Islami......</p></a>

</span>

</marquee>

</p> 

2:Scrolltext-image:

=> Ganti teks dan image berikut link..... img ... a href

Contoh:

<div align="center">

<marquee bgcolor="blue" direction="up" height="200pt" loop="true" scrollamount="2" width="25%">

<p align="center">

<span style="color: white;">

<a href="http://diamondbrilian9a.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

<img a="" border="0" src="http://4.bp.blogspot.com/_DFfUeMxtB_8/TRzHqqNCXjI/AAAAAAAAAL0/6PL4HeiRfbU/s1600/diamon.gif"/></a>

</span></p>

<p align="center">

<span style="color: white;">

<a href="http://ilwinunica.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

<img border="0" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TRzHfgp2g9I/AAAAAAAAALs/2Wvjjj8URzA/s1600/beyours.gif"/></a>

</span></p>

<p align="center">

<span style="color: white;">

<a href="http://tikdh.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

<img border="0" src="https://lh5.googleusercontent.com/-Yd3k_tLtsYE/TXDj2vWOhHI/AAAAAAAAAMI/D7yFZvwScH0/s1600/i_love_you_005.gif"/></a>

</span></p>

</center>

</marquee>

</div> 

3:Dock Menu:

=> ganti judul, alamat link dan gambar.... img dan a href

<style type="text/css">

#sharedock { position: relative; top: 0; left: 0; width: 100%; height: 80px; z-index: 999; }

#dock { position: relative; top: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }

.dock-container { position: relative; background:url() no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }

.dock-container .custom_images a { display: block; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }

.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }

</style>

<div id="sharedock">

<div id="dock">

<div class="dock-container">

<div class="addthis_toolbox">

<div class="custom_images">

<a class="addthis_button_facebook" href=""></a><a href="http://www.facebook.com/">Facebook<img alt="Facebook" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2XfJKGDJI/AAAAAAAAAKk/RTzEw6BUQvY/s1600/facebook-2-icon.png" /></a>

<a class="addthis_button_yahoo" href=""></a><a href="http://id.yahoo.com/">Yahoo<img alt="Yahoo" src="http://4.bp.blogspot.com/_DFfUeMxtB_8/TQ2YQnEmlLI/AAAAAAAAALM/RisCQwQWh3g/s1600/yahoo-2-icon.png" /></a>

<a class="addthis_button_googlemap" href=""></a><a href="http://maps.google.com/">Google Map<img alt="GoogleMap" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2W5rrYoHI/AAAAAAAAAJ8/nYCjotLZ8eU/s1600/travel-2-icon.png" /></a>

<a class="addthis_button_photo" href=""></a><a href="http://tikgallery.blogspot.com/">Photo<img alt="Photo" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2XfXFZh-I/AAAAAAAAAK0/yPm51W1Z6iA/s1600/photos-icon.png" /></a>

<a class="addthis_button_reddit" href=""></a><a href="http://www.techradar.com/news/software/operating-systems/10-best-linux-distros-for-2010-704584">Linux<img alt="Linux" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2W6KCO9WI/AAAAAAAAAKc/-VKvwDW7q94/s1600/linux-icon.png" /></a>

<a class="addthis_button_delicious" href=""></a><a href="http://linxme.blogspot.com/">Ujian Praktek TIK<img alt="Ujian Praktek TIK" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2XfVddZ_I/AAAAAAAAAKs/nFn75FtEF4o/s1600/mac-icon.png" /></a>

<a class="addthis_button_more" href=""></a><a href="http://www.blogger.com/post-edit.g?blogID=1468228122848412926&amp;postID=6529268752396829682">Windows<img alt="Windows" src="http://1.bp.blogspot.com/_DFfUeMxtB_8/TQ2W5_US-aI/AAAAAAAAAKM/M5jpCh4GVn8/s1600/vista-icon1.png" /></a>

<a class="addthis_button_more" href=""></a><a href="http://www.blogger.com/post-edit.g?blogID=1468228122848412926&amp;postID=6529268752396829682">Hardware<img alt="Hardware" src="http://3.bp.blogspot.com/_DFfUeMxtB_8/TQ2WkIKn1KI/AAAAAAAAAJs/n9YTr7LmfX8/s1600/Comp-icon.png" /></a>

<a class="addthis_button_more" href=""></a><a href="http://roomnuhade.blogspot.com/">Iseng za dari pada BT<img alt="Iseng za dari pada BT" src="http://2.bp.blogspot.com/_DFfUeMxtB_8/TQ2WpoCUVXI/AAAAAAAAAJ0/z7EXOWMX22s/s1600/bearshare-icon.png" /></a></div>

</div>

</div>

</div>

</div>

<script src="http://sites.google.com/site/tikdh9/my-forms/addthis_widget.js" type="text/javascript">

</script>

<script src="http://sites.google.com/site/tikdh9/my-forms/jquery.min.js" type="text/javascript">

</script>

<script src="http://sites.google.com/site/tikdh9/my-forms/fisheye-iutil.min.js" type="text/javascript">

</script>

<script type="text/javascript">

$(function () {

// Dock initialize

$('#dock').Fisheye(

{

maxWidth: 30,

items: 'a',

itemsText: 'span',

container: '.dock-container',

itemWidth: 50,

proximity: 60,

alignment : 'left',

valign: 'bottom',

halign : 'center'

}

);

});

</script> 

4:Music Auto Play:

=> judul lagu dapat diganti, silahkan kunjungi situs "http://www.ez-tracks.com/codes-The%20Script.html" dan pilih lagunya dan copy-paste code/scriptnya.

Contoh:

<param name="movie" value="http://stream.ez-tracks.com/player2.swf?songid=40993&uid=0|891002720&t=1" /><param name="wmode" value="transparent" /><embed src="http://stream.ez-tracks.com/player2.swf?songid=40993&uid=0|891002720&t=1" width="302" height="91"quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="FFFFFF"></embed><br/>

<font size="1"><a href="http://www.ez-tracks.com/showArtists-OrigArtist-Usher.html" style="text-decoration:none; font-style:italic;">Free Usher Songs </a> | <a href="http://ringtones.ez-tracks.com" style="text-decoration:none; font-style:italic;">Free ringtones</a> at EZ-Tracks.com</font></strong></font><br><br>

SELAMAT MENCOBA...............