Catatan

Menunjukkan catatan yang berlabel HTML CODE

JQUERY Live Clock

  See the Pen jQuery Live Clock by Martynas Linkevicius ( @iiSeptum ) on CodePen .

Rujukan HTML

https://www.html.am/

HTML CSS: DROPDOWN NAVIGATION MENU

Dibawah ini merupakan kod html dan css yang simple untuk menu navigasi. Disebabkan Lee tak tahu apa – apa tentang JavaScript jadi Lee terpaksa cari Kod HTML tanpa JavaScript. Sesiapa yang nak copy boleh copy CSS + HTML.  KOD CSS DROP MENU <style type="text/css">   ul {list-style: none;padding: 0px;margin: 0px;}   ul li {display: block;position: relative;float: left;border:1px solid #000}   li ul {display: none;}   ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;            white-space: nowrap;color: #fff;}   ul li a:hover {background: #f00;}   li:hover ul {display: block; position: absolute;}   li:hover li {float: none;}   li:hover a {background: #f00;}   li:hover li a:hover {background: #000;}   #drop-nav li ul li {border-top: 0px;} </style> KOD HTML LIST DROP MENU <ul id="drop-nav">   <li><a href="#">Support</a></li>

TUTORIAL : WELCOME IMAGE (CLICK HERE TO ENTER)

Hari ini, Lee akan bagitahu cara-cara untuk letakkan welcome image di blog.. tengoklah Lee pun dah letakkan Welcome Image kat blog ni.. :3 kawaii kan...kan..kan.. tapi lepas letak code ni.. korang dah tak boleh padam code tu tau.. Ok.. mula-mula korang kene pastikan yang korang dah Download Full Template .. 1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates 2. Tekan Ctrl F serentak , cari kod ini : ]]></b:skin> 3. Dah jumpa ? Masukkan kod di bawah ini di atas kod yang korang cari tadi : </style></head> <script language="javascript" type="text/javascript"> /* toggle() checks to see if the images has already been faded or not and sends the appropriate variables to opacity(); */ function toggle(el,milli) { // Get the opacity style parameter from the image var currOpacity = document.getElementById(el).style.opacity; if(currOpacity != 0) { // if not faded fade(el, milli, 100, 0); } el

CODING: CONTOH HTML BAGI SLIDESHOW

Hai.. Assalamualaikum.. hari ini Lee cuma nak post tentang slideshow. Pensyarah bagi tugasan untuk buat cari kod html. Ok.. Lee ada embed kod dari cincopa.com .. Ok Lee ada sertakan kod sekali .. kalau korang nak copy code ni ambillah.. Untuk Blog I <div id="cp_widget_b88b6305-44f4-4181-b455-b72fc6c127cf"> ...</div> <script type="text/javascript"> var cpo = []; cpo["_object"] ="cp_widget_b88b6305-44f4-4181-b455-b72fc6c127cf"; cpo["_fid"] = "AILAl-MVQsuP"; var _cpmp = _cpmp || []; _cpmp.push(cpo); (function() { var cp = document.createElement("script"); cp.type = "text/javascript"; cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js"; var c = document.getElementsByTagName("script")[0]; c.parentNode.insertBefore(cp, c); })(); </script><noscript>Powered by Cincopa <a href='http://www.cincopa.com/video-hosting'>Vid

CODE HTML : GAMBAR BERGERAK

Imej
Untuk membuat gambar bergerak pada post... Copy kod di bawah.. dan tampalkan ke dalam post html... <marquee direction="left"><img src="URL GAMBAR"/><img src="URL GAMBAR"/><img src="URL GAMBAR"/></marquee>