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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yGZAN_BN240SYvbcY4csf_30SFPx8PacN8NXRHGQlOGDpeOXpcbaWqW2gQwPmhRwCdIA72BGTJ0EBEy21hITe9k-FjuO_19diFeECHt2DdhT6vrE7Zvmc4ILyzMDUENgZqths1xpJQop/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAorddi9htTC4qpZ59FViLdG0LjS9p06CR0jHLTsasKecrLRYcHJkwu8Zou3Srjhd7R6HHi3oZplIOvSuVpibi3X4NQJvXhYn5HSiEOmPJCWR3J3_2tew0fZlUgXmtmqOmW8u1sf05iGIG/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEjIgjKF8nONo_DBdf-OFYNzNwt-WrQPUFQ3Ee-HynckoTBh_IEl2XUCwutJuMxn_VDDCSh4yxP_UBz2zRfstoBNTcg0pV-DpugpmXRS2JiGT0uUd5Pnt1YbVr0tWuwltRTrh8ItW4LTj/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bAlQWJMNqVhUneGroQmOJAmqn6kwHKKnly-tmk-hTyLMOEsMebuk_9zJSqO8q7ud9GnAr5mUj6XAdWGCxsBdcPfB82ZnLNmza45dN0Vf_cVeNbEu7jSUbiqTuBzn2-ibZJJvsTE7AJzt/s1600/facebook-2-icon.png" /></a>
<a class="addthis_button_yahoo" href=""></a><a href="http://id.yahoo.com/">Yahoo<img alt="Yahoo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7OnoM1IE2XtdfvE221i_o1ysKV0ui2guD6KxTpWd_0vUgOyd4w9tkl98i9TkbAaGOjcDnH3hUiXrNkUQZ5qNQmiO1Q3quGn9H8Ec0TmZWavVkAfqJ24aPXDN1LfO7vyGerThfIdNTB5r/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC-ZmUVOjwYNxwoRSBk0YfG0uqpjm-4dNS1otIEA15QFZ_6DRd707ySlNfg865lUXjHTxrP5IbiveBk5VNBh9TlD2fbr8OL_e_0mc6xuYhJGCNniW24zLi9v-YzUi70_eesncynq2jzjmH/s1600/travel-2-icon.png" /></a>
<a class="addthis_button_photo" href=""></a><a href="http://tikgallery.blogspot.com/">Photo<img alt="Photo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9syDxuTBHM_JACHx682fXx0QF9CB3MSx4EzG8-Wf6X6qZHjVwdyjK9W3U_kAKZH9OHPWF_IqPWf4Eb-9kScDq6IEWM7-RBTOVcItXhBLPWVbDyjAzlXZM96vEToWr6U-UbY6pvMNm6ZI/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4837LCinfUIPA8xZJrc1c7E6Nnntq5ESkYos_1xqIeQXpPSuNILySHeMvrurIAXtiHSeMECTiI6yuWXxVWdeoR2xDxA68CmPgdLD3iZytULToRmCpBoDW_dnMPAUIzHi3G1bGRC1OZvbZ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZNRi_XBm5o-3zSZEOkmQEVr4r9e4axVJ4vCAwCXTHg_l3oPXXSMDlX0Ep3ZrY4gdLcuD9DQtW01C4kaVg6auKG3jbjN98WM-wrmk4rw3ZJl3vodyJ7-WeHV5icAUpDoOQDWCqavpNQSC/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1y3OpGu0hyphenhyphenlbUJAv38Tz07sCQeu-_gVLEham0QjAsUzjazfP5pqoj85_OmfI8AekTjmSDOql6ChkjIDD8y2L8m2AkWP-myJbMhqVTJA_1FAozp3F2Mj7IybjiOHcH1jOplkrEDe66HtQK/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh-hE9fnfhSwdfWrV21GPwOKdUp2uQKc2FUblncpKk2GUpt0_fTLhOmbQG4BG9i-Vuow4mLT39QGt4nFogRDzcyeAEYluQGJdmC2ZF5d1JQwxAsqpoOQzlZqayHwhwLiEZbmTb-HH2cQ4r/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcWav1LY5h6NIWOg_DN3nVTo9a0L67b6kfTooyfUOHkQWYcDm2HIhzG6MF7CAId0K5BN9Y6WEKbbQgcVEALr8akv2mao-HcuOmsWzXsfnULGWMJZPq15QNDjmzOvT1wVSurZR29iUw5Qd/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...............