Kini ada Wajah Baru

Salam..lepas seharian suntuk menelaah linux box ni..akhirnya

Apa Itu Blogumus?

Blogumus adalah satu "tag cloud" label yang dibangunkan oleh Roy Tanck's WP cumulus untuk plugin Wordpress. Walaupun berapa banyak pun label yang anda ada, dengan blogumus, pasti senarai itu tidak akan menjela-jela. Hanya lalukan cursor mouse anda dan ia akan berjalan sendiri. Blog aku pun ada, boleh scroll ke bawah kalau nak tengok

Macam mana ia dibina?

Widget ini dibina menggunakan skrip java dan juga flash yang mempunyai animasi memaparkan label-label blog anda. Dengan hanya sekali copy and paste sahaja, ia terus boleh digunakan tanpa perlu diubah sana sini. Sudah tentu apa yang perlu anda ada ialah browser internet yang menyokong fungsi flash dan juga java.

Macam mana nak install dalam blog?

Senang sangat, hanya copy and paste, mungkin anda perlu ubah warna mengikut kesesuaian blog anda. Pergi ke Layout ---> Edit HTML di dashboard blog anda dan cari phrase yang serupa atau lebih kurang sama dengan ini. (tekan Ctrl + F untuk firefox)

<b:section class='sidebar' id='sidebar' preferred='yes'>

Sebaik sahaja jumpa seperti diatas, pastekan code ini

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Selepas itu, anda boleh preview dan ubah mana yang perlu.

Mengubah ciri-ciri blogumus.

Dalam code yang diberi tadi, secara asalnya, blogumus anda adalah

• background putih
• test color adalah kelabu
• lebar 240px
• tinggi 300px
• saiz font "12"

jika anda rasa anda ingin mengubahnya mengikut blog anda, anda perlu cari phrase ini.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

yang berwarna merah itu adalah lebar blogumus itu dan biru itu pula adalah sebaliknya, #ffffff itu adalah warna background "putih". Manakala untuk warna tulisan pula anda cari code ini

so.addVariable("tcolor", "0x333333");

333333 itu adalah warna kelabu. Tukarkan ikut kesesuaian anda.
Selamat berjaya.

Additional Info About Blogger

Salam..huhu~ okay, masalh nih aku pun pernah hadapi waktu mula-mula nak tukar layout untuk blog aku. Untuk pengetahuan korang pihak Blogspot dah tukar format HTML diorang yang dulu (lama) kepada format yang baru yang lebih (ntah aku pun tak tau) bagus kot maybe..hahhaa. Okay, sebab tuh la layout yang ada kat Blogskins tuh tak boleh nak apply ngan format sekarang tapi dulu boleh la. Okay, jangan risau... allrite, mula-mula korang pergi dekat dashboard korang. Click template. Then akan keluar la satu page untuk korang edit kan layout blog korang.

Kalau korang pakai layout yang sedia ada. Page yang akan keluar memang user-friendly la. Senang nak edit, tapi untuk mendapatkan satu layout yang cun serta canggih dan
lawa korang kena tekan edit HTML kat dashboard tuh. Then korang pegi kat bottom left page tuh ada macam nih.


Okay, korang tekan la "revert to classic template". Then akan keluar satu lagi page yang untuk editing HTML jugak. Dekat situlah korang paste kan code HTML yang tadi tuh. Okay, kalau ada apa2 prob lagi just leave me a message okay. Senang je . Selamat Mencuba!

Cara-cara membuat blog anda menjadi cantik

salam..as requested by some readers..aku telah buat keputusan macam mana nak buat blog korang cantik dan lawa serta canggih manggih instead of using custom template yang diberikan oleh pihak Blogspot. Macam korang tahu, bila kita buat blog..tak kira la pakai Blogspot ke, pakai Wordpress ke atau pun Moveable Type. Korang akan diberi pelbagai pilihan custom template (skin blog ) yang memang sedia ada dibuat untuk customers diorang dan design tuh bagi aku biasa je la. Some readers tertanye-tanye mcam mana dan di mana aku dapat template yang lawa ni untuk blog aku.


Setiap blog template ni dibina dengan format script yang itu dalam bentuk HTML, XHTML ataupun CSS. Aku bukan la tau sangat pun tapi just belajar sendiri. So hari ni kita kongsi sama-sama pengetahuan tuh untuk semua. Okay, korang try dulu masuk laman web nih
Blogskins.


So, atas ni screenshots yang ada dalam laman web tu. Semua skins ataupun template ni adalah free of charge. Tiada duit ataupun kad kredit yang diperlukan. Semua ni disumbangkan oleh komuniti blogger macam kita jugak. Aku nak belajar jugak tapi tak khatam lagi. So korang just pilih je mana-mana skins yang korang suka.


Okay, katalah korang suka skin nih. Macam biasa la, klik kat situ ( More detail about the skins).
Nanti akan keluar lagi satu page. Korang baca apa yang dia tulis, scroll ke bawah. Korang cari yang ada macam ni.


Korang click la "Download as " Blogger ke, Xanga ke, Moveable type ke. Ikut korang la. Okay, bila dah download korang akan receive satu file notepad yang ada tulih macam ni

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><br /> <br /> <head><link rel="shortcut icon" href="http://i47.photobucket.com/albums/f170/baang76/favicon-2.jpg"><br /> <link rel="icon" href="http://i47.photobucket.com/albums/f170/baang76/favicon-2.jpg"><br /> <meta equiv="Content-Language" content="en-us"><br /> <meta equiv="Content-Type" content="" charset="<$BlogEncoding$">" /><br /> <title>predictthislastscene|theEPICbegins </title><br /> <meta name="keywords" content="damien lockheart, blog"><br /> <meta name="author" content="Damien Ng (Damien Lockheart)"><br /> <style type="text/css"><br /> <br /> /**********************************************************************************<br /> PREDICTABLE LAST SCENE - without you anymore -<br /> Blogger Template by Damien Lockheart<br /> -----------------------------------------------------------------------------------<br /> FIRST EDITION (2007.05.16)<br /> -----------------------------------------------------------------------------------<br /> Designer's Contact damien.spec@gmail.com<br /> Designer's Portfolio dlh-folio.blogspot.com<br /> -----------------------------------------------------------------------------------<br /> CSS RELEASED UNDER CREATIVE COMMONS LICENSE<br /> -----------------------------------------------------------------------------------<br /> All associated graphics copyright 2006-2007, Damien Ng Xuan Wei.<br /> http://creativecommons.org/licenses/by-nc-sa/2.5/<br /> **********************************************************************************/<br /> <br /> /*---------------START OF DO NOT EDIT---------------*/<br /> <br /> body { background: #1E2121 url(http://i233.photobucket.com/albums/ee100/dlh-folio/BS20/20_background.jpg) repeat-x top; font-family: 'Lucida Grande', Verdana, Arial; font-size: 11px; margin: 0; padding: 0;}<br /> #navbar-iframe { height: 0px; visibility: hidden;}<br /> #page { position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%;}<br /> #therest { width: 600px; height: 500px; margin: 0px auto 0px; padding: 0; position: relative; top: 0px; left: 0px; font-family: Helvetica, Arial, Sans-Serif; color: #646E6E; text-align: justify;}<br /> #headerimage { position: absolute; margin: 0; padding: 0; top: 0; left: -20px; width: 489px; height: 400px; background: url(http://i233.photobucket.com/albums/ee100/dlh-folio/BS20/20_banner.jpg);}<br /> #navigation { position: absolute; margin: 0; padding: 0; top: 298px; left: 472px; width: 119px; height: 20px; font-size: 11px; font-weight: normal; text-align: left; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; font-family: Helvetica, Arial, Sans-Serif; color: #FFF; cursor: default; opacity: .4; filter: alpha(opacity=40);}<br /> #navigation a { color: #FFF; text-decoration: none;}<br /> <br /> <br /> <br /> /*---------------END OF DO NOT EDIT---------------*/<br /> <br /> h1, h2, h2 a, h3, h4, h5 { text-transform: lowercase; cursor: default;}<br /> h1 { font-family: Arial; font-size: 14px; font-weight: bold; color: #467F88; padding: 0 0 9px 0; margin: 0; text-align: center;}<br /> h2, h2 a { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #FFF; padding: 0 0 15px 0; margin: 0; letter-spacing: 2px; text-align: center;}<br /> h3 { font-family: Arial; font-size: 16px; font-weight: normal; color: #C7C7C7; padding: 0 0 9px 0; margin: 0;}<br /> a { text-decoration: none; }<br /> <br /> <br /> #posts { position: absolute; margin: 0; padding: 0; top: 360px; left: 50px; width: 500px; line-height: 150%;}<br /> #entrybody blockquote { padding: 5px; margin: 0 10px 0 10px; font-size: 10px; font: tahoma; color: #555555; text-align: justify; background: #232323; border: 1px #555 solid;}<br /> #entrybody a { color: #276673; border-bottom: 1px solid #4D5354;}<br /> #entrybody a:hover { color: #8B9DA1; border-bottom: 1px solid #4D5354; background: #313637;}<br /> <br /> #entrybody .blogger-labels { text-transform: lowercase; font-size: 10px; color: #b3b3b3; width: 100%; text-align: right;}<br /> #entrybody .blogger-labels a { color: #657474;}<br /> #entrybody .blogger-labels a:hover { color: #FFF;}<br /> <br /> #entryfooter { border-top: 1px dotted #414347; padding: 5px 0 20px 0; margin: 5px 0 0 0; text-align: right; color: #b3b3b3;}<br /> #entryfooter a { color: #b3b3b3; text-decoration: none;}<br /> <br /> #flips a { font-family: 'Lucida Grande', Verdana, Arial; font-size: 11px; color: #646E6E; text-decoration: none; border-bottom: none; background: none;}<br /> #flips a:hover { color: #FFF;}<br /> <br /> #addinfo a { color: #467F88; text-decoration: none;}<br /> <br /> #entrybody img { position: relative; display: inline; background-color: #2B2C2F; border: 1px solid #2B2C2F; padding: 3px 3px 8px 3px;}<br /> #entrybody img.left { float: left; margin: 0 7px 2px 0;}<br /> #entrybody img.right { float: right; margin: 0 0 2px 7px;}<br /> <br /> #cboxmain { border: 1px solid #414347; border-right: 0; width: 280px; height: 250px; padding: 0; margin: 0;}<br /> #cboxform { border: 1px solid #414347; width: 200px; height: 250px; padding: 0; margin: 0;}<br /> </style><br /> </head><br /> <body><br /></script><br /> <div id="page"><br /> <div id="therest"><br /> <div id="headerimage"></div><br /> <br /> <div id="navigation"><br /> <a href="#" onclick="document.getElementById('posts').innerHTML=document.getElementById('about').innerHTML" title="You think you know me?" alt="About Me">me</a> <a href="#" onclick="document.getElementById('posts').innerHTML=document.getElementById('home').innerHTML" title="Read 'em!" alt="Posts">posts</a> <a href="#" onclick="document.getElementById('posts').innerHTML=document.getElementById('tagboard').innerHTML" title="Tag and Check!" alt="Tags">tag</a> <a href="#" onclick="document.getElementById('posts').innerHTML=document.getElementById('links').innerHTML" title="The Crossroad!" alt="Links">links</a></div><br /> <br /> <div id="posts"><br /> <script>function changeNavigation(id) {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}</script><br /> <div id="entry"><br /> <span id="entrybody">i walk alone and you know</span><br /> <div id="entryfooter">believe in what i am and not just what i do</div><br /> </div><br /> </div><br /> <br /> </div><br /> </div><br /> <br /> <div id="home" style="display: none"><br /> <blogger><br /> <div id="entry"><br /> <blogdateheader><h1><span><$BlogDateHeaderDate$></span></h1></blogdateheader><br /> <blogitemtitle><h2><a href="">" title="<$BlogItemTitle$>"><span>* <$BlogItemTitle$> *</span></a></h2></blogitemtitle><br /> <span id="entrybody"><$BlogItemBody$></span><br /> <div id="entryfooter"><span><$BlogItemDateTime$> | <blogitemcommentsenabled><a href="">" <$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a></blogitemcommentsenabled></span></div><br /> </div><br /> </blogger><br /> </div><br /> <br /> <div id="tagboard" style="display: none"><br /> <div id="flips"><br /> <div align="center"><br /> <!-- BEGIN CBOX - www.cbox.ws --><br /><div align="center" id="cboxdiv"><br /><iframe frameborder="0" width="160" height="305" src="http://www2.cbox.ws/box/?boxid=1085743&boxtag=9368&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/><br /><iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1085743&boxtag=9368&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe><br /></div><br /><!-- END CBOX --><br /> <br /><br /> </div><br /> </div><br /> </div><br /> <br /> <div id="about" style="display: none"><br /> <div id="flips"><br /> <div align="center"><br /> <h3>faiz | ba'ang</h3><br /> 18thn | gitaris | designer<br /><br /> <br /><br /> </div><br /><!-- BlogCounter Code START --><br /><p><a href="http://blogcounter.com/" id="bclink" title="Blog counter"><span id="bccount" style="font-size:8px">Free Blog Counter</span></a></p><script type="text/javascript" src="http://blogcounter.com/js.php?user=baang76&style=1"></script><noscript><p><a href="http://blogcounter.com/"><img style="border: 0px;" alt="Blog counter" src="http://blogcounter.com/log.php?id=baang76&=st=img&showme=y" /></a> - <a href="http://www.gimahhot.de/m700-10478-0-0-0-0/lentz-home-design.html">Lentz Home Design</a></p></noscript><br /><!-- BlogCounter Code END --><br /> </div><br /> </div><br /> <br /> <div id="links" style="display: none"><br /> <div id="flips"><br /> <div align="center"><br /> <h3>friends</h3><br /> <a href="http://www.daylockheart.com" title="Designer's Blog">DLH</a><br /> <a href="http://dlh-folio.blogspot.com" title="DLHfolio: a collection of blog-skins">folio</a><br /> <a href="http://www.friendster.com/faiz76" title="frenster-me">frenster-me</a><br /> <a href="http://technorati.com/faves?sub=addfavbtn&add=http://tukangtaip76.blogspot.com">Add to Technorati Favorites</a><br /><br /><br /><br /><br /><br /> <br /><br /> <br /> <h3>Archive</h3><br /> <script type="text/javascript"><br /> var archives = new Array();<br /> <br /> <bloggerarchives><br /> archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');<br /> </bloggerarchives><br /> <br /> for (var i=archives.length-1;i>=0;i--)<br /> {<br /> document.write('<a href="' + archives[i][0] + '">' + archives[i][1] + '</a><br />');<br /> }<br /> </script><br /> </div><br /> </div><br /> </div><br /> </body><br /> </html>

Code macam ni la yang perlu korang copy dan paste kan dalam code HTML template blog korang. Sebarang pertanyaan just leave me a message okay kat shoutbox tuh.

Selamat mencuba.

Cara-Cara Ambil Screenshots Window

Difficulty: Senang Jer
Time Required: 1 minit


Cara-caranya:

1. Tekan butang Print Screen pada keyboard korang. Kadangkala butang nih die tulih [PrtScn].

2. Buka program image editing, Macam Microsoft Paint, Microsoft Photo Editor atau Adobe Photoshop.

3. Tekan Edit dan tekan paste Paste.

4. Besarkan atau kecikkan ikut suka hati korang

5. Optional: Crop la memane yang tak suka tuh pakai crop tool
(selalu ada dalam program image editing).

6. Save lah

7. Dah siap....

Tips-Tips:

1. Tekan lama2 Alt key sambil sebelah jari menekan Print Screen untuk gambar active window sahaje.

2. Selalunye GIF format sesuai untuk menyimpan screen shots windows. JPEG format selalu menjadikan screen shots (especially yang ada ayat) blurry, blotchy atau discolored.

3. Kalau windows Vista, lagi senang sebab capture screenshots pakai Snipping Tool je memang dah included dalam Vista.

4. Selamat MENCUBA!

Cara-Cara Berniaga Di eBay

salam...kali nih aku nak cerita sket pasal eBay nih..okay..ebay nih adalah suatu tempat yang mana orang dari seluruh pelusuk dunia datang berniaga secara online kat sini..cara ebay nih beroperasi senang jer..korang list kan item yang korang nak jual tuh..pastuh set kan harga..nama..berapa lama nak listkan dalam eBay..cara pembayaran..contohla

Item: Nokia 5300
Price: RM440.00
Method Of Paying: COD; Bank Draft; PayPal
Listing Period: 10 days




korang bleh tengok sendiri. Semua perkhidmatan dier free of charge. So, just ikut korang la macam maner nak deal ngan pelanggan korang.

Tips-Tips

1. Gunakan tag ataupun keyword yang bombastik untuk item korang (cth: nasilemaksambalsotong lebih baik daripada nasilemak)

2. Letakkan harga yang munasabah. Jangan terlampau mencekik darah. Untuk item listing seperti phones ataupun PC korang boleh rujuk harga kat Low Yat punya website.

3. Jual lah barang-barang yang popular dan susah didapati di kedai berhampiran (cth: tikar sarawak)

4. Cara untuk bayaran sama ada korang nih penjual ke, pembeli ke gunalah PayPal ataupun Bank Draft atau COD (cash On Delivery) .Pada pendapat aku semua cara nih agak selamat la.


5. Selamat berniaga. ;D

Favicon Pada Address URL

Salam...kalau anda semua perasan..pada alamat blog aku nih ada ikon yang bergerak-gerak..lawakan..sure anda semua nak satu letak dekat korang nyer blog..nih name dier FAVICON . Favicon nih yang setiap laman web yang popular sure ada satu. macam Friendster, Myspace, Youtube dan macam aku punya plak korang boleh tengok pada alamat blog nih kat atas

Sebab-Sebab Anda Perlu Ada Favicon

1. Website anda jadi senang diingati
2. Website anda ada style
3. Website anda branded

Senang je cara buat dier.

1 First,
Cari apa-apa gambar yang korang suka untuk dijadikan favicon.

2 Second
Uploadkan korang punyer favicon tuh dalam laman web nih favicon.ico . Dekat laman web nih korang boleh adjust color dier supaya jadi lebih cantik.

3 Third
Ikut arahan selanjutnya. Selamat mencuba =D