tag:blogger.com,1999:blog-77018400505379750662024-03-12T17:22:12.092-07:00Blog Info TipsBlog asas tutorial untuk menjadi seorang bloggeradminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.comBlogger110125tag:blogger.com,1999:blog-7701840050537975066.post-23203711332048050192011-05-18T17:35:00.000-07:002011-05-18T17:35:32.760-07:00Executive at etalent | Etalentsearch<a href="http://www.etalentsearch.com.my/accountant/executive-at-etalent/">Executive at etalent | Etalentsearch</a><br /><br /><div style="background: none repeat scroll 0% 0% rgb(255, 255, 229); text-align: justify; font-size: 11px; font-family: arial;">Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau klik salah satu directory dibawah ini.<a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/bloginfotips"><img style="border: 0pt none;" alt="Add to Google Reader or Homepage" src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" /></a><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="" style="border: 0pt none;" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" /></a><a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips" type="application/rss+xml"><img alt="Subscribe in Bloglines" style="border: 0pt none;" src="http://www.bloglines.com/images/sub_modern11.gif" /></a><a href="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/bloginfotips"><img alt="Add to My AOL" style="border: 0pt none;" src="http://favorites.my.aol.com/ffclient/webroot/0.2.1/locale/en_US/aol/images/myAOLButtonSmall.gif" /></a><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="Subscribe in NewsGator Online" style="border: 0pt none;" src="http://www.newsgator.com/images/ngsub1.gif" /></a></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com1tag:blogger.com,1999:blog-7701840050537975066.post-13134753144338385492010-04-13T18:43:00.000-07:002010-04-13T19:32:45.145-07:00Window 7 edisi<div style="font-family: Verdana,sans-serif; text-align: justify;"><a href="http://www-s.butterscotch.com/uplassets/Windows7-128.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www-s.butterscotch.com/uplassets/Windows7-128.jpg" /></a>Pesta pc fair (Pikom) baru saja habis di MITC Melaka,11/4/2010 lalu.Oleh kerana tahun ini diadakan berdekatan dengan tempat tinggal penulis, maka selama 3 hari berturut-turut penulis telah mengunjunginya.Apa yang penulis perhatikan, ianya sama saje seperti tahun lepas, cuma harga barangan pc semakin murah,promosi laptop kecil (netbook) semakin rancak dan penggunaan os terbaru pada setiap pc iaitu <b>Window 7</b>.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Berkata tentang os terbaru ini, iaitu <b>window 7,</b>penulis agak teruja dengan paparan grafik dan icon-icon yang kelihatan hidup serta lebih interaktif.Paparan pada skrin pc kelihatan lebih profesional,dinamik dan lebih mesra pengguna.Bagi yang belum berhijrah ke <b>window 7</b> ini, boleh berhijrah untuk mencuba prestasi dan kemampuannya.Penulis juga secara tak langsung telah membeli sebuah pc dengan os terbaru ini sebagai backup pada pc lama yang menggunakan os Window Xp Profesional (6 thn lepas).</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Baiklah sekadar berkongsi pengetahuan dengan pembaca blog ini, window 7 ini juga terbahagi kepada 7 tahap atau <b>7 window edisi</b>:-</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 Stater</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sesuai dengan komputer kecil atau netbook serta boleh berhubung dengan dunia internet untuk kerja-kerja ringan saja.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 Home Basic</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sudah cukup lengkap jika dibandingkan dengan window 7 stater.Sangat dianjurkan bagi pengguna rumah.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b><br />
</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window Home Premium</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sistem yang lebih relatif bagi pengguna dirumah berbanding dengan window 7 Home Basic.Terdapatnya kemudahan TV tuner, dvd dan sebagainya.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 Profesional</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Bersesuaian dengan namanya,lengkap dengan kemudah hiburan dan peralatan perniagaan.Jauh lebih lengkap berbanding dengan window 7 Stater,Home Basic atau Home Premium.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 Enterprise</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sistem yang layak buat perniagaan atau koporat serta merangkumi keperluan pejabat.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b><br />
</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 Ultimate</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sistem operasi window yang paling lengkap.Dengan pelbagai kemudahan seperti rangkaian,backup,hiburan,perniagaan dan sebagainya membuatkannya lebih baik dan canggih.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b><br />
</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Window 7 'E'</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">Penulis tidak berapa pasti dengan yang ini.Mungkin 'E' bermaksud hanya untuk pasaran Eropah saja atau 'E' singkatan untuk European.Untuk maklumat lanjut layarilah <a href="http://www.microsoft.com/windows/default.aspx" target="_blank">laman web Microsoft</a>.</div><br />
<br />
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 229); font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau klik salah satu directory dibawah ini.<br />
<a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/bloginfotips"><img alt="Add to Google Reader or Homepage" height="17" src="http://buttons.googlesyndication.com/fusion/add.gif" style="border: 0pt none;" width="104" /></a><br />
<br />
<a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" style="border: 0pt none;" /></a><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips" type="application/rss+xml"><img alt="Subscribe in Bloglines" src="http://www.bloglines.com/images/sub_modern11.gif" style="border: 0pt none;" /></a><br />
<br />
<a href="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/bloginfotips"><img alt="Add to My AOL" src="http://favorites.my.aol.com/ffclient/webroot/0.2.1/locale/en_US/aol/images/myAOLButtonSmall.gif" style="border: 0pt none;" /></a><br />
<br />
<a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="Subscribe in NewsGator Online" src="http://www.newsgator.com/images/ngsub1.gif" style="border: 0pt none;" /></a></div><br />
<br />
</div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com1tag:blogger.com,1999:blog-7701840050537975066.post-68762188197388816832010-03-09T08:15:00.000-08:002010-03-09T10:20:33.185-08:00Buat bayangan dibawah kotak<div style="font-family: Verdana,sans-serif; text-align: justify;">Fuhh..terasa berat jari-jemari penulis nak membuat posting baru dalam blog ini.Maklumlah dah lama tak berblogging.Dah menjadi sesawang pun blog kesayangan penulis ini.Dah lama benar ditinggalkan tanpa bertuan.Lihat sajelah header blog ini..masih lagi di bulan Ramadan tahun lepas.Oklah, buat tatapan pengikut blog ini, penulis coretkan tutorial css yang bertajuk "buat bayangan kabur dibawah kotak" atau dalam bahasa lain "box with blur shadow".</div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Pada saat artikel ini ditulis, <b>Box-Shadow</b> hanya disokong oleh Safari,Chrome dan Firefox versi 3.5 keatas.Untuk mendapatkan kesan bayangan di sekitar kotak,kata arahan atau tag yang harus dipakai untuk firefox (<span style="color: red;">-moz-box-shadow</span>) dan (<span style="color: red;">-webKit-box-shadow</span>) untuk Safari dan Chrome.Cara menulis kod css pula adalah seperti dibawah...<br />
<br />
<span style="color: red;">box-shadow</span>: 7px 7px 8px #818181;<br />
<br />
<div style="color: black;"><b>Keterangan</b></div><br />
1. <b>7px</b> pertama mewakili nilai offset bayangan melintang dan 7<b>px </b>kedua mewakili nilai ofset bayangan menegak.<br />
2. <b>8px</b> mewakili nilai radius/gradient bayangan kabur.<br />
3. <b>#818181</b> mewakili kod warna.<br />
<br />
<span style="font-size: x-small;">*ketiga-tiga nilai diatas boleh diubah mengikut kesesuaian anda</span>.<br />
<br />
Cara membuatnya didalam blog..<br />
<br />
4.log in ke dalam blog anda.Pilih <b>Layout--></b><b>Edit Html--></b><b>Expand Widget Templates</b><br />
<br />
5.copy kod css dibawah ini dan paste kannya diatas kod <b style="color: blue;">]]></b:skin></b><br />
<br />
<div style="color: red;">.shadowbox{</div><div style="color: red;">box-shadow: 7px 7px 8px #818181;</div><div style="color: red;">font-family: Verdana;color:#ffffff;</div><div style="color: red;">border-top: 1px solid #FFFFFF;</div><div style="color: red;">border-left: 1px solid #FFFFFF;</div><div style="color: red;">border-bottom: 2px solid #999;</div><div style="color: red;">border-right: 2px solid #999;</div><div style="color: red;">-webkit-box-shadow: 7px 7px 8px #818181;</div><div style="color: red;">-moz-box-shadow: 7px 7px 8px #818181;</div><div style="color: red;">filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);</div><div style="color: red;">}</div><br />
6.cara menulis style css nya didalam posting anda adalah seperti dibawah ini..<br />
<br />
<div style="color: red;"><div class="shadowbox" style="border: 1px solid black; padding: 5px;</div><div style="color: red;">background: red none repeat scroll 0% 0%;</div><div style="color: red;">width: 450px;</div><div style="color: red;">-moz-background-clip: border;</div><div style="color: red;">-moz-background-origin: padding;</div><div style="color: red;">-moz-background-inline-policy: continuous;"></div><span style="color: red;"><p></span>....tulis text anda disini...tulis text anda disini....tulis text anda disini...tulis text anda disini....tulis text anda disini....tulis text anda disini....tulis text anda disini...tulis text anda disini...tulis text anda disini....tulis text anda disini.<span style="color: red;"></p></div></span><br />
<br />
7.contohnya akan jadi seperti dibawah....<br />
<br />
<div class="shadowbox" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: red none repeat scroll 0% 0%; border: 1px solid black; padding: 5px; width: 450px;">....tulis text anda disini...tulis text anda disini....tulis text anda disini...tulis text anda disini....tulis text anda disini....tulis text anda disini....tulis text anda disini...tulis text anda disini...tulis text anda disini....tulis text anda disini.</div><br />
Ok selesai sudah.Kita juga boleh mendesign kotak agar nampak lebih menarik seperti membuat '<b>bulatan separa lengkong'</b> di penjuru kotak atau dengan kata lain '<b>rounded corners</b>'.<br />
<br />
Caranya adalah...<br />
<br />
1.copy kod ajaib dibawah ini (<span style="color: blue;">biru</span>) dan paste kan didalam kod css diatas tadi...keterangan <b>no.5</b><br />
<br />
<div style="color: red;">.shadowbox{</div><div style="color: red;">box-shadow: 7px 7px 8px #818181;</div><div style="color: red;">font-family: Verdana;color:#000000;</div><div style="color: red;">border-top: 1px solid #FFFFFF;</div><div style="color: red;">border-left: 1px solid #FFFFFF;</div><div style="color: red;">border-bottom: 2px solid #999;</div><div style="color: red;">border-right: 2px solid #999;</div><div style="color: red;">-webkit-box-shadow: 7px 7px 8px #818181;</div><div style="color: red;">-moz-box-shadow: 7px 7px 8px #818181;</div><div style="color: blue;">-webkit-border-radius: 20px;</div><div style="color: blue;">-moz-border-radius: 20px;</div><div style="color: blue;">CCborderRadius: 20px;</div><div style="color: red;">filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);</div><div style="color: red;">} </div><br />
2.Cara menulisnya sama seperti keterangan <b>no.6</b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
hasilnya....<br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1HFKF_0eUKs/S5Z9JvFmFgI/AAAAAAAAA3U/Mxr1gydZZSM/s1600-h/rounded.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="http://1.bp.blogspot.com/_1HFKF_0eUKs/S5Z9JvFmFgI/AAAAAAAAA3U/Mxr1gydZZSM/s400/rounded.jpg" width="400" /></a></div><div style="text-align: justify;"><span class="medium_text" id="result_box" style="font-family: Verdana,sans-serif;"><span style="background-color: white;" title="If you like to have a shadow just at the bottom of the box (the horizontal offset), make a small change on the property value and by adding a new negative value.">Jika anda ingin membuat bayangan hanya di bahagian bawah kotak (horizontal offset), kita hanya perlu membuat perubahan kecil dengan menambah nilai negatif di dalam css box shadow.Lihat contoh dibawah..</span></span></div><br />
<br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">1.copy kod css dibawah ini dan paste kannya diatas kod <b style="color: blue;">]]></b:skin></b><br />
<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">.shadow3{</div><div style="font-family: Verdana,sans-serif; text-align: justify;">box-shadow: 7px 7px 8px #818181;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">font-family: Times;color:#ffffff;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">-webkit-box-shadow: <span style="color: red;">0px</span> 20px 10px <span style="color: red;">-10px</span> #888;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">-moz-box-shadow: <span style="color: red;">0px</span> 20px 10px <span style="color: red;">-10px</span> #888;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);</div><div style="font-family: Verdana,sans-serif; text-align: justify;">}</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><b><br />
</b></div><span class="short_text" id="result_box"><span style="background-color: white;" title="The property value of the vertical offset was set at 0px and a new -10px was added.">* nilai offset menegak diubah menjadi <span style="color: red;">0px</span> , <span style="color: red;">-10px</span>. </span></span></div><div class="fullpost"><br />
<br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">2.cara menulis style css nya didalam posting anda adalah seperti dibawah ini..</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><div class="shadow3" style="width:300px; height:50px; padding:5px; background:navy; border: 1px solid black;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><p>Make shadow at the bottom of a Box</p></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;">hasilnya...</div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1HFKF_0eUKs/S5aBjmcpIZI/AAAAAAAAA3k/k5ZFxfOhreI/s1600-h/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="http://4.bp.blogspot.com/_1HFKF_0eUKs/S5aBjmcpIZI/AAAAAAAAA3k/k5ZFxfOhreI/s320/cats.jpg" width="320" /></a></div><br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"> Tamat tutorial box shadow buat kali ini.Untuk lebih memperjelaskan lagi minda anda, bolehlah melayari website <a href="http://www.css3.info/preview/box-shadow/" target="_blank">css3-box shadow</a><br />
atau anda boleh implementkan kedalam website anda seperti <a href="http://www.madusawda.co.cc/testimoni.html" target="_blank">website madu sawda</a> ini.Boleh juga digabungkan dengan sebarang image.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1HFKF_0eUKs/S5aLlla7yEI/AAAAAAAAA3s/go4irALNuys/s1600-h/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/_1HFKF_0eUKs/S5aLlla7yEI/AAAAAAAAA3s/go4irALNuys/s200/Untitled-1.jpg" width="200" /></a></div><br />
<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 0); font-family: arial; font-size: 11px; text-align: justify;">Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau berlanggan artikel terus ke email anda.<br />
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloginfotips', 'popupwindow', 'scrollbars=yes,width=550,height=500');return true" target="popupwindow"><input id="kotak" name="email" onblur="if (this.value == '') {this.value = 'Masukan alamat Email anda...';}" onfocus="if (this.value == 'Masukan alamat Email anda...') {this.value = '';}" type="text" value="Masukan alamat Email anda..." /><input name="uri" type="hidden" value="bloginfotips" /><input name="loc" type="hidden" value="en_US" /><input id="tombol" type="submit" value="Langganan" /></form><br />
<a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/bloginfotips"><img alt="Add to Google Reader or Homepage" height="17" src="http://buttons.googlesyndication.com/fusion/add.gif" style="border: 0pt none;" width="104" /></a><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" style="border: 0pt none;" /></a><a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips" type="application/rss+xml"><img alt="Subscribe in Bloglines" src="http://www.bloglines.com/images/sub_modern11.gif" style="border: 0pt none;" /></a><a href="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/bloginfotips"><img alt="Add to My AOL" src="http://favorites.my.aol.com/ffclient/webroot/0.2.1/locale/en_US/aol/images/myAOLButtonSmall.gif" style="border: 0pt none;" /></a><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="Subscribe in NewsGator Online" src="http://www.newsgator.com/images/ngsub1.gif" style="border: 0pt none;" /></a></div></div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0tag:blogger.com,1999:blog-7701840050537975066.post-84245610832317727752009-08-22T18:06:00.000-07:002009-08-22T18:24:50.497-07:00Kenapa blog ini tidak lagi diupdate<div style="font-family: Verdana,sans-serif; text-align: justify;">Fuhh...rasanya dah lebih dari 2 bulan penulis tidak mencoretkan sebarang artikel di dalam <a href="http://feeds2.feedburner.com/BlogInfoTips" target="_blank">bloginfotips</a> ini.Bukan kerana malas atau tiada idea, tetapi kerana masa dan masalah yang melanda fikiran penulis sejak 2 bulan lepas.Pertamanya pemergian arwah mak ke rahmatullah pada 30/6/09, semoga rohnya ditempatkan bersama orang2 beriman.Keduanya kelahiran cahaya mata..anak perempuan, dan yang ketiga penulis baru menceburi bidang perniagaan offline iaitu Ice blend dengan jenama <a href="http://www.youtube.com/watch?v=l67DEcPIfqU&NR=1" target="_blank">Freezo</a></div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Ketiga-tiga perkara diataslah yang membuatkan penulis telah berhenti mencoret di bloginfotips ini.Tetapi oleh kerana blog sebagai medium membaca dan menulis,maka rasanya dihari baik dan bulan baiknya ini,penulis akan cuba mencoretkan sebarang info buat tatapan pembaca blog ini.Akhir sekali, penulis ingin mengucapkan selamat berpuasa dan mohon kemaafan dari penulis buat pembaca blog ini.Semoga Ramadan tahun ini akan lebih baik dari tahun lepas.Banyakkan amalan dan berusaha memperbaiki diri samada untuk urusan duniawi apatah lagi ukhrawi. </div><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 0); font-family: arial; font-size: 11px; text-align: justify;">Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen atau berlanggan artikel terus ke email anda.<br />
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloginfotips', 'popupwindow', 'scrollbars=yes,width=550,height=500');return true" target="popupwindow"><input id="kotak" name="email" onblur="if (this.value == '') {this.value = 'Masukan alamat Email anda...';}" onfocus="if (this.value == 'Masukan alamat Email anda...') {this.value = '';}" type="text" value="Masukan alamat Email anda..." /><input name="uri" type="hidden" value="bloginfotips" /><input name="loc" type="hidden" value="en_US" /><input id="tombol" type="submit" value="Langganan" /></form><br />
<a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/bloginfotips"><img alt="Add to Google Reader or Homepage" height="17" src="http://buttons.googlesyndication.com/fusion/add.gif" style="border: 0pt none;" width="104" /></a><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" style="border: 0pt none;" /></a><a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips" type="application/rss+xml"><img alt="Subscribe in Bloglines" src="http://www.bloglines.com/images/sub_modern11.gif" style="border: 0pt none;" /></a><a href="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/bloginfotips"><img alt="Add to My AOL" src="http://favorites.my.aol.com/ffclient/webroot/0.2.1/locale/en_US/aol/images/myAOLButtonSmall.gif" style="border: 0pt none;" /></a><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/bloginfotips" title="Blog Info Tips"><img alt="Subscribe in NewsGator Online" src="http://www.newsgator.com/images/ngsub1.gif" style="border: 0pt none;" /></a></div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com4tag:blogger.com,1999:blog-7701840050537975066.post-65617707398660467692009-05-26T09:12:00.000-07:002009-05-26T09:15:49.050-07:00Wordpress thema ala google<div style="font-family: Verdana,sans-serif; text-align: justify;">Dalam penulis blogging around terjumpa satu blog yang bergitu unik.Blog yang menggunakan platform wordpress ini telah mendesign themenya menjadi seperti search engine google.Agak kreatif tuan empunya blog wordpress ini.Walaupun tidak 100% mirip google,tetapi jika dilihat sekali imbas pasti ada yang tertipu...awas<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Mungkin dari pandangan penulis blog wordpress ini dibina lebih menjurus kepada iklan google adsensenya.Memang bijak juga tuan empunya blog ini mendesignkannya.Tahniah.Antara ciri-ciri yang terdapat pada blog wordpress ala google ini ialah:-<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Two column fluid width</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Threaded & paged comments ready for WP 2.7</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Widgets ready</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Gravatar ready</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Works on Wordpress v2.5 and above</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Tested on IE6/7, Firefox, Chrome</div><div style="font-family: Verdana,sans-serif; text-align: justify;">* XHTML & CSS Validated<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><br /><img alt="melayu boleh" src="http://2.bp.blogspot.com/_1HFKF_0eUKs/ShwUFjKZBCI/AAAAAAAAAyo/ARgs32HciWw/s400/melayuboleh.jpg" style="height: 250px; width: 400px;" /><br /><br /><div style="font-family: Verdana,sans-serif; text-align: justify;"><br /><a href="http://www.ebookle.com/%20" target="_blank">Demo</a> | <a href="http://uploading.com/files/TBPMWCUM/woogle.zip.html" target="_blank">Download</a><br /><br />My wordpress blog....<a target="_blank" href="http://blogmelayuboleh.wordpress.com/">blogmelayuboleh</a><br /></div><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0tag:blogger.com,1999:blog-7701840050537975066.post-85362235393369430452009-05-21T07:22:00.000-07:002010-04-13T19:36:48.276-07:00Tips antivirus free seumur hidup<div style="font-family: Verdana,sans-serif; text-align: justify;"><a href="http://i.ehow.com/images/a02/5q/qc/delete-virus-antivirus-program-200X200.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://i.ehow.com/images/a02/5q/qc/delete-virus-antivirus-program-200X200.jpg" /></a><b>Blog tips</b> kali ini penulis akan berikan satu keadah bagaimana caranya untuk menjadikan antivirus free trial kepada free seumur hidup.Jika anda seorang yang tiada wang yang cukup untuk membeli sofware antivirus atau memangnya seorang yang kedekut...maka <b>tips</b> ini layak untuk anda cuba.Penulis akan tunjukkan caranya menggunakan <a href="http://www.kaspersky.com/" target="_blank">Kasperky Antivirus 2009</a>...<br />
<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">1) Download <a href="http://esd.element5.com/demoreg.html?productid=300299803" target="_blank">Kasperky Antivirus 2009</a> dari Kaspersky Lab.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">2) Sudah siap download,install dan ikut arahannya.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">3) Bila tiba part activate tu pilihlah activate trial version.Biasanya masa free trial diberi selama 30 hari.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">4) Selepas tempoh percubaan 30 hari, uninstall Kasperksy (sama macam uninstall lain-lain software).<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">5) Sudah siap uninstall (biasanya kena reboot komputer), rebootlah komputer.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">6) Kemudian pergi kemenu start dan klik run.Taipkan regedit dan tekan enter.Akan keluar menu register edit.<br />
<br />
</div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;"></div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;">7) Remove hkey_local_machine\software\KasperskyLab\LicStorage (kalau tiada maknanya masa uninstall, sudah di removekan).<br />
<br />
</div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;"></div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;">8) Kemudian remove hkey_local_machine\software\Microsoft\Cryptography\RNG (RNG ni adalah random number generator - remove aje).<br />
<br />
</div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;"></div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;">9) Kemudian remove hkey_local_machine\Microsoft\SystemCertificates\SPC\Certificates.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">10) Okay dah siap remove 3 benda tersebut, anda perlu Run install Kaspersky semula macam biasa.( pastikan ada sambungan internet).<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">11) Ulangi install dengan activate trial version seperti biasa.<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">12) Ulangi step 1 hingga 15 setelah tamat tempoh free trial 30 hari.<br />
<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">Free seumur hidup...he..hee..<b>tips </b>ini bagi yang tak mahu keluar wang.Saranan penulis baik pergi beli sahaja sofware antivirus ini kerana harganya amat murah iaitu RM50 atau RM 85 boleh share untuk 3 username...<br />
<br />
</div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">Tamat <b>tips tutorial</b> kali ini.</div><br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: #ffffe5; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com7tag:blogger.com,1999:blog-7701840050537975066.post-44218688916613403782009-05-15T10:06:00.000-07:002009-05-15T10:13:37.921-07:00Pamerkan adsense didalam setiap post artikel<div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<bt>R</bt>amai dari penggiat <b>adsense </b>hanya tahu cara meletakkan kod <b>adsensenya </b>di sidebar widget.Sebenarnya ada satu trik bagaimna kita boleh letakkan kod <b>adsense </b>ini di dalam posting artikel kita.Dengan trik ini setiap kali pengnjung klik pada mana-mana post,label atau artikel, maka <b>adsense ads</b> ini tetap dipamerkan.Tanpa cerita banyak lagi langsung kita ke tutorial "p<b>amerkan google ads disetiap posting</b>"</div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif;">1) Sebelum itu pastikan anda <a href="http://centricle.com/tools/html-entities/" target="_blank">encode</a> dulu google adsnya.<br />
</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">2) Login ke blog/dashboard anda.Pilih <b>Layout---&gt</b>;<b>Edit html</b> dan klik<b> Edit Expand template</b>.<br />
</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">3) Cari kod seperti dibawah ini.Template setiap orang berbeza-beza, jadi cari kod yang seakan serupa dengannya.</div><br />
<div style="color: red; font-family: Verdana,sans-serif;"></b:if></div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><div class='post-header-line-1'/></div><div style="color: red; font-family: Verdana,sans-serif;"><div class='post-body entry-content'><br />
</div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><div style="color: black;"><b>Letakkan kod adsense anda disini</b></div></div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><style>.fullpost{display:none;}</style></div><div style="color: red; font-family: Verdana,sans-serif;"><p><b:if cond='data:blog.pageType != &quot;item&quot;'></div><div style="color: red; font-family: Verdana,sans-serif;"><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></div><br />
<div style="font-family: Verdana,sans-serif;">4) Hasil sebenarnya akan jadi seperti dibawah...</div><br />
<div style="color: red; font-family: Verdana,sans-serif;"></b:if></div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><div class='post-header-line-1'/></div><div style="font-family: Verdana,sans-serif;"><div style="color: red;"><div class='post-body entry-content'></div></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><b><script type="text/javascript"><!--</b></div><div style="font-family: Verdana,sans-serif;"><b>google_ad_client = "pub-your id no";</b></div><div style="font-family: Verdana,sans-serif;"><b>google_ad_host = "pub-your id no";</b></div><div style="font-family: Verdana,sans-serif;"><b>/* 160x600, created 4/25/09 */</b></div><div style="font-family: Verdana,sans-serif;"><b>google_ad_slot = "5275445784";</b></div><div style="font-family: Verdana,sans-serif;"><b>google_ad_width = 160;</b></div><div style="font-family: Verdana,sans-serif;"><b>google_ad_height = 600;</b></div><div style="font-family: Verdana,sans-serif;"><b>google_language = "en";</b></div><div style="font-family: Verdana,sans-serif;"><b>//--></b></div><div style="font-family: Verdana,sans-serif;"><b></script></b></div><div style="font-family: Verdana,sans-serif;"><b><script </b></div><div style="font-family: Verdana,sans-serif;"><b>src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></b></div><div style="font-family: Verdana,sans-serif;"><b></script></b><br />
</div><div style="font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><style>.fullpost{display:none;}</style></div><div style="color: red; font-family: Verdana,sans-serif;"><p><b:if cond='data:blog.pageType != "item"'></div><div style="color: red; font-family: Verdana,sans-serif;"><div expr:id='"summary" + data:post.id'><data:post.body/></div></div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">5) Kemudian klik preview dulu dan lihat hasilnya.Google ads ini akan sentiasa berada diatas pemulaan post artikel anda.Puas hati..baru klik save.</div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">6) Anda boleh juga cuba letakkannya dibawah atau diakhir artikel posting anda.Caranya penulis tidak akan berikan.Cuba sendiri dan bermain-main dengan kod template anda sendiri.Semoga berjaya.</div><br />
<div style="font-family: Verdana,sans-serif;">Sekian..selesai.Layari <a href="http://melayuboleh-2u.blogspot.com/" target="_blank">melayuboleh-2u</a> untuk lihat contoh hasilnya.</div><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com5tag:blogger.com,1999:blog-7701840050537975066.post-20440783527394765302009-05-15T09:24:00.000-07:002009-05-15T09:30:10.595-07:00Peel away menggunakan jQuery & CSS<div style="font-family: Verdana,sans-serif; text-align: justify;">Pada tutorial script yang lepas iaitu memasang <a href="http://bloginfotips.blogspot.com/2009/04/peel-away-ads.html" target="_blank">Peel-away ads di blogspot</a>, ada yang tidak dapat mengapplikasikannya kerana tiada mempunyai hosting.Baiklah kali ini penulis akan menunjukkan peel away yang menggunakan hanya jQuery & CSS di dalam blog.Tutorial asalnya anda boleh layari di <a href="http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/" target="_blank">sohtanaka.com</a>.Peel away ini berfungsi dengan gambar sahaja tanpa bantuan flash seperti mana pada <a href="http://bloginfotips.blogspot.com/2009/04/peel-away-ads.html" target="_blank">tutorial yang lepas</a>.</div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif;"><b>Cara pasangnya</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1HFKF_0eUKs/Sg2YUqsYQZI/AAAAAAAAAxw/Tw8z39ea52g/s1600-h/melayupic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a><a href="http://1.bp.blogspot.com/_1HFKF_0eUKs/Sg2YetxPU7I/AAAAAAAAAx4/7TYO-fboJGk/s1600-h/Untitled-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_1HFKF_0eUKs/Sg2YetxPU7I/AAAAAAAAAx4/7TYO-fboJGk/s400/Untitled-1.png" /></a></div></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">1) Login ke blog anda dan pilih <b>Layout-->Edit html</b>.</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">2) Copy kod script dibawah ini dan pastekan di atas kod <span style="color: red;"><b:skin><![CDATA[</span></div><br />
<div class="alert"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
//Page Flip on hover<br />
$(&quot;#pageflip&quot;).hover(function() {<br />
$(&quot;#pageflip img , .msg_block&quot;).stop()<br />
.animate({<br />
width: &#39;307px&#39;,<br />
height: &#39;319px&#39;<br />
}, 500);<br />
} , function() {<br />
$(&quot;#pageflip img&quot;).stop()<br />
.animate({<br />
width: &#39;50px&#39;,<br />
height: &#39;52px&#39;<br />
}, 220);<br />
$(&quot;.msg_block&quot;).stop()<br />
.animate({<br />
width: &#39;50px&#39;,<br />
height: &#39;50px&#39;<br />
}, 200);<br />
});<br />
});<br />
</script></div><br />
<div style="font-family: Verdana,sans-serif;">3) Kemudian copy kod CSS dibawah ini dan pastekan diatas kod <span style="color: red;">]]></b:skin></span></div><br />
<div class="alert">#pageflip {<br />
position: relative;<br />
right: 0; top: 0;<br />
float: right;<br />
}<br />
#pageflip img {<br />
width: 50px; height: 52px;<br />
z-index: 99;<br />
position: absolute;<br />
right: 0; top: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
#pageflip .msg_block {<br />
width: 50px; height: 50px;<br />
overflow: hidden;<br />
position: absolute;<br />
right: 0; top: 0;<br />
background: url(<span style="color: blue;">http://1.bp.blogspot.com/_1HFKF_0eUKs/Sg0-cJyhimI/AAAAAAAAAxQ/IjJyKgW2mvs/s320/subscribe.jpg</span>) no-repeat right top;<br />
}</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">4) Copy kod dibawah ini dan letakkan di bawah kod <span style="color: red;"><body></span></div><br />
<div id='pageflip'><br />
<a href='<span style="color: blue;">http://feeds2.feedburner.com/bloginfotips</span>'><br />
<img alt='' src='<span style="color: blue;">http://img224.imageshack.us/img224/8315/pageflip.png</span>'/><br />
<span class='msg_block'/><br />
</a><br />
</div><br />
<br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">5) Kemudian klik preview dulu.Jika tiada sebarang error, baru klik save.Lihat hasilnya.Pastikan anda tukar alamat gambarnya dan feedburnernya dengan kepunyaan sendiri.Terserah jika linknya hendak ke feedburner atau ke Url link yang lain.</div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Sekian...tutorial dari penulis tak akan lengkap jika tiada contohnya.Hendak lihat contohnya, layari <a href="http://melayuboleh-2u.blogspot.com/" target="_blank">melayuboleh-2u</a>.Selesai.</div><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0tag:blogger.com,1999:blog-7701840050537975066.post-51834337215181238072009-05-04T07:53:00.000-07:002009-05-04T08:01:22.369-07:00Buat gambar mesra seo<div style="font-family: Verdana,sans-serif; text-align: justify;">Tutorial <b>seo</b> kali ini penulis akan bicarakan bagaimana gambar didalam blog atau website lebih mesra <b>seo</b>nya atau dengan kata lain dapat diindex oleh search engine utama seperti google,yahoo,msn,answer dan sebagainya.Dalam erti kata sebenar, search engine tidak membaca gambar walaupun blog anda mengandungi beribu-ribu gambar yang menarik.Baiklah <span style="color: cyan;">klik selanjutnya</span> agar anda dapat pelajari ilmu <b>seo</b> ini... </div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Seperti sedia maklum, agar blog kita lebih mesra search engine adalah penggunaan keyword density didalam posting.Contohnya jika tajuknya berkaitan dengan <a href="http://melayuboleh-2u.blogspot.com/" target="_blank">melayu boleh</a>, sudah tentu anda menggunakan keyword seperti anak <b>melayu boleh</b>,orang <b>melayu</b> berke<b>boleh</b>an ,<b>melayu</b> takkan <b>boleh</b> ataupun <b>boleh</b> blah (sekadar keyword <b>melayu </b>dan <b>boleh</b>).Tapi jika posting atau blog anda banyak bermain dengan gambar, maka sudah tentu search engine tidak dapat membaca keyword <b>melayu</b> dan <b>boleh</b>.</div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Baiklah, tips seonya amat mudah iaitu dengan menggunakan attribute <b>alt="" </b>didalam gambar anda.Lihat contoh lengkapnya dibawah..</div><br />
<div style="color: red; font-family: Verdana,sans-serif; text-align: justify;"><img style="width: 300px; height: 300px;" <b>alt="melayu boleh" </b>src="file alamat gambar anda.jpg"></div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Anda boleh lihat fungsi <b><span style="color: red;">alt="melayu boleh"</span></b> yang digunakan sebagai ganti nama pada gambar tersebut..Untuk lebih jelas lagi sila lihat contoh dibawah sekiranya penulis ingin menjadikan gambar dialamat ini agar lebih mesra search engine.</div><br />
<div style="color: red; font-family: Arial,Helvetica,sans-serif; text-align: justify;">http://1.bp.blogspot.com/_1HFKF_0eUKs/SfCNKvpo0KI/AAAAAAAAAt0/942Ch1dpTRM/s320/melayu+boleh.jpg</div><br />
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><img style="width: 300px; height: 300px;" alt="melayu boleh" src="<span style="color: red;">http://1.bp.blogspot.com/_1HFKF_0eUKs/SfCNKvpo0KI/AAAAAAAAAt0/942Ch1dpTRM/s320/melayu+boleh.jpg</span>"></div><br />
<div style="font-family: Verdana,sans-serif;">Hasilnya akan jadi seperti ini..</div><img alt="melayu boleh" src="http://1.bp.blogspot.com/_1HFKF_0eUKs/SfCNKvpo0KI/AAAAAAAAAt0/942Ch1dpTRM/s320/melayu+boleh.jpg" style="height: 300px; width: 300px;" /><br />
<br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Dan disebalik gambar tersebut tersembunyi keyword <b>melayu boleh</b>.Boleh juga jika gambarnya tidak muncul atau alamatnya salah, <b>keyword melayu</b> boleh akan tertera<br />
<div style="text-align: left;"><a href="http://3.bp.blogspot.com/_1HFKF_0eUKs/Sf8CwTasUjI/AAAAAAAAAv0/LQ1TNmK8dDc/s1600-h/keyword+melayu+boleh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_1HFKF_0eUKs/Sf8CwTasUjI/AAAAAAAAAv0/LQ1TNmK8dDc/s320/keyword+melayu+boleh.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div></div><br />
<img alt="melayu boleh" src="http://1.bp.blogspot.com/_1HFKF_0eUKs/SfCNKvpo0KI/AAAAAA.jpg" style="height: 300px; width: 300px;" /><br />
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">Tamat tips seo kali ini.Amin..</div><br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com5tag:blogger.com,1999:blog-7701840050537975066.post-83854244167246854482009-05-02T07:26:00.000-07:002009-05-02T07:37:48.187-07:00Buka link komen pada windows baru<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="color: #38761d;">P</bt>ernahkan posting anda dikomen dan pengomen meletakkan linknya supaya anda mudah layari blog si pengomen tersebut.Masalahnya timbul apabila anda klik pada link si pengomen, maka halaman blog anda hilang dan akan diganti dengan blog si pengomen tersebut.Blog tutorial kali ini, penulis akan tunjukkan cara mudah agar link pengomen dibuka pada halaman windows yang baru tanpa menghilangkan halaman blog anda.Tak faham, lansung kita ke blog tutorial dibawah ini....</div><br />
<div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: left;"><span style="font-family: verdana;">1) Login ke </span><b style="font-family: verdana;">blogger.com</b><span style="font-family: verdana;"> dengan id anda.</span></div><div face="Verdana,sans-serif" style="text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">2) Pilih menu<b> Layout--->Edit html</b> dan beri tanda pada <b>Expand widget template.<br />
<br />
</b></div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;">3) Cari kod dibawah (pengguna firefox gunakan key <b>F3</b>)</div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;"><span style="color: red;"><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></span></div><div style="font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;"><br />
4) Dah jumpa.Kemudian tambah kod <span style="color: blue;">target='_blank'</span> atau <span style="color: blue;">target=”_blank”</span> (sama sahaje)di sebelah <b>rel='nofollow'</b>..Maka kod lengkapnya akan jadi seperti dibawah..</div><div color="red" face="Verdana,sans-serif" style="text-align: left;"><div style="font-family: Verdana,sans-serif;"><span style="color: red;"><a expr:href='data:comment.authorUrl' rel='nofollow'</span> <span style="color: blue;">target=”_blank”</span> <span style="color: red;">><data:comment.author/></a></span></div></div><div style="color: red; font-family: Verdana,sans-serif; text-align: left;"></div><div style="font-family: Verdana,sans-serif; text-align: left;"><br />
5) <b>Preview</b> dulu hasilnya.Jika tiada sebarang <b>error</b> baru klik save hasil kerja anda.Jika terdapat error, klik <b>clear edit</b> dan buat tutorial blog ini semula dengan cermat.</div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Sekarang, buka salah satu posting kamu yg ada komen dan link pengomennya.Klik linknya dan lihat samada halaman windows baru akan dibuka dan halaman blog anda masih kekal.</div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Selesai.Amin..</div><br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com2tag:blogger.com,1999:blog-7701840050537975066.post-38137661647436496972009-04-29T07:22:00.000-07:002009-04-29T07:46:35.251-07:00Optimise tajuk pada blogspot<div style="font-family: Verdana,sans-serif; text-align: justify;"><a href="http://melayuboleh-2u.blogspot.com/" target="_blank">Seo</a> kali ini penulis akan tunjukan tips mudah agar tajuk posting kita lebih seo friendly.Tips seo ini mungkin telah basi bagi pendukung seo, namun bagi newbie yang masih baru dalam taktik seo ini, ilmu ini juga berguna.Sebeum itu, alasan yang sering di jawab oleh pendukung seo ialah agar index keyword kita disearch engine tidak berlaku "duplicate title tags".Pandangan penulis pula , mungkin ada rasa kelainan bila ada pelawat yg berkunjung ke blog kita.</div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif;">1) Login ke akaun blogger.com anda</div><div style="font-family: Verdana,sans-serif;"></div><br />
<div style="font-family: Verdana,sans-serif;">2) Pergi ke menu Layout--->Edit html</div><div style="font-family: Verdana,sans-serif;"></div><br />
<div style="font-family: Verdana,sans-serif;">3) Cari kod dibawah ini...</div><div style="color: red; font-family: Verdana,sans-serif;"><title><data:blog.pageTitle/></title></div><div style="font-family: Verdana,sans-serif;"></div><br />
<div style="font-family: Verdana,sans-serif;">4) Kemudian gantikan kod diatas tadi dengan kod dibawah ini...</div><div style="color: red; font-family: Verdana,sans-serif;"><b:if cond='data:blog.pageType == "item"'></div><div style="color: red; font-family: Verdana,sans-serif;"><title><data:blog.pageName/> | <data:blog.title/></title></div><div style="color: red; font-family: Verdana,sans-serif;"><b:else/></div><div style="color: red; font-family: Verdana,sans-serif;"><title><data:blog.pageTitle/></title></div><div style="color: red; font-family: Verdana,sans-serif;"></b:if></div><br />
<div style="font-family: Verdana,sans-serif;">5) Preview dulu hasil kerja anda.Jika tiada sebarang error yg muncul baru klik save.</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Jika masih kabur sila lihat contoh gambar dibawah atau lihat <a href="http://melayuboleh-2u.blogspot.com/2009/04/pelajar-melayu-cemerlang.html" target="_blank">blog ini</a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1HFKF_0eUKs/SfhioJsLekI/AAAAAAAAAvU/GJM_xiKKaFE/s1600-h/page+title.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><br />
<img alt="melayu boleh" src="http://2.bp.blogspot.com/_1HFKF_0eUKs/SfhioJsLekI/AAAAAAAAAvU/GJM_xiKKaFE/s400/page+title.jpg" style="height: 70px; width: 450px;" /><br />
<br />
<br />
<b>Keterangan</b><br />
<br />
<div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">1. bulatan merah menunjukkan tajuk posting anda.</div><div style="font-family: Verdana,sans-serif;">2. bulatan biru menunjukkan tajuk utama blog anda.</div><br />
<div style="font-family: Verdana,sans-serif;">Itu saja kali tips seo kali ini.Penulis nak terus mengkaji lagi tentang teknik-teknik seo ini.Sekian.</div><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com3tag:blogger.com,1999:blog-7701840050537975066.post-90081729968522593492009-04-24T08:13:00.000-07:002009-04-24T08:28:13.259-07:00Buat iklan adsense muncul lebih kerap<div face="Verdana,sans-serif" style="text-align: justify;">Tips adsense kali ini, penulis ingin menjawab pertanyaan dari seorang pengunjung bloginfotips ini iaitu saudara Mantra.<br /><br /></div><div face="Verdana,sans-serif" style="text-align: justify;"></div><div face="Verdana,sans-serif" style="text-align: justify;"><img alt="melayu boleh" src="http://1.bp.blogspot.com/_1HFKF_0eUKs/SfHTPlRnReI/AAAAAAAAAuU/mjEPqFbSo-w/s400/mantra.jpg" /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />Untuk kekalkan adsense ads di blog kita, tidak perlu guna apa-apa sofware, cukup hanya tambahkan kod di dalam adsense script.Apakah kod itu...<br /><br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Contoh dibawah adalah script adsense sebenar anda..<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;"><script type="text/javascript"><!--</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">google_ad_client = "pub-2625612173xxxxxx";</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">google_ad_host = "pub-15992710860xxxxx";</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">/* 160x600, created 7/14/08 */</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">google_ad_slot = "2325237081";</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">google_ad_width = 160;</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">google_ad_height = 600;</div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">//--></div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;"></script></div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;"><script </div><div style="font-family: Verdana,sans-serif; text-align: justify; color: rgb(0, 0, 0); font-weight: bold;">src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="color: rgb(0, 0, 0); font-weight: bold;"></script></span><br /><br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Apa yang anda perlu buat ialah tambahkan kod ini <span style="color: rgb(255, 0, 0);">[</span><span style="color: rgb(255, 0, 0);">google_language = "en";]</span>di bawah kod <span style="font-weight: bold;">google_ad_height = 600;</span> adsense anda.Maka script adsense anda akan jadi seperti dibawah ini.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);"><script type="text/javascript"><!--</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">google_ad_client = "pub-2625612173xxxxxx";</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">google_ad_host = "pub-15992710860xxxxx";</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">/* 160x600, created 7/14/08 */</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">google_ad_slot = "2325237081";</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">google_ad_width = 160;</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">google_ad_height = 600;</div><div style="color: rgb(255, 0, 0); font-family: Verdana,sans-serif; text-align: justify; font-weight: bold;">google_language = "en";</div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">//--></div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);"></script></div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);"><script </div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);">src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></div><div style="font-family: Verdana,sans-serif; text-align: justify; font-weight: bold; color: rgb(0, 0, 0);"></script></div><br /><span style="font-family: arial;">Nak RM 500?Sertai pertandingan <a target="_blank" href="http://melayuboleh-2u.blogspot.com/2009/04/pertandingan-seo-melayu-boleh.html">melayuboleh</a> sekarang juga. </span><br /><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Menambah sebarang kod atau mengubah suai kod adsense anda adalah amat menyalahi TOS google adsense.Penulis tidak bertanggungjawab sekiranya akaun adsense anda akan di banned.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com3tag:blogger.com,1999:blog-7701840050537975066.post-39414460349612184242009-04-23T11:02:00.000-07:002009-04-23T11:02:56.198-07:00Cabaran seo dengan keyword "melayu boleh"<div style="font-family: Verdana,sans-serif; text-align: justify;">Posting kali ini pendek sahaja...kerana penulis ingin memberi tumpuan pada cabaran Seo 2009-Melayu boleh.Pertandingan ini dianjurkan oleh IM yg tidak asing lagi iaitu sdr. <a href="http://www.afzaiafandi.com/index.php/archives/2009/04/17/keyword-melayu-boleh/#more-244" target="_blank">http://www.afzaiafandi.com/</a>.Syarat dan peraturannya boleh anda lihat di blog beliau.</div><br />
<div class="fullpost"><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Apa yang menarik adalah niat utama pertandingan ini ialah untuk menghapuskan unsur-unsur 18sx didalam page pertama google search dengan kata keywords "<b>melayu boleh"</b>.Dengan kata lain ,jika terdapat blog peserta yg tersenarai dalam top 10 google search dengan keyword <b>melayu boleh,</b> maka secara tidak langsung site yg berunsur 18sx ini akan jatuh kedudukannya.Dengan ini ianya akan memberi image yg baik pada pelawat jika mereka mencari keyword '<b>melayu boleh</b>'.Ini yg dikatakan beramal sambil berblog.</div><br />
<div style="font-family: Verdana,sans-serif; text-align: justify;">Penulis bukanlah seorang pakar seo, tetapi dah dinamakan cabaran jadi sahutlah demi mencabar diri sendiri.Hadiah yang ditawarkan juga lumayan...boleh bayar duit kereta..itupun kalau rank no.1.Baiklah jika berminat dan ingin turut serta, cepat-cepatlah buat blog anda dengan keyword m<b>elayu boleh</b>.Boleh lihat juga contoh blog penulis <a href="http://melayuboleh-2u.bogspot.com/" target="_blank">disini</a>.Jika anda telah ada blognya, boleh menghubungi penulis dan kita berkongsi pendapat seperti bertukar link, komen dan sebagainya untuk menaikkan rank blog kita pada kedudukan 10 terbaik di google search dengan keyword <b>melayu boleh</b>.</div><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; font-family: arial; font-size: 11px; text-align: justify;"><br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0tag:blogger.com,1999:blog-7701840050537975066.post-35012459883148636442009-04-20T09:21:00.000-07:002009-04-25T00:13:22.865-07:00The amazing people<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="font-family: courier new; color: rgb(204, 51, 204);">A</bt>nda kenal dengan <b>Susan Boyle</b>.Tak kenal!!!rugi..rugi.Anda tahu, beratus atau mungkin beribu orang yang sanggup menaja dan mempergunakan bakat yg ada padanya.Dan beliau telah menjadi sangat popular pada hari ini.Laman video youtube nya telah mencapai hits 33,570,00 pengujung dalam masa seminggu sahaja.Muncul juga banyak blog-blog mengenai beliau semata-mata mahu mengaut keuntungan samada dari clicbank,google adsense,affiliate dan bermacam lagi....</div><br /><div class="fullpost"><b><br /></b><br /><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Susan boyle</b> juga telah ditemuramah oleh CNN, Scotland tv, Amerika tv dan banyak lagi.Rasanya tak perlu penulis memperkatakannya.Anda lihat video dibawah ini dan pelajari moralnya.</div><div style="font-family: Verdana,sans-serif;"><a href="http://draft.blogger.com/goog_1240242325190"><br /></a></div><a href="http://www.youtube.com/watch?v=9lp0IWv8QZY&feature=related" target="_blank"><span style="font-family:Verdana,sans-serif;">Susan Boyle in Britain got talent</span></a><br /><br /><span style=";font-family:Times,";" ><b>Moralnya</b> : Jangan menilai orang dari luarannya dan merendahkannya sebelum kita mengenalinya dengan lebih dekat.</span><br /><br /><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com1tag:blogger.com,1999:blog-7701840050537975066.post-76314666164612226842009-04-15T09:16:00.000-07:002009-04-15T09:32:00.979-07:00Peel Away Ads<div face="Verdana,sans-serif" style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_1HFKF_0eUKs/SeYIv0MEePI/AAAAAAAAAtQ/9lFK2JCykdw/s1600-h/peel-crop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img src="http://4.bp.blogspot.com/_1HFKF_0eUKs/SeYIv0MEePI/AAAAAAAAAtQ/9lFK2JCykdw/s200/peel-crop.jpg" width="318" border="0" height="164" /></a></div>Pada minggu yg lepas, seorang lagi IM malaysia iaitu sdr. Mazlie telah melancarkan service terbarunya iaitu <a href="http://www.peelawayaddesignsetup.com/" target="_blank">Peel Away Ads</a> atau disebut juga <b>PagePeel</b>,<b> PageEar</b>, <b>Magic Corner</b> dan <b>PeelAd</b>. Apa jua istilah atau panggilannya itu tidak penting kerana yg amat penting adalah fungsinya iaitu menarik perhatian pelawat agar klik padanya.Iklan ini dapat menarik 27% klik,lebih banyak dari banner ads biasa.Anda boleh lihat dipenjuru kanan blog penulis (spt lipatan kertas).</div><div class="fullpost"><div face="Verdana,sans-serif" style="text-align: justify;"></div><div face="Verdana,sans-serif" style="text-align: justify;"><br /><br />Tapi sayang sekali kerana service berbayar yg ditawarkan oleh sdr Mazlie hanya untuk pengguna wordpress sahaje.Buat pengguna blogspot,telan air liur ajelah..he..he..Jangan susah hati kerana masih terdapat banyak sumber diinternet.Salah satu sumber (percuma) yg penulis telah mencubainya adalah <a href="http://www.webpicasso.de/blog/pageear-free-peel-away-ad/" target="_blank">webpicasso</a>.<br /><br /></div><div face="Verdana,sans-serif" style="text-align: justify;"></div><div face="Verdana,sans-serif" style="text-align: justify;">Meskipun percuma.. Peelaway nya tidak kalah dengan versi Peelaway berbayar, salah satu fungsi utamanya iaitu kemampuan Peelaway untuk menjalankan gambar dan suara sekaligus. Karena Peelaway dijalankan via Flash dan JavaScript based, jadi anda dapat menggunakannya pada platform (blog/site) apa saja, termasuk blogger/blogspot.</div><br /><div face="Verdana,sans-serif" style="text-align: justify;"><b>Fungsi Peelaway </b></div><ul style="font-family: Verdana,sans-serif; text-align: justify;"><li><b>NEW!</b> Pageear is scalable now. You can change the peel size 100×100 and 500×500 Pixel by your own. </li><li>Plays MP3-Files on startup, open and close of Pagepeel.</li><li>Possibility to leave peel open and wait for userklick to close. Close text is editable. </li><li>Place it on the left or right upper corner</li><li>Open and close automaticly after X seconds</li><li>Speed of the small pageear could be changed</li><li>Flashcheck (Adobe© Flash Detection)</li><li>Reflecting image on corner</li><li>Color of the pagecorner</li><li>Link target on external side or own (self, new)</li><li>Downwardcompatibly up to Flashversion 6</li><li>Runs on nearly all Browser (FireFox, InternetExplorer, Opera, Safari, etc.)</li></ul><br /><br /><div style="text-align: left; font-family: Verdana,sans-serif;"><b>Tutorial Cara Pasang Peel-Away</b>,pastikan anda telah ada hosting (free punya).<br /><br /></div><div face="Verdana,sans-serif" style="text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">1. Download dulu file <b>PageEar v1.4<br /><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">2. Kemudian Extrack file <b>pageear_v14.zip </b>di folder anda.Terpulang anda mahu version yang ke- berapa.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">3. Silahkan Edit File <b>pageear.js</b> (menggunakan notepad/wordpard)</div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Note: dalam file <b>pageear.js</b> inilah kod konfigurasi yang anda perlukan. Lihat kod yang diedit dengan warna merah.Selebihnya anda boleh pelajari di website tersebut.<br /><br /></div><div style="text-align: left; font-family: Verdana,sans-serif;"></div><div style="text-align: left;font-family:Verdana,sans-serif;"></div><div style="text-align: left;font-family:Verdana,sans-serif;">var pagearSmallImg = '<span style="color:red;">http://alamat-server-anda.com/pageear_s.jpg</span>';</div><div style="text-align: left;font-family:Verdana,sans-serif;"><br /></div><div style="text-align: left;font-family:Verdana,sans-serif;">var pagearSmallSwf = '<span style="color:red;">http://alamat-server-anda.com/pageear_s.swf</span>';</div><div face="Verdana,sans-serif" style="text-align: left;"><br /></div><div face="Verdana,sans-serif" style="text-align: left;">var pagearBigImg = '<span style="color:red;">http://alamat-server-anda.com/pageear_b.jpg</span>';</div><div face="Verdana,sans-serif" style="text-align: left;"><br /></div><div face="Verdana,sans-serif" style="text-align: left;">var pagearBigSwf = '<span style="color:red;">http://alamat-server-anda.com/pageear_b.swf</span>';</div><div face="Verdana,sans-serif" style="text-align: left;"><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><div style="text-align: left;">var jumpTo = '<span style="color:red;">http://alamatbloganda.com</span>'<br /></div><b><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sebenarnya masih banyak configurasi yang lain, selebihnya dibaca saja ya pada manualnya.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">4. Upload semua file yang ada dalam folder pageear_v14/pageear/ ke server milik anda (<a href="http://pages.google.com/">pages.google.com</a> , contoh hosting percuma)<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">5. Langkah akhir lakukan pemanggilan javascript, atau langsung copy paste aja kod dibawah ini. Jangan lupa menggantikan alamat url dibawah ditandai dengan warna merah dengan kepunyaan anda sendiri.</div><div face="Verdana,sans-serif" style="text-align: left;"><b><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: left;"><script language='javascript' src='<span style="color:red;">http://alamat-server-anda.com</span>/AC_OETags.js'/></div><div style="font-family: Verdana,sans-serif; text-align: left;"><script src='<span style="color:red;">http://alamat-server-anda.com</span>/pageear.js' type='text/javascript'/></div><div style="font-family: Verdana,sans-serif; text-align: left;"><script type='text/javascript'></div><div style="font-family: Verdana,sans-serif; text-align: left;">writeObjects();</div><div style="font-family: Verdana,sans-serif; text-align: left;"></script></div><br /><div style="font-family: Verdana,sans-serif;">Sebelum terlupa, letakkan script diatas tadi dibawah kod ini...<br /><br /></div><div style="color: rgb(0, 0, 0); font-family: Verdana,sans-serif; font-weight: bold;"></div><div style=";font-family:Verdana,sans-serif;color:magenta;"><span style="color: rgb(0, 0, 0); font-weight: bold;"><title><data:blog.pageTitle/></title></span><br /><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Sekian tutorial script kali ini...Amin<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">note:<a href="http://www.johnchow.com/" target="_blank">Johnchow</a>(5 angka sebulan pendapatannya) juga menawarkan service ini dengan harga USD37.Jika penulis hendak menawarkan service Peelaway ini..agaknya berapa yg patut penulis cajkan harganya..emm..emm...<br /></div><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com11tag:blogger.com,1999:blog-7701840050537975066.post-77108879930300364282009-04-12T08:33:00.000-07:002009-04-12T08:37:43.686-07:00Cari lagu/mp3 di google search<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="font-family: webdings; color: rgb(102, 255, 255);">P</bt>ada tutorial hack yg lepas, anda telah pelajari bagaimana cari file di <a href="http://bloginfotips.blogspot.com/2009/03/cari-file-di-rapidshare.html" target="_blank">Rapidshare</a> melalui search engine google.Mungkin ada yg telah mempratikkannya (cari lagu/mp3), namun masih belum diketemui.Baiklah,apakata anda cuba pula cara dibawah ini...<br /><br /></div><div face="Verdana,sans-serif"></div><div class="fullpost"><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">1) Login ke google.com<br /><br /></div><div face="Verdana,sans-serif"></div><div style="font-family: Verdana,sans-serif;">2) Taipkan perkataan dibawah ini didalam kotak pencarian</div><div face="Verdana,sans-serif" color="black" style=""><b><br /></b></div><div style="font-family: Verdana,sans-serif; color: black;"><b>?intitle:index.of? mp3 "<span style="color:red;">artist</span>" "<span style="color:red;">title</span>"<br /><br /></b></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Sebagai contohnya, katakan saya ingin mencari lagu nasyid, Sesungguhnya dari kumpulan Raihan , maka saya hanya perlu taip (seperti cth dibawah) dan klik search.</div><div style="font-family: Verdana,sans-serif;"><b><br /></b></div><div style="font-family: Verdana,sans-serif;"><b>?intitle:index.of? mp3 "<span style="color:red;">raihan</span>" "<span style="color:red;">sesungguhnya</span>".</b></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_1HFKF_0eUKs/SeIIce8vfJI/AAAAAAAAAtA/QgBGyYt9SRI/s1600-h/raihan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a> <a href="http://4.bp.blogspot.com/_1HFKF_0eUKs/SeIJDGQnjMI/AAAAAAAAAtI/2LYgis8Nl0g/s1600-h/raihan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://4.bp.blogspot.com/_1HFKF_0eUKs/SeIJDGQnjMI/AAAAAAAAAtI/2LYgis8Nl0g/s400/raihan2.png" border="0" /></a></div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><br />Mudah bukan...semoga bermanfaat.Amin</div><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com4tag:blogger.com,1999:blog-7701840050537975066.post-12183458356962768182009-04-10T22:46:00.000-07:002009-04-10T23:42:49.259-07:00Buat slide show image/photo<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="font-family: georgia; color: rgb(0, 153, 0);">B</bt>log info kembali lagi dengan tips bagaimana membuat gambar/photo dalam bentuk slide show.Slide show ini bukan dalam bentuk auto tetapi dalam bentuk manual.Ada button start,next,prev dan end.Fungsinya agar photo/image didalam blog anda dapat dikumpulkan dalam satu tempat dan ianya memudahkan pengunjung melayarinya.Nak tahu lebih lanjut, sila lihat contoh dibawah atau disebelah sidebar blog ini (itupun klu masih ada lagi)<br /><br /></div><div class="fullpost"><br /><div style="font-family:Verdana,sans-serif;"><b>Contoh :-<br /><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_1HFKF_0eUKs/SeA1rbAyFII/AAAAAAAAAsM/ilD6ZLf8IRc/s1600-h/test.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/_1HFKF_0eUKs/SeA1rbAyFII/AAAAAAAAAsM/ilD6ZLf8IRc/s320/test.jpg" border="0" /></a></div><br /><div face="Verdana,sans-serif"><b>Scriptnya :-</b></div><br /><div style="border: 0px none ; background: rgb(255, 255, 229) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 200px; text-align: left; width: 400px;"><script language=javascript><br /><span style="color:red;">var width = 250;</span><br /><span style="color:red;">var height = 100;</span><br />var imgAr1 = new Array();<br />var rImg1 = new Array();<br /><br /><span style="color:red;">imgAr1[0] = "dir1/image-1.jpg";</span><br /><span style="color:red;">imgAr1[1] = "dir1/image-2.jpg";</span><br /></script><br /><br /><table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;"><br /><img id=pic border=0><br /></td></tr><br /><tr><td><br /><table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;"><br /><td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td><br /><td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Next</a></td><br /><td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td><br /><td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td><br /><td align=center><a href="http://bloginfotips.blogspot.com" style="color: blue; text-decoration: none;<br />cursor:ponter; font-size: 13px;">&copy;H</a></td><br /></tr></table><br /></td></tr></table><br /><br /><script language=javascript><br /><br />for(var j = 0; j < imgAr1.length; j++)<br />{<br />rImg1[j] = new Image();<br />rImg1[j].src = imgAr1[j];<br />}<br /><br />document.onload = setting();<br /><br />var slide;<br />function setting()<br />{<br />slide = document.getElementById('pic');<br />slide.src = imgAr1[0];<br />slide.setAttribute("width",width);<br />slide.setAttribute("height",height);<br />}<br /><br />//Image or picture slide show using java script<br />//slideshow function<br />var picture = 0;<br />function slideshow(){<br />if(picture < imgAr1.length-1){<br />picture=picture+1;<br />slide.src = imgAr1[picture];<br />}<br />}<br /><br />function prev(){<br />if(picture > 0 ){<br />picture=picture-1;<br />slide.src = imgAr1[picture];<br />}<br />}<br /><br />function start(){<br />slide.src = imgAr1[0];<br />picture = 0;<br />}<br /><br />function end(){<br />slide.src = imgAr1[imgAr1.length-1];<br />picture = imgAr1.length-1<br />}<br /></script></div><br /><div face="Verdana,sans-serif"><b>Keterangan<br /><br /></b></div><div face="Verdana,sans-serif">1) Copy script diatas dan pastekan disidebar atau footer blog anda.<br /><br /></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">2) Untuk ubah saiz slide show, cari kod ini..</div><div color="black" face="Verdana,sans-serif"><b>var width = 250;</b></div><div color="black" face="Verdana,sans-serif"><b>var height = 100;<br /><br /></b></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">3) Untuk letakkan image/photo, cari kod ini..</div><div style=";font-family:Verdana,sans-serif;color:black;"><b>imgAr1[0] = "<span style="color:red;">dir1/image-0.jpg</span>";</b></div><div style=";font-family:Verdana,sans-serif;color:black;"><b>imgAr1[1] = "<span style="color:red;">dir1/image-1.jpg</span>";<br /><br /></b></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">Gantikan tulisan yang bertanda merah dengan alamat url image anda.Contohnya alamat url image penulis :</div><div face="Verdana,sans-serif"><span style="font-weight: bold;font-size:100%;" >imgAr1[0] = "</span><span style="font-weight: bold;font-size:100%;color:red;" >http://dino.hpa.googlepages.com/DSC00736_opt.jpg</span><span style="font-weight: bold;font-size:100%;" >";</span></div><div style="font-weight: bold;font-family:Verdana,sans-serif;"><span style="font-size:100%;">imgAr1[1] = "</span><span style=";font-size:100%;color:red;" >http://dino.hpa.googlepages.com/DSC00733_opt.jpg</span><span style="font-size:100%;">";</span><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">4) Jika anda hendak menambah bilangan imagenya, hanya tambah kodnya saje seperti <b>imgAr1[2] = "dir1/image-2.jpg";</b> <b>imgAr1[3] = "dir1/image-3.jpg";</b> dan seterusnya.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><span style="color:blue;">Ingatan</span>, upload dulu gambar/photo ke hosting anda dan dapatkan URL nya saje.Jika anda tidak mempunyai hosting atau tidak tahu caranya, ikuti <a target="_blank" href="http://bloginfotips.blogspot.com/2009/02/image-hosting.html">tutorial image hosting disini.<br /></a><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Tamat.amin...<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br /><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0tag:blogger.com,1999:blog-7701840050537975066.post-82193296246869793202009-04-05T10:01:00.000-07:002009-04-17T20:14:58.764-07:00Yahoo masengger icon<div style="font-family: Verdana,sans-serif; text-align: justify;"><a href="http://dinoerni.googlepages.com/36_4_2.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="96" src="http://dinoerni.googlepages.com/36_4_2.gif" width="96" /></a><bt style="font-family: Georgia,"Times New Roman",serif;">M</bt>ungkin dkalangan anda kerap menggunakan YM (yahoo mesengger) jika ingin berhubung bersama rakan dan taulan.Tetapi adakah rakan anda tahu samada anda sedang online atau tidak.Untuk tutorial widget kali ini penulis ingin senaraikan 16 icon yahoo mesengger yang boleh anda pasang diwebsite ataupun blog anda.</div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;">1) <a href="http://messenger.yahoo.com/download/" target="_blank">Download</a> yahoo mesengger(version 9.0) ke dlm pc anda.</div><div style="font-family: Verdana,sans-serif; text-align: justify;">2) Pasang script YM di blog anda.Tutorial pasang YM script boleh anda ikut di <a href="http://bloginfotips.blogspot.com/2008/12/menampilkan-yahoo-mesengger.html" target="_blank">sini</a>.</div><div style="font-family: Verdana,sans-serif; text-align: justify;">3) Nombor didalam script mewakili icon/gambar seperti rajah dibawah.Gantikan nombor di dalam script(warna <span style="color: #3333ff;">biru</span>) mengikut icon kegemaran anda</div><a href="http://4.bp.blogspot.com/_1HFKF_0eUKs/SelEZ9HJfvI/AAAAAAAAAto/TQIuni9YtA0/s1600-h/ym+maseenger.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5325863247034285810" src="http://4.bp.blogspot.com/_1HFKF_0eUKs/SelEZ9HJfvI/AAAAAAAAAto/TQIuni9YtA0/s320/ym+maseenger.jpg" style="cursor: pointer; float: left; height: 431px; margin: 0pt 10px 10px 0pt; width: 521px;" /></a><br />
<br />
Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com6tag:blogger.com,1999:blog-7701840050537975066.post-9407177912147863902009-04-05T08:01:00.000-07:002009-04-05T16:06:48.554-07:00Buat trick pada google images<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="background-color: rgb(255, 217, 102); font-family: lucida grande; color: rgb(255, 255, 255);">D</bt>ah lama penulis cari script bagaimana nak hack images pada google search ini.Baru malam ini penulis terjumpa cara buat hack ini.Nak tahu apa yang penulis maksudkan dengan hack pada google images ini.Baiklah penulis kongsikan bersama anda semua.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">1. Pergi ke google directory : <a href="http://www.google.com/" target="_blank">www.google.com</a>.Pilih <b>images</b>.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">2. Kemudian taipkan apa-apa saje seperti flowers , cats , dogs dan sbgnya, klik <b>google search</b>.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">3. Sekarang copy script dibawah dan pastekan di address bar,kemudian tekan <b>enter.<br /><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">See what happens.. (surprise for you...)</div><br /><div class="alert" style="font-family: Verdana,sans-serif; text-align: justify;">javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)</div><br /><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-size: 11px; text-align: justify;"><br />Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com5tag:blogger.com,1999:blog-7701840050537975066.post-9851971742335607192009-03-30T08:11:00.000-07:002009-04-02T21:44:02.167-07:00Font style setting<div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-family: lucida grande;font-size:85%;" ><bt style="color: rgb(255, 204, 0);">K</bt></span>enapa ntah sejak akhir-akhir ini penulis gemar bermain-main dengan font di blog ini.Jika anda sering berkunjung ke blog ini, pasti perasan ada sedikit perubahan tulisan samada pada header post,header sidebar (biru),tag cloud (kategori) atau feedburner (langganan percuma-oren).Perubahan itu dilakukan secara manual.Jika secara auto...bagaimana ya?</div><br /><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;">Cara auto??Itu hanya kata-kata penulis.Cuba lihat dibawah header, ada widget "FONT STYLE SETTING".Ada jenis font dan saiznya.Hanya pilih jenis font dan saiznya,maka perubahan tulisan akan berlaku dibahagian posting(main wrapper)dan kotak komen.Bahagian lain penulis tidak pasti pula,krn. coding setiap template kan berlainan.Baiklah ingin tahu cara memasangnya?</div><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Caranya amat mudah.Anda hanya perlu copy script dibawah dan pastekan di bahagian <b>page elemant / add a gadget</b> anda.Preview dulu dan lihat hasilnya.Jika tiada sebarabg error, klik save.Mudahkan.</div><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="100" style="height: 170px; width: 400px;" wrap="VIRTUAL"><script> function go1(){ if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value } } </script><br /> <form id="forma" name="selecter2" method="POST"><select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1"><br /> <option value="Times New Roman"/>Times New Roman<br /> <option value="Arial"/>Arial<br /> <option selected value="Book Antiqua"/>Book Antiqua<br /> <option value="Bookman Old Style"/>Bookman Old Style<br /> <option value="Century Gothic"/>Century Gothic<br /> <option value="Comic Sans Ms"/>Comic Sans Ms<br /> <option value="Tahoma"/>Tahoma<br /> <option value="Trebuchet Ms"/>Trebuchet Ms<br /> <option value="Verdana"/>Verdana<br /> </select><br /> <select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1"><br /> <option value="8px"/>8<br /> <option value="9px"/>9<br /> <option value="10px"/>10<br /> <option value="11px"/>11<br /> <option value="12px"/>12<br /> <option value="14px"/>14<br /> <option value="16px"/>16<br /> </select><br /> </form></textarea></div></form></div><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Bila <b>font style setting</b> widgetnya tidak berfungsi, ikuti langkah-langkah berikut:<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">1) Dari menu blogger klik <b>Layout</b>--><b>Edit HTML<br /><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">2) Cari kod :</div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">.post {</div><div style="font-family: Verdana,sans-serif; text-align: justify;">margin:0 0 10px 0;</div><div style="color: red; font-family: Verdana,sans-serif; text-align: justify;">font-family: Arial;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">background: #FFF;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">padding:10px;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">text-align:justify;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">border:1px solid #C0C0C0;</div><div style="font-family: Verdana,sans-serif; text-align: justify;">}<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">3) Hapus kode yang ini <b style="color: red;">font-family: Arial;</b> atau ada yang menggunakan font-family: Verdana; atau font-family: Times New Roman; asalkan kod font-family dihapuskan.<br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">* Selesai...Amin<br /><br /></div><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 11px; font-family: arial;">Note: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div><br /></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com3tag:blogger.com,1999:blog-7701840050537975066.post-32280137220467387212009-03-25T09:42:00.000-07:002009-04-02T16:18:19.033-07:00Buat background posting berlainan<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="color: rgb(0, 153, 0);">K</bt>adang-kala kita jadi bosan apabila melihat background posting kita tampak sama aje.Apa kata, kita beri sedikit kelainan pada background setiap posting yang kita buat.Baiklah, penulis akan tunjukkan cara bagaimana menambah warna dan gambar pada background posting dengan menggunakan kod css.Mari kita pelajari kod simple css ini. </div><br /><div class="fullpost"><br /><div style="font-family:Verdana,sans-serif;"><b>Background posting dengan warna<br /><br /></b></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">Ketika anda hendak mulai membuat postingan, pilih tab <b>Edit HTML </b>jangan pilih <b>Compose</b>. Mulai postingan dengan kod seperti ini : </div><div face="Verdana,sans-serif"></div><div style="color: red; font-family: Verdana,sans-serif;"><div style="background:#kod warna; text-align:justify/right/center/left; font-size:%/px/; font-family:verdana,times new roman dsbgnya"> </div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">kemudian taipkan teks anda dan diakhiri dengan kod <span style="color:red;"></div></span></div><br /><div style="font-family: Verdana,sans-serif;">contoh:<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: mistral; font-size: 24px; text-align: justify;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div><br /><div style="font-family: Verdana,sans-serif;">kodnya:<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><div style="background:#FFFFE5; text-align:justify; font-size:24px; font-family:mistral"> </div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div><div style="font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"></div></div><br /><br /><br /><div style="font-family: Verdana,sans-serif; text-align: justify;"><b>Background posting dengan gambar<br /><br /></b></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Sama juga seperti diatas..Semasa permulaan posting, pilih edit html (bukan compose) dan mulakan dengan kod dibawah ini.</div><br /><div style="color: red; font-family: Verdana,sans-serif;"><div style="background:url(alamat url gambar anda) no-repeat;"> </div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">kemudian taipkan teks anda dan diakhiri dengan kod <span style="color:red;"></div></span></div><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Sebagai contoh, saya ingin membuat posting dengan background image yang beralamat di h<b>ttp://dinoerni.googlepages.com/dinobloginfo.png</b>, background image ingin di letakkan di sebelah kanan atas posting tanpa <b>repeat</b>, <b>padding sebesar 10 pixel</b>, <b>font saiz 120%</b>.Seperti halnya pada background dengan warna, kod ini pun boleh anda tentukan sesuai dengan keinginan. </div><br /><div style="color: red; font-family: Verdana,sans-serif;"><div style="background:url(http://dinoerni.googlepages.com/bloginfotips.jpg) no-repeat right top; text-align:justify;font-family:verdana; font-size:120%; padding:10px"> </div><div style="font-family: Verdana,sans-serif; text-align: justify;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div><div style="color: red; font-family: Verdana,sans-serif;"></div><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Hasilnya:</div><br /><div style="padding: 10px; background: transparent url(http://dinoerni.googlepages.com/bloginfotips.jpg) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: verdana; font-size: 120%; text-align: justify;"><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. </div><br /><div style="text-align: justify;"><span style="font-family:verdana;">Amacam, simplekan.Ok cuba buat agar terus lekat diotak.Sebelum tu..mulakan dengan kalimah "Dengan nama Allah yang maha pengasih dan penyayang".Berkatilah ilmu ku ini.Amin.</span><br /></div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com7tag:blogger.com,1999:blog-7701840050537975066.post-40436939965092004382009-03-21T09:05:00.000-07:002009-04-04T09:36:17.560-07:00Buat ringtone sendiri<div style="font-family: Verdana,sans-serif; text-align: justify;"><a href="http://4.bp.blogspot.com/_1HFKF_0eUKs/ScUNOPUMP4I/AAAAAAAAAqs/7yYTkIXKlkc/s1600-h/ringtone.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img style="width: 206px; height: 117px;" src="http://4.bp.blogspot.com/_1HFKF_0eUKs/ScUNOPUMP4I/AAAAAAAAAqs/7yYTkIXKlkc/s320/ringtone.jpg" border="0" /></a><bt style="color: rgb(153, 0, 0); font-family: lucida grande;">M</bt>emang mudah.Laman web <a href="http://makeownringtone.com/" target="_blank">makeownringtone</a> menawarkan servis menyunting lagu dalam apa jua format lagu untuk dijadikan nada dering phone anda.Walaupun laman webnya kelihatan ringkas aje,tetapi servis yang ditawarkan 'boleh tahan'juga dan berguna.Anda boleh mengedit lagu kegemaran anda dan jadikannya sebagai nada dering eksklusif dan berlainan dari orang lain.</div><br /><div class="fullpost"><div style="font-family: Verdana,sans-serif; text-align: justify;">Anda boleh potong mana-mana bhg. lagu yang anda tidak mahu dan editkannya mengikut selera anda.Laman web ini juga menampilkan menu dan antaramuka yg mudah difahami.Terdapat butang lagu,butang pilihan,butang memain,dan sebagainya seperti anda memainkan pemain muzik yg lain.Yang penulis sukakannya, kerana laman web ini tidak perlu pendaftaran terlebih dulu dan yang pastinya ianya percuma.Layari dan godek-godeklah sendiri.<br /><br /><br /></div><div style="font-family: Verdana,sans-serif; text-align: justify;"></div><embed autostart="0" displaysize="2" enablecontextmenu="0" loop="true" name="RAOCXplayer" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" showcontrols="1" showstatusbar="0" src="http://dino.hpa.googlepages.com/ringtone3.mp3" type="application/x-mplayer2" width="310" height="70"></embed> </div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com2tag:blogger.com,1999:blog-7701840050537975066.post-14148702242485348262009-03-19T03:22:00.000-07:002009-04-02T21:45:59.018-07:00Bagaimana membuat Table diblog<div style="text-align: justify;"><span style="font-family:verdana;"><bt style="color: rgb(204, 51, 204); font-family: courier new;">T</bt>utorial html kali ini penulis ingin menunjukkan cara membuat table diblog.Membuat table tidaklah rumit jika menggunakan perisian programming seperti Nvu,frontage atau Dreamweaver.Tetapi perisian seperti itu hanya digunakan semasa membuat website atau minisite.Untuk pengguna blog, nak atau pun tak nak,wajib pelajari kod html "table"nya jika nak menggunakan table di dalam blog.Oklah let's learn the tutorial table dibawah.</span><br /></div><br /><div class="fullpost"><div style="text-align: justify;"><span style="font-family:verdana;">Secara asasnya,konsep table mestilah ada row="</span><b style="font-family: verdana;">TR"</b><span style="font-family:verdana;"> dan colum="</span><b style="font-family: verdana;">TD</b><span style="font-family:verdana;">".Seperti jadual wakru zaman persekolahan dulu.Ada masa,hari dan subjek.Tag "</span><b style="font-family: verdana;">TR</b><span style="font-family:verdana;">"(table row) dan tag "</span><b style="font-family: verdana;">TD</b><span style="font-family:verdana;">"(table colom/data) mesti diapplikasikan dengan tag </span><b style="font-family: verdana;"><TABLE>...</TABLE></b><br /></div><br /><div style="text-align: justify;">Baiklah, mari kita buat table ringkas yang mengandungi 4 nama orang dan extension nombornya.Lihat contoh dibawah...<br /></div><table><tbody><tr> <td>Deenoh</td> <td>1493</td> </tr><tr> <td>Zahari</td> <td>3829</td> </tr><tr> <td>Ismail</td> <td>8372</td> </tr><tr> <td>Haiqal</td> <td>4827</td> </tr></tbody></table>Kodnya:<br /><div class="alert"><TABLE><br /><TR> <TD>Deenoh</TD> <TD>1493</TD> </TR><br /><TR> <TD>Zahari</TD> <TD>3829</TD> </TR><br /><TR> <TD>Ismail</TD> <TD>8372</TD> </TR><br /><TR> <TD>Haiqal</TD> <TD>4827</TD> </TR><br /></TABLE></div><br />Untuk tablenya kelihatan menarik, kita akan tambah attribute "border" dan juga lebar table(width).<br /><b>border</b> = dalam nilai px / %<br /><b>width </b>= dalam nilai px / %<br /><br />contoh :<br /><table style="width: 300px;" border="1"><tbody><tr> <td>Deenoh</td> <td>1493</td> </tr><tr> <td>Zahari</td> <td>3829</td> </tr><tr> <td>Ismail</td> <td>8372</td> </tr><tr> <td>Haiqal</td> <td>4827</td> </tr></tbody></table><br />Kodnya :<br /><div class="alert"><TABLE width="300" border="1"><br /><TR> <TD>Deenoh</TD> <TD>1493</TD> </TR><br /><TR> <TD>Zahari</TD> <TD>3829</TD> </TR><br /><TR> <TD>Ismail</TD> <TD>8372</TD> </TR><br /><TR> <TD>Haiqal</TD> <TD>4827</TD> </TR><br /></TABLE></div><br />Sekarang kita hiasi tablenya dengan warna dan juga align teksnya supaya berada ditengah kotak table.<br /><b>attribute warna </b>= "bgcolor=kod warna"<br /><b>attribute align</b> = "TD align=left/center/right"<br /><br />contoh:<br /><table style="width: 300px;" bgcolor="black" border="1"><tbody><tr bgcolor="green"> <td align="center">Deenoh</td> <td align="center">1493</td> </tr><tr bgcolor="yellow"> <td align="center">Zahari</td> <td align="center">3829</td> </tr><tr bgcolor="blue"> <td align="center">Ismail</td> <td align="center">8372</td> </tr><tr bgcolor="white"> <td align="center">Haiqal</td> <td align="center">4827</td> </tr></tbody></table><br />Kodnya :<br /><div class="alert"><TABLE width="300" border="1" bgcolor="black"><br /><TR bgcolor="green"> <TD align="center">Deenoh</TD> <TD align="center">1493</TD><br /></TR><br /><TR bgcolor="yellow"> <TD align="center">Zahari</TD> <TD align="center">3829</TD> </TR><br /><TR bgcolor="blue"> <TD align="center">Ismail</TD> <TD align="center">8372</TD><br /></TR><br /><TR bgcolor="white"> <TD align="center">Haiqal</TD> <TD align="center">4827</TD><br /></TR><br /></TABLE></div><br />Jika anda perhatikan table ini, nampak seperti tidak lengkap kerana tiada tajuknya.Tajuk ini kita namakan <b>Table header</b>.Attribute table header adalah<b>TH</b>.<br /><br />contoh :<br /><table style="width: 300px;" bgcolor="black" border="1"><tbody><tr bgcolor="white"><th>Name</th> <th>Extension</th> </tr><tr bgcolor="green"> <td align="center">Deenoh</td> <td align="center">1493</td> </tr><tr bgcolor="yellow"> <td align="center">Zahari</td> <td align="center">3829</td> </tr><tr bgcolor="blue"> <td align="center">Ismail</td> <td align="center">8372</td> </tr><tr bgcolor="white"> <td align="center">Haiqal</td> <td align="center">4827</td> </tr></tbody></table><br />Kodnya :<br /><div class="alert"><TABLE width="300" border="1" bgcolor="black"><br /><TR bgcolor="white"> <TH>Name</TH> <TH>Extension</TH> </TR><br /><TR bgcolor="green"> <TD align="center">Deenoh</TD> <TD align="center">1493</TD><br /></TR><br /><TR bgcolor="yellow"> <TD align="center">Zahari</TD> <TD align="center">3829</TD> </TR><br /><TR bgcolor="blue"> <TD align="center">Ismail</TD> <TD align="center">8372</TD><br /></TR><br /><TR bgcolor="white"> <TD align="center">Haiqal</TD> <TD align="center">4827</TD><br /></TR><br /></TABLE></div><br /><div style="text-align: justify;">Sekarang, dengan lebih detail lagi kita boleh tambah tajuk utama table tersebut menggunakan fungsi "<b>Caption</b>".Disamping itu, tajuk header "TH" boleh diletakkan di ruangan table row"TR" atau table colum"TD" atau kedua-duanya.Lihat contoh dibawah..<br /></div><br /><table style="width: 450px;" align="center" border="1"><caption align="top"><b>JADUAL WAKTU</b></caption> <tbody><tr> <td><br /></td> <th>10 am - noon</th> <th>noon - 2 pm</th> <th>2 pm - 4 pm</th> </tr><tr> <th>Monday</th> <td>Home Ec</td> <td>Math</td> <td>Geography</td> </tr><tr> <th>Wednesday</th> <td>History</td> <td>Social Studies</td> <td>P.E.</td> </tr><tr> <th>Friday</th> <td>Music</td> <td>Peace Studies</td> <td>+Sleep</td> </tr></tbody></table><br />Kodnya :<br /><div class="alert"><TABLE align="center" width="450" border="1" ><br /><CAPTION align="top"><b>JADUAL WAKTU</b></caption><br /><TR> <TD>&nbsp;</TD><br /><TH>10 am - noon</TH><br /><TH>noon - 2 pm</TH><br /><TH>2 pm - 4 pm</TH><br /></TR><br /><br /><TR> <TH>Monday</TH><br /><TD>Home Ec</TD><br /><TD>Math</TD><br /><TD>Geography</TD><br /><br /><TR> <TH>Wednesday</TH><br /><TD>History</TD><br /><TD>Social Studies</TD><br /><TD>P.E.</TD><br /><br /><TR> <TH>Friday</TH><br /><TD>Music</TD><br /><TD>Peace Studies</TD><br /><TD>Sleep</TD><br /><br /></TABLE></div><br /><div style="text-align: justify;">Oklah..rasanya cukup takat ni aje.Jejari penulis pun rasa sebal semacam.Sebenarnya banyak lagi yang penulis ingin isikan dalam tutorial buat table ini.Kita akan bersambung nanti..tunggu..<br /></div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com2tag:blogger.com,1999:blog-7701840050537975066.post-64998475523211444442009-03-17T10:15:00.000-07:002009-04-02T21:41:26.448-07:00Buat URL blog dan tajuk post berjalan<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="color: rgb(0, 153, 0); font-family: webdings;">P</bt>ernahkah anda berkunjung ke blog lain dan melihat URL blog atau tajuk postingnya berjalan.Anda rasa hairan dan unik..bukan!Anda ingin tahu cara membuatnya.Baiklah ikuti tutorial hack dibawah ini.Hanya copy dan paste aje scriptnya.Sebelum itu lihat dulu <a href="http://bloginfotips.blogspot.com/2009/02/marquee-html-code.html" target="_blank">tutorial marquee</a> untuk menambah pengetahuan.<br /><br /></div><div style="font-family:Verdana,sans-serif;"></div><div class="fullpost"><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif"><b>Tutorial 1<br /><br /></b></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">1) login ke blog anda, kemudian pilih<b> Layout-->Edit html </b>dan jangan lupa klik pada <b>Expand Widget Template.<br /><br /></b></div><div face="Verdana,sans-serif"></div><div face="Verdana,sans-serif">2) Cari kod dibawah ini.Jika tak ketemu..gunakan <span style="color:blue;">Ctrl + F</span> untuk cari kod tsb.Cari seberapa mungkin atau yang seiras dengannya.<br /><br /></div><div face="Verdana,sans-serif"></div><div style="color: red; font-family: Verdana,sans-serif;"><title><data:blog.pageTitle/></title><br /><br /></div><div face="Verdana,sans-serif"></div><div style="font-family: Verdana,sans-serif;">3) Kemudian delete kod tersebut dan gantikan dengan script dibawah ini.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><b:include data='blog' name='all-head-content'/></div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><script language='JavaScript'></div><div style="color: red; font-family: Verdana,sans-serif;">var txt="<data:blog.pageTitle/>";</div><div style="color: red; font-family: Verdana,sans-serif;">var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;</div><div style="color: red; font-family: Verdana,sans-serif;">txt=txt.substring(1,txt.length)+txt.charAt(0);</div><div style="color: red; font-family: Verdana,sans-serif;">segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</div><div style="color: red; font-family: Verdana,sans-serif;"></script></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><br />4) Klik <b>preview</b> dulu, jika tiada sebarang <b>error</b>, barulah save hasil kerja anda.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Lihat <a href="http://pelajari-blog.blogspot.com/" target="_blank">blog ini </a>untuk lihat contoh hasilnya.<br /><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><b>Tutorial 2<br /><br /></b></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Tutorial hack dibawah ini pula adalah untuk membuat <b>Tajuk Posting blog</b> berjalan.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">1) Ikuti <b>langkah satu</b> seperti diatas.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">2) Kemudian cari kod seperti dibawah ini.Cari yang semirip mungkin kerana setiap template berbeza kodnya kerana ada yang telah dimodified.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><b:if cond='data:post.title'></div><div style="color: red; font-family: Verdana,sans-serif;"><h3></div><div style="color: red; font-family: Verdana,sans-serif;"><b:if cond='data:post.url'></div><div style="color: red; font-family: Verdana,sans-serif;"><a expr:href='data:post.url'><data:post.title/></a></div><div style="color: red; font-family: Verdana,sans-serif;"><b:else/></div><div style="color: red; font-family: Verdana,sans-serif;"><data:post.title/></div><div style="color: red; font-family: Verdana,sans-serif;"></b:if></div><div style="color: red; font-family: Verdana,sans-serif;"></h3></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><br />Dah ketemu, jika sudah, copy kod dibawah ini dan pastekan diatas kod <span style="color:red;"><h3></span></div><div style="font-family: Verdana,sans-serif;"></div><div style="color: blue; font-family: Verdana,sans-serif;"><br /><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><br />3) Kemudian copy dan pastekan kod penutup <span style="color:blue;"></marquee></span> ini dibawah kod <span style="color:red;"></h3></span></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><br />4) Hasil sebenarnya akan jadi seperti dibawah ini..<br /><br /></div><div style="color: red; font-family: Verdana,sans-serif;"></div><div style="color: red; font-family: Verdana,sans-serif;"><b:if cond='data:post.title'></div><div style="color: blue; font-family: Verdana,sans-serif;"><marquee align="center" direction="left" height="200" scrollamount="2" width="100%"></div><div style="color: red; font-family: Verdana,sans-serif;"><h3></div><div style="color: red; font-family: Verdana,sans-serif;"><b:if cond='data:post.url'></div><div style="color: red; font-family: Verdana,sans-serif;"><a expr:href='data:post.url'><data:post.title/></a></div><div style="color: red; font-family: Verdana,sans-serif;"><b:else/></div><div style="color: red; font-family: Verdana,sans-serif;"><data:post.title/></div><div style="color: red; font-family: Verdana,sans-serif;"></b:if></div><div style="color: red; font-family: Verdana,sans-serif;"></h3></div><div style="color: blue; font-family: Verdana,sans-serif;"></marquee><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">5) Klik <b>perview</b> dulu.Jika tiada sebarang error dan berpuas hati, <b>save </b>hasil kerja anda.<br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Selesai n selamat mencuba.<br /><br /><br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;"><b>Note</b>: Jika anda telah mempelajari tutorial diblog ini dan berjaya diapplikasikan diblog anda, harap dapat beri kredit pada blog ini dengan hanya memberi sepatah komen.</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com6tag:blogger.com,1999:blog-7701840050537975066.post-77180842752892385612009-03-15T08:53:00.000-07:002009-04-02T21:43:08.921-07:00Membuat kotak blogroll<div style="font-family: Verdana,sans-serif; text-align: justify;"><bt style="font-family: georgia; color: rgb(51, 255, 255);">T</bt>utorial kali ini penulis ingin menunjukkan cara membuat kotak blogroll atau skrol menggunakan kod html.Fungsinya sebagai tempat simpan bagi label/kategori posting anda yang dah terlalu banyak/panjang.Kalau label/kategorinya dah panjang berjela-jela nampak tak sedap mata memandang.Tanpa basa-basi lagi kita terus ke tutorialnya</div><br /><div class="fullpost"><br /><b>Blogroll tanpa border</b><br /><br /><div style="border: 0px solid rgb(255, 255, 194); overflow: auto; height: 100px; width: 400px;"><ul><li><a href="http://url-blog-1/">Tekslink-1</a></li><li><a href="http://url-blog-2/">Tekslink-2</a></li><li><a href="http://url-blog-3/">Tekslink-3</a></li><li><a href="http://url-blog-4/">Tekslink-4</a></li><li><a href="http://url-blog-5/">Tekslink-5</a></li></ul></div><br /><div style="font-family: Verdana,sans-serif;">Kodnya</div><div class="alert"><div style="overflow:auto;width:400px;height:100px;border:0px solid #FFFF00"><br /><ul><br /><li><a href="http://URL-Blog-1">Tekslink-1</a></li><br /><li><a href="http://URL-Blog-2">Tekslink-2</a></li><br /><li><a href="http://URL-Blog-3">Tekslink-3</a></li><br /><li><a href="http://URL-Blog-4">Tekslink-4</a></li><br /><li><a href="http://URL-Blog-5">Tekslink-5</a></li><br /></ul><br /></div></div><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Jika anda mahu bordernya kelihatan, tukarkan nilai border:0px ke 1px.Lebih tinggi nilai px lebih tebal bordernya</div><br /><div style="font-family: Verdana,sans-serif;">Hasilnya</div><br /><div style="border: 2px solid rgb(255, 255, 194); overflow: auto; height: 100px; width: 400px;"><ul><li><a href="http://url-blog-1/">Tekslink-1</a></li><li><a href="http://url-blog-2/">Tekslink-2</a></li><li><a href="http://url-blog-3/">Tekslink-3</a></li><li><a href="http://url-blog-4/">Tekslink-4</a></li><li><a href="http://url-blog-5/">Tekslink-5</a></li></ul></div><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Jika anda mahu letakkan gambar/warna bagi background blogroll,tambahkan kod background:#EDEDED selepas kod solid #FFFF00;</div><br /><div style="font-family: Verdana,sans-serif;">Hasilnya</div><div style="border: 2px solid rgb(255, 255, 194); background: rgb(237, 237, 237) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 100px; width: 400px;"><ul><li><a href="http://url-blog-1/">Tekslink-1</a></li><li><a href="http://url-blog-2/">Tekslink-2</a></li><li><a href="http://url-blog-3/">Tekslink-3</a></li><li><a href="http://url-blog-4/">Tekslink-4</a></li><li><a href="http://url-blog-5/">Tekslink-5</a></li></ul></div><br /><p class="alert"><div style="overflow:auto;width:400px;height:100px;border:2px solid #FFFF00;background:#EDEDED">#####</div></p><br /><div style="font-family: Verdana,sans-serif; text-align: justify;">Jika anda mahu Tekslinknya berada ditengah,kiri atau kanan, cukup tambahkan kod text-align: left/center/right</div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Hasilnya</div><br /><div style="border: 2px solid rgb(255, 255, 194); background: rgb(237, 237, 237) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 100px; text-align: center; width: 400px;"><ul><li><a href="http://url-blog-1/">Tekslink-1</a></li><li><a href="http://url-blog-2/">Tekslink-2</a></li><li><a href="http://url-blog-3/">Tekslink-3</a></li><li><a href="http://url-blog-4/">Tekslink-4</a></li><li><a href="http://url-blog-5/">Tekslink-5</a></li></ul></div><br /><p class="alert"><div style="overflow:auto;width:400px;height:100px;border:2px solid #FFFF00;background:#EDEDED;text-align:center">####</div></p><br /><div style="font-family: Verdana,sans-serif;"><b>Keterangan</b></div><div style="text-align: justify;"></div><div style="font-family: Verdana,sans-serif; text-align: justify;">Anda boleh dan harus mengubah <b>width(lebar)</b>, <b>heigh(tinggi)</b>, b<b>order(nilai px)</b>, <b>background(#warna)</b> dan t<b>ext-align(left,right,center)</b>bergantung dimana anda letakkan blogroll tersebut dan mengikut kesesuaian .<br /></div><div style="font-family: Verdana,sans-serif;"></div><div style="font-family: Verdana,sans-serif;">Selesai</div></div>adminhttp://www.blogger.com/profile/09301330739063984372noreply@blogger.com0