tag:blogger.com,1999:blog-72502257555234940442024-03-14T14:01:33.195+08:00Mari Belajar HTMLuntuk aku dan rakan2 yang suka webdesignerhasbulhttp://www.blogger.com/profile/01194506445616285537noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-7250225755523494044.post-5122214210435469682010-05-28T02:21:00.020+08:002010-05-30T04:25:45.511+08:00Memesang "Recent Comments Widget" Pada Blogspot<span style="font-weight: bold;">Memesang "Recent Comments Widget" Pada Blogspot</span><br /><center><br /><textarea rows="3" wrap="on" cols="60" style="background: green none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><ul><br /><script style="text/javascript" <br /><br />src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js"></script><script <br /><br />style="text/javascript">var numcomments = 5;<br />var showcommentdate = false; var showposttitle = true; var <br /><br />numchars = 100; var standardstyling = true;</script><script <br /><br />src="http://typoxp2.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></sc<br /><br />ript></ul></textarea><br /></center><div style="text-align: center;">copy code ini<br /></div><br />macam mana nak letakkan pada blog..?<br />step 1:Copy/salin code diatas.<br />step 2:login ke blog anda.<br />step3:klik pada layout.<br /><br /><br />step 4:klik pada "add gadget".<a href="http://3.bp.blogspot.com/_ylZEiCcu2yM/TAFwl0sAlBI/AAAAAAAAAcg/z0iE_xswNp8/s1600/Recent+Comments+Widget1.jpg"><br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 270px;" src="http://3.bp.blogspot.com/_ylZEiCcu2yM/TAFwl0sAlBI/AAAAAAAAAcg/z0iE_xswNp8/s400/Recent+Comments+Widget1.jpg" alt="" id="BLOGGER_PHOTO_ID_5476782416959935506" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_ylZEiCcu2yM/TAFxI6GlKwI/AAAAAAAAAco/-mDIq_nGb7E/s1600/Recent+Comments+Widget2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" src="http://4.bp.blogspot.com/_ylZEiCcu2yM/TAFxI6GlKwI/AAAAAAAAAco/-mDIq_nGb7E/s400/Recent+Comments+Widget2.jpg" alt="" id="BLOGGER_PHOTO_ID_5476783019708984066" border="0" /></a><br /><br />step5:klik pada "HTML/Javascript".<br /><br /><a href="http://2.bp.blogspot.com/_ylZEiCcu2yM/TAFxj6ZvOiI/AAAAAAAAAc4/QJA-9YeL3FI/s1600/Recent+Comments+Widget3.jpg" onclick="return popup(this, 'notes')"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 340px;" src="http://2.bp.blogspot.com/_ylZEiCcu2yM/TAFxj6ZvOiI/AAAAAAAAAc4/QJA-9YeL3FI/s400/Recent+Comments+Widget3.jpg" alt="" id="BLOGGER_PHOTO_ID_5476783483645803042" border="0" /></a><br />step 6:apabila keluar <span style="font-style: italic;">page</span> ni..-<br />1.letakkan Title(contohnya:Recent Comments")<br />2.tampal/<span style="font-style: italic;">paste</span> code diatas tadi.<br />3.klik <span style="font-style: italic;">save</span> untuk menyimpan gadget.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_ylZEiCcu2yM/TAFxwMbhxZI/AAAAAAAAAdA/YzIDKURT1Ww/s1600/Recent+Comments+Widget4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 381px; height: 400px;" src="http://1.bp.blogspot.com/_ylZEiCcu2yM/TAFxwMbhxZI/AAAAAAAAAdA/YzIDKURT1Ww/s400/Recent+Comments+Widget4.jpg" alt="" id="BLOGGER_PHOTO_ID_5476783694643578258" border="0" /></a><br />selesai.<br /><span style="font-weight: bold;"></span>hasbulhttp://www.blogger.com/profile/01194506445616285537noreply@blogger.com0tag:blogger.com,1999:blog-7250225755523494044.post-7772835302510546172009-04-19T18:39:00.019+08:002010-05-30T04:30:23.291+08:00Sambungan - Tag meletakkan gambar(image)<span style="font-weight: bold;"><br /></span><br /><span style="font-weight: bold;"><br />"Link" dan "alt".</span><br /><br />Salin/Copy text dibawah kemudian letakkan pada Notepad anda untuk mencuba:<br /><br /><center><textarea rows="3" wrap="on" cols="60" style="background: green none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><br /><a href="http://www.domain.com/dir/file" target="_blank" alt="preview"><img src="dir/file.gif" height="30" width="240" /></a><br /></textarea><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_ylZEiCcu2yM/TAF5P_ayhiI/AAAAAAAAAdQ/S7FXNUdKzHY/s1600/add+image+to+blogspot.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 204px;" src="http://1.bp.blogspot.com/_ylZEiCcu2yM/TAF5P_ayhiI/AAAAAAAAAdQ/S7FXNUdKzHY/s400/add+image+to+blogspot.jpg" alt="" id="BLOGGER_PHOTO_ID_5476791937488029218" border="0" /></a><br /></center><br /><div style="text-align: center;"><strong><span style="color: rgb(255, 0, 0);">klik ada gambar untuk lebih besar</span><br /></strong></div><strong><br />bersambung...</strong>hasbulhttp://www.blogger.com/profile/01194506445616285537noreply@blogger.com1tag:blogger.com,1999:blog-7250225755523494044.post-24684330108038346642009-04-15T15:02:00.043+08:002010-05-30T03:43:15.710+08:00TAG UNTUK MELETAKKAN GAMBAR(IMAGE)Tag meletakkan gambar(image) untuk lamanweb anda adalah seperti berikut:<br /><br />Salin/Copy text dibawah kemudian letakkan pada Notepad anda:<br /><center><br /><textarea rows="2" wrap="on" cols="60" style="background:green"><img src="http://www.domainname.com/directory/filename.jpg" /></textarea></center><br /><br />Kemudian Save As/simpan sebagai "contoh.htm" dan lihat hasilnya.<br />Didalam tanda <span style="color: rgb(255, 0, 0); font-weight: bold;">" "</span> adalah dimana <span style="font-style: italic;">URL/Address</span> gambar tersebut anda simpan/letakkan.<br /><span style="font-size:100%;"><br /><br /></span><span style="color: rgb(51, 51, 51); font-weight: bold;"><span style="font-size:100%;">Nota:Copy URL gambar anda kemudian letakkan didalam tanda " tersebut..<br /></span><br /><br /><br /><br /></span><span style="color: rgb(51, 51, 51); font-weight: bold;" class="general_text"><span class="article_text"><u>"width" dan "height"<br /><br /></u></span></span>Untuk mencantikkan lagi lamanweb anda,gambar yang anda letakkan mestilah mempunyai size yang sesuai untuk kelihatan tersusun.<br /><br />Salin/Copy text dibawah kemudian letakkan pada Notepad anda:<br /><center><br /><textarea rows="2" wrap="on" cols="60" style="background:green"><img src="http://domain.name.com/directory/filename.jpg" width="288" height="192" /></textarea></center><br /><span style="font-size:100%;"><br /><br />width="</span><span style="color: rgb(255, 0, 0);font-size:100%;" >288</span><span style="font-size:100%;">" height="</span><span style="color: rgb(255, 0, 0);font-size:100%;" >192</span><span style="font-size:100%;">" = nombor yang ditanda dengan warna merah adalah size gambar yang anda letakkan,anda boleh mengubahnya mengikut size gambar anda..<br /></span><br /><span style="font-weight: bold;">Nota: Anda boleh melihat size gambar anda pada image property.<br /><br /></span><span><br /><span style="font-size:100%;">Selamat mancuba!!!</span></span><span style="font-weight: bold;"><br /></span>hasbulhttp://www.blogger.com/profile/01194506445616285537noreply@blogger.com0tag:blogger.com,1999:blog-7250225755523494044.post-90958132999659498082009-03-31T05:03:00.057+08:002010-05-30T03:42:13.090+08:00Pembuka kata.........hehe<span style="font-weight: bold;">HTML(Hypertext Markup Language)</span>
<br />
<br />Didalam HTML, kita perlu menggunakan tag-tag untuk menspesifikasikan elemen-element berbeza dari sebuah laman web. Tag-tag ini diapit oleh 2 tanda kurungan yang bersudut dan biasanya berpasangan;
<br />contohnya- "<html> </html>"
<br />
<br /><table bg="" style="color: rgb(221, 24, 24);">
<br /><span style="font-weight: bold;">Elemen Asas</span>
<br />
<br />
<br />
<br /><span style="font-weight: bold;"><html> </html> Jenis Document</span>
<br />
<br /><span style="font-weight: bold;"><head> </head> Biasanya menspesifikasikan Berkenaan Tajuk</span>
<br />
<br /><span style="font-weight: bold;"><tilte> </title> Tajuk</span>
<br />
<br /><span style="font-weight: bold;"><body> </body> Isi Kandungan Lamanweb Anda</span>
<br />
<br />
<br />
<br /></table>
<br />
<br />Bagi pengguna Windows biasanya cara yang paling mudah untuk mula belajar HTML saya cadangkan gunakan Notepad terlebih dahulu.Sebagai contoh:
<br />
<br />Salin Text dibawah dan letakkan pada Notepad anda:
<br />
<br />
<br /><center>
<br /><textarea rows="4" wrap="on" cols="50" font-size:120% style="background: green"><html><head><title>Tajuk Lamanweb Pertama Anda</title></head><body>Text yang akan keluar pada Browser anda</body></html></textarea></center>
<br />simpan(Save as) file dengan nama "contoh.htm" atau "contoh.html". Kemudian buka "contoh.htm" atau "contoh.html" tersebut dengan menggunakan Browser anda.
<br />contohnya:Interner Explorer atau Mozilla Firefox.hasbulhttp://www.blogger.com/profile/01194506445616285537noreply@blogger.com0