<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Read, With the Name of Your Lord Who Created</title>
	<atom:link href="http://triaslama.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://triaslama.wordpress.com</link>
	<description></description>
	<pubDate>Sat, 30 Aug 2008 04:12:52 +0000</pubDate>
	<generator>http://wordpress.org/?v=MU</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Deklarasi Ramadhan</title>
		<link>http://triaslama.wordpress.com/2008/08/30/deklarasi-ramadhan/</link>
		<comments>http://triaslama.wordpress.com/2008/08/30/deklarasi-ramadhan/#comments</comments>
		<pubDate>Sat, 30 Aug 2008 04:12:52 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[Bulan Suci]]></category>

		<category><![CDATA[Deklarasi]]></category>

		<category><![CDATA[Puasa]]></category>

		<category><![CDATA[Ramadhan]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=291</guid>
		<description><![CDATA[Through this blog I beg your pardon for every mistake that I have made, whoever and wherever you are.
Berkaitan dengan akan datangnya bulan suci Ramadhan tahun ini maka saya, Tri Sugiyantowo, meminta maaf sedalam - dalamnya kepada semua orang yang terjangkau oleh blog ini. 
Tidak selamanya perkataan ini benar, pikiran pun terkadang salah. Jika selama [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><em>Through this blog I beg your pardon for every mistake that I have made, whoever and wherever you are</em>.</p>
<p>Berkaitan dengan akan datangnya bulan suci Ramadhan tahun ini maka saya, Tri Sugiyantowo, meminta maaf sedalam - dalamnya kepada semua orang yang terjangkau oleh blog ini. </p>
<p>Tidak selamanya perkataan ini benar, pikiran pun terkadang salah. Jika selama ini ada <em>posting</em>-an yang dianggap menyinggung perasaan atau malah dianggap menyakitkan hati (mudah2an tidak) saya meminta maaf sedalam - dalamnya atas hal tersebut. Saya minta maaf juga kalau selama ini mempunyai kesalahan kepada saudara/i, adik, kakak, bapak, ibu, dan para pembaca semuanya. </p>
<p>Semoga kita memasuki bulan suci ini dengan perasaan lapang, hati yang gembira dan penuh penantian. Semoga kita diberi kekuatan untuk mengisi bulan suci ini dengan segala amal perbuatan dan ibadah yang bermanfaat, yang mendatangkan ke-Ridho-an Allah SWT. Semoga kita meninggalkan bulan suci ini dengan predikat sebagai manusia yang lebih bertakwa, manusia yang lebih baik dari sebelumnya.</p>
<p>Amiiiiiinnnn&#8230;.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/291/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/291/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/291/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/291/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/291/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/291/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/291/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/291/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/291/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/291/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/291/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/291/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=291&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/30/deklarasi-ramadhan/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Rahasia The Baltimore Bullet</title>
		<link>http://triaslama.wordpress.com/2008/08/30/rahasia-the-baltimore-bullet/</link>
		<comments>http://triaslama.wordpress.com/2008/08/30/rahasia-the-baltimore-bullet/#comments</comments>
		<pubDate>Sat, 30 Aug 2008 03:53:48 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Miscellaneous]]></category>

		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[Berlatih]]></category>

		<category><![CDATA[Makan]]></category>

		<category><![CDATA[Michael Phelps]]></category>

		<category><![CDATA[Olahraga]]></category>

		<category><![CDATA[Olimpiade]]></category>

		<category><![CDATA[Rahasia]]></category>

		<category><![CDATA[Renang]]></category>

		<category><![CDATA[Sport]]></category>

		<category><![CDATA[Swimming]]></category>

		<category><![CDATA[The Baltimore Bullet]]></category>

		<category><![CDATA[Tidur]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=272</guid>
		<description><![CDATA[Michael Phelps (nickname: &#8220;The Baltimore Bullet&#8220;), atlet yang paling banyak memperoleh medali emas di olimpiade (dalam dua olimpiade Phelps mengumpulkan 14 medali emas. 6 di olimpiade Athena 2004, dan 8 di olimpiade Beijing 2008. Selain itu dia juga memperoleh dua medali perunggu dalam olimpiade Athena). Dalam lintasan kolam renang Michael Phelps dapat dikatakan sebagai puncak [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><div id="attachment_287" class="wp-caption alignleft" style="width: 138px"><img src="http://triaslama.files.wordpress.com/2008/08/phelps_2008.jpg?w=128&#038;h=85" alt="Michael Phelps" width="128" height="85" class="size-thumbnail wp-image-287" /><p class="wp-caption-text">Michael Phelps</p></div>Michael Phelps (nickname: &#8220;<em>The Baltimore Bullet</em>&#8220;), atlet yang paling banyak memperoleh medali emas di olimpiade (dalam dua olimpiade Phelps mengumpulkan 14 medali emas. 6 di olimpiade Athena 2004, dan 8 di olimpiade Beijing 2008. Selain itu dia juga memperoleh dua medali perunggu dalam olimpiade Athena). Dalam lintasan kolam renang Michael Phelps dapat dikatakan sebagai puncak dari piramida perenang saat ini. Medali emas yang dikumpulkan oleh Michael Phelps bahkan masih jauh lebih banyak dari seluruh medali emas yang berhasil dikumpulkan seluruh atlet Indonesia di sepanjang sejarah keikutsertaannya di Olimpiade.</p>
<p>Kecepatannya di kolam renang tidak perlu diragukan lagi, berkali - kali dia memecahkan rekor dunia atas namanya sendiri (saat ini Phelps memegang tujuh rekor dunia di lintasan renang). Simak komentar Mark Spitz (perenang yang memenangkan 7 medali emas pada olimpiade 1972) - dikutip dari Wikipedia:<br />
&#8220;<em>Epic. It goes to show you that not only is this guy the greatest swimmer of all time and the greatest Olympian of all time, he&#8217;s maybe the greatest athlete of all time. He&#8217;s the greatest racer who ever walked the planet.</em>&#8220;</p>
<p><span id="more-272"></span><br />
Pernyataan itu saya rasa memang terlalu berlebihan tapi saya setuju kalau Michael Phelps adalah legenda di lintasan kolam renang.</p>
<p>Saat diwawancara Phelps mengungkapkan rahasia prestasinya di lintasan kolam renang, ingin tau juga? Tapi sebelumnya jangan kaget dulu karena sebenarnya rahasianya ini terkesan biasa - biasa saja. Ada tiga hal yang dilakukan oleh Michael Phelps untuk bisa seperti sekarang: <strong>Berlatih</strong>, <strong>Makan</strong>, dan <strong>Tidur</strong>. &#8220;<em>Makan, tidur dan berlatih, hanya itu semua yang bisa saya lakukan</em>&#8221; begitu perkataannya sewaktu diwawancarai oleh media.</p>
<p>Kedengarannya biasa saja kan? Tapi tampaknya tidak sesederhana itu, coba kita lihat secara lebih detail apa yang biasa dimakan oleh Michael Phelps (dikutip dari <a title="Phelps secrets" href="http://www.detiksport.com/read/2008/08/15/053433/988866/82/apa-menu-makan-peraih-11-emas-olimpiade?" target="_blank">detik.com</a>)<br />
&#8220;<em>Setiap harinya Phelps bangun jam 5 pagi. Aktivitasnya berlanjut dengan sarapan yang terdiri dari tiga sandwich telur goreng lengkap dengan keju, daun selada, tomat, bawang goreng dan mayonnaise. Itu masih ditambah dengan dua cangkir kopi, lima omelette telur, semangkuk jagung olahan, tiga lembar roti panggang Prancis plus gula di atasnya dan tiga potong kue dadar coklat.</p>
<p>Di makan siang, hampir setengah kilogram pasta bisa dia santap yang diteruskan dengan dua potongan besar ham serta sandwich keju dengan daun selada yang dibungkus roti putih. Untuk menurunkan semua itu ke perutnya, minuman energi yang memeiliki 1.000 kalori akan dia tenggak.</p>
<p>Menu makan malam sedikit berkurang, meski masih ada setengah kilo pasta serta satu loyang pizza. Jangan lupakan juga 1.000 tambahan kalori dari minuman energi.</em>&#8220;</p>
<p>Menu makan tersebut -menurut saya- jelas diluar kebiasaan manusia pada umumnya, tetapi itu mungkin bisa dimengerti karena -untuk mencapai apa yang diraihnya di kolam renang- Michael Phelps memerlukan kalori yang jauh lebih banyak dari manusia pada umumnya. Belum lagi latihan yang biasa dia jalani, saat ini saya juga masih bertanya bagaimana biasanya dia berlatih? Yang terakhir berapa lama dia tidur dalam sehari semalam?</p>
<p>Jadi kalau mau jadi olahragawan beneran: Makan yang banyak, Tidur yang nyenyak, dan jangan lupa rajin - rajinlah Latihan.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/272/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/272/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/272/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/272/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/272/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/272/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/272/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/272/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/272/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/272/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/272/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/272/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=272&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/30/rahasia-the-baltimore-bullet/feed/</wfw:commentRss>
	
		<media:content url="http://triaslama.files.wordpress.com/2008/08/phelps_2008.jpg?w=128" medium="image">
			<media:title type="html">Michael Phelps</media:title>
		</media:content>
	</item>
		<item>
		<title>I Am Not The Special One</title>
		<link>http://triaslama.wordpress.com/2008/08/21/i-am-not-the-special-one/</link>
		<comments>http://triaslama.wordpress.com/2008/08/21/i-am-not-the-special-one/#comments</comments>
		<pubDate>Thu, 21 Aug 2008 15:10:37 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[General]]></category>

		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[Cerita]]></category>

		<category><![CDATA[Not The Only One]]></category>

		<category><![CDATA[Not The Special One]]></category>

		<category><![CDATA[The Special One]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=266</guid>
		<description><![CDATA[Saya masih ingat ketika Jose Mourinho -pelatih klub sepakbola Inter Milan dan mantan pelatih Chelsea- pertama kali datang ke Inggris untuk melatih klub Chelsea. Ketika diwawancarai media dia berkata kurang lebihnya &#8220;I am the Special One&#8220;. Beberapa tahun kemudian saat dia memutuskan untuk mengundurkan diri dari Chelsea salah satu media olahraga menulis tentang pengunduran dirinya [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Saya masih ingat ketika Jose Mourinho -pelatih klub sepakbola Inter Milan dan mantan pelatih Chelsea- pertama kali datang ke Inggris untuk melatih klub Chelsea. Ketika diwawancarai media dia berkata kurang lebihnya &#8220;<em>I am the Special One</em>&#8220;. Beberapa tahun kemudian saat dia memutuskan untuk mengundurkan diri dari Chelsea salah satu media olahraga menulis tentang pengunduran dirinya dengan judul <em>headline</em> &#8220;<em>One Special Gone</em>&#8220;. Kalau saja Jose Mourinho berkata &#8220;<em>I am not the special one</em>&#8221; dan bukannya &#8220;<em>I am the special one</em>&#8221; mungkin koran dengan headline &#8220;<em>One Special Gone</em>&#8221; tidak akan pernah ada.</p>
<p>Ketika salah satu keponakanku yang masih kecil bertanya, kalau tidak salah begini &#8220;Om udah punya pacar?&#8221;. Pertanyaan sederhana tapi bagiku agak berat menjawabnya akhirnya kujawab saja &#8220;Belum&#8221;. mendengar jawabanku yang seperti itu dia langsung menyambung lagi &#8220;Sama dong, aku juga lagi nyari&#8221;. Wah anak ini, masih kecil kok udah mikir pacaran segala. Begini nih pengaruh negatif dari pergaulan dan mungkin juga TV pada era informasi ini.</p>
<p>Aku kadang juga ditanya sama kakak iparku (karena aku sekarang tinggal serumah dengan kakak) &#8220;Kamu memang belum punya calon istri ya?&#8221;. Jawabannya lebih enak kalau aku diam saja (tentunya kalau diam itu juga dikategorikan sebagai jawaban lho), tapi kalau terus - terusan ditanya gimana ya? Kalau ibuku sampai mengajukan pertanyaan yang kira - kira sama gimana ya? </p>
<p><span id="more-266"></span></p>
<p>Tentunya belum punya pacar itu tidak berarti kalau kita tidak akan punya istri dan tidak berarti juga kalau kita tidak berencana menikah. Kalau belum ada wanita yang kira - kira menetap dihati ya sabar aja dulu, mungkin jodohku memang belum datang (anggap saja ini pembelaan dari saya). Yang jelas saya punya alasan mengapa sampai sekarang saya tidak pacaran.</p>
<p>Terus apa dong hubungan antara The Special One dan pacaran? Ketika pertanyaan serupa menderaku lagi mungkin ini saja dulu jawabanku &#8220;<em>I am not the only one</em>&#8220;, ya saya bukan satu - satunya orang yang belum pacar. Kalau belum puas dengan jawaban itu? Ya jawab saja &#8220;<em>maybe I am not the special one</em>&#8220;, ya mungkin saja saya ini bukan orang yang terlalu spesial jadi wajar kan kalau orang biasa - biasa saja belum punya calon istri sampai sekarang, he he..</p>
<p>Kenapa ungkapan &#8220;<em>I am not the special one</em>&#8221; terkadang saya anggap sangat bagus? Karena ungkapan itu membuatku lebih nyaman dan mengingatkanku bahwa aku adalah orang biasa saja. </p>
<p>Karena saya orang biasa jadi wajar dong kalau kadang gagal kadang berhasil, terkadang saya menang tapi terkadang juga kalah. Wajar juga dong kalau saya memang belum punya pacar (tetapi InsyaAlloh saya akan punya istri).</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/266/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/266/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/266/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=266&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/21/i-am-not-the-special-one/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Olimpic Games 2008: First Gold Medal for Indonesia</title>
		<link>http://triaslama.wordpress.com/2008/08/16/olimpic-games-2008-first-gold-medal-for-indonesia/</link>
		<comments>http://triaslama.wordpress.com/2008/08/16/olimpic-games-2008-first-gold-medal-for-indonesia/#comments</comments>
		<pubDate>Sat, 16 Aug 2008 16:03:17 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[General]]></category>

		<category><![CDATA[News]]></category>

		<category><![CDATA[Badminton]]></category>

		<category><![CDATA[Bulutangkis]]></category>

		<category><![CDATA[Ganda Putra]]></category>

		<category><![CDATA[Gold Medal]]></category>

		<category><![CDATA[Hendra Setiawan]]></category>

		<category><![CDATA[Markis Kido]]></category>

		<category><![CDATA[Men's Double]]></category>

		<category><![CDATA[Olimpiade]]></category>

		<category><![CDATA[Olimpic Games]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=256</guid>
		<description><![CDATA[I would like to say congratulations for Indonesia Badminton double men&#8217;s pair, Markis Kido and Hendra Setiawan for their achievement in Beijing 2008 Olimpic Games. Because of them our nation get the first gold medal in Beijing 2008 Olimpic Games.
In final match, Markis Kido/Hendra Setiawan beats China double men&#8217;s pair Cai Yun/Fu Haifeng in three [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>I would like to say congratulations for Indonesia Badminton double men&#8217;s pair, <strong>Markis Kido</strong> and <strong>Hendra Setiawan</strong> for their achievement in Beijing 2008 Olimpic Games. Because of them our nation get the first gold medal in Beijing 2008 Olimpic Games.</p>
<div id="attachment_257" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-257" src="http://triaslama.files.wordpress.com/2008/08/kido-hendra.jpg?w=300&#038;h=255" alt="Markis Kido &amp; Hendra Setiawan" width="300" height="255" /><p class="wp-caption-text">Markis Kido &amp; Hendra Setiawan</p></div>
<p>In final match, Markis Kido/Hendra Setiawan beats China double men&#8217;s pair Cai Yun/Fu Haifeng in three sets 12-21, 21-11, 21-16. Lose in first set Kido/Setiawan revived in the next two sets and won the final match against Cai/Fu.</p>
<p>This victory is special, because a day later -August 17, 2008- is the independence day of Indonesia. So I think Kido and Setiawan has gift our nation special reward (first gold medal for Indonesia team in Olimpic 2008). Although now I am rarely play badminton (or maybe just &#8216;never play Badminton again&#8217;) but I am still Badminton fans, especially for Indonesia team.</p>
<p>I hope this is not the only one gold medal for Indonesia in this Olimpic Games. Once again, congratulations for Kido/Setiawan and keep fighting guys!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/256/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/256/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/256/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/256/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/256/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/256/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/256/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/256/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/256/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/256/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/256/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/256/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=256&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/16/olimpic-games-2008-first-gold-medal-for-indonesia/feed/</wfw:commentRss>
	
		<media:content url="http://triaslama.files.wordpress.com/2008/08/kido-hendra.jpg?w=300" medium="image">
			<media:title type="html">Markis Kido &#38; Hendra Setiawan</media:title>
		</media:content>
	</item>
		<item>
		<title>Sedang Dalam Masa Transisi</title>
		<link>http://triaslama.wordpress.com/2008/08/11/sedang-dalam-masa-transisi/</link>
		<comments>http://triaslama.wordpress.com/2008/08/11/sedang-dalam-masa-transisi/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 00:13:26 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[General]]></category>

		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[Cerita]]></category>

		<category><![CDATA[Ilmu Komputer]]></category>

		<category><![CDATA[Matematika]]></category>

		<category><![CDATA[Tentang Aku]]></category>

		<category><![CDATA[Transisi]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=251</guid>
		<description><![CDATA[Saat ini saya sedang dalam masa transisi (peralihan), untuk beberapa hal saya memang ingin memulai lagi dengan lebih baik. Contohnya nge-blog, belakangan ini saya benar - benar nggak mood (kalau mau jujur nggak pingin) untuk nge-blog, padahal dulu tidak begini.
Sudah di depan komputer dan menjelajah dunia maya, terkadang malah terpikir &#8220;sekarang aku nggak pingin nge-blog [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Saat ini saya sedang dalam masa transisi (peralihan), untuk beberapa hal saya memang ingin memulai lagi dengan lebih baik. Contohnya nge-blog, belakangan ini saya benar - benar nggak <em>mood</em> (kalau mau jujur nggak pingin) untuk nge-blog, padahal dulu tidak begini.</p>
<p>Sudah di depan komputer dan menjelajah dunia maya, terkadang malah terpikir &#8220;sekarang aku nggak pingin nge-blog dulu, nggak pingin ngurus blog dulu&#8221;. Sehingga jadilah untuk beberapa saat terakhir ini posting-an di blog ini terkesan seadanya (dan memang begitulah kenyataannya). Akhirnya pagi ini aku berusaha untuk mengakhiri beberapa saat yang seolah seperti kehilangan orientasi ini, sempat kepikiran nulis tentang Ilmu Komputer dan Matematika tapi karena kupikir aku sedang dalam masa transisi hal itu kutangguhkan dulu.</p>
<p><span id="more-251"></span><br />
Untuk masa transisi kupikir kita perlu hal yang ringan - ringan dulu, misalnya cerita. Sekedar cerita saja, aku pingin cerita alasanku saat itu kenapa aku kuliah milih program studi Ilmu Komputer. Pertimbanganku yang paling kuat kenapa aku milih Ilmu Komputer sebenarnya adalah Matematika!<br />
Karena waktu itu aku senang sama yang namanya Matematika, terus cari program studi yang kira - kira banyak Matematika-nya (mudah - mudahan ini nggak terkesan sok jago ya), terus dapat beberapa kandidat jurusan yang ingin kumasuki, pikir - pikir lagi akhirnya kupilih Ilmu Komputer.</p>
<p>Dulu, sebelum kuliah saya nggak begitu tau dengan pemrograman komputer, apalagi dengan yang namanya bahasa pemrograman. Komputer bagiku saat itu mungkin sebagai sarana untuk main <em>game</em> (he he&#8230;, beruntung sekarang aku bertobat dari kecanduan <em>game</em>).</p>
<p>Beruntung aku masih bisa beradaptasi dengan mata kuliah yang ada di Ilmu Komputer, beruntung juga akhirnya aku menyukai pemrograman komputer, dan akhirnya beruntung juga bisa lulus dari Ilmu Komputer UGM dengan IPK diatas tiga (lumayan juga ditranskrip nilai tertulis predikat lulus: <em>very satisfactory</em> cuma sayang tidak <em>cumlaude</em>, he he he&#8230;).</p>
<p>Aku kuliah, semoga saja sebagai jalan untuk lebih mengerti tentang Penciptaku, amiiinn&#8230;</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/251/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/251/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/251/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/251/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/251/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/251/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/251/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/251/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/251/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/251/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/251/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/251/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=251&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/11/sedang-dalam-masa-transisi/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Olimpiade Beijing 2008: Medali Pertama Datang Juga</title>
		<link>http://triaslama.wordpress.com/2008/08/10/olimpiade-beijing-2008-medali-pertama-datang-juga/</link>
		<comments>http://triaslama.wordpress.com/2008/08/10/olimpiade-beijing-2008-medali-pertama-datang-juga/#comments</comments>
		<pubDate>Sun, 10 Aug 2008 23:29:55 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[News]]></category>

		<category><![CDATA[Angkat Besi]]></category>

		<category><![CDATA[Olahraga]]></category>

		<category><![CDATA[Olimpiade]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=247</guid>
		<description><![CDATA[Karena belakangan ini saya benar - benar nggak mood untuk nge-blog, jadi sekedar sharing informasi sederhana saja.
Dari ajang olimpiade Beijing, Indonesia akhirnya berhasil mendapat medali pertama (mudah - mudahan masih ada medali lainnya). Medali pertama yang didapat atlet Indonesia adalah medali perunggu dari cabang angkat besi atas nama Eko Yuli Irawan.
Pemuda yang belum sampai berusia [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Karena belakangan ini saya benar - benar nggak <em>mood</em> untuk nge-blog, jadi sekedar <em>sharing</em> informasi sederhana saja.</p>
<p>Dari ajang olimpiade Beijing, Indonesia akhirnya berhasil mendapat medali pertama (mudah - mudahan masih ada medali lainnya). Medali pertama yang didapat atlet Indonesia adalah medali perunggu dari cabang angkat besi atas nama <strong>Eko Yuli Irawan</strong>.</p>
<p>Pemuda yang belum sampai berusia dua puluh tahun ini meraih medali perunggu di cabang angkat besi kelas 56 kg. dengan total angkatan 288 kg. Selamat kepada yang bersangkutan semoga kedepannya bisa lebih berprestasi lagi.</p>
<p>Waktu baca beritanya agak menyentuh juga, karena dia datang dari keluarga kurang mampu (ayahnya seorang tukang becak dan ibunya penjual sayur). Apa yang dilakukannya memang membanggakan, dari keluarga kurang berada tapi bisa membawa (mengharumkan) nama bangsa dari pada para koruptor, yang terkadang dari keluarga kaya tapi malah jadi pengerat (pencuri) masa depan bangsa.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/247/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/247/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/247/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/247/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/247/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/247/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/247/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/247/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/247/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/247/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/247/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/247/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=247&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/10/olimpiade-beijing-2008-medali-pertama-datang-juga/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Mencari Jalan Kembali</title>
		<link>http://triaslama.wordpress.com/2008/08/03/mencari-jalan-kembali/</link>
		<comments>http://triaslama.wordpress.com/2008/08/03/mencari-jalan-kembali/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 02:02:27 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[Thoughts and Opinions]]></category>

		<category><![CDATA[Curhat]]></category>

		<category><![CDATA[Jalan Kembali]]></category>

		<category><![CDATA[Kehidupan]]></category>

		<category><![CDATA[Rasa Hati]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=243</guid>
		<description><![CDATA[So much more wrong way.
Angin bertiup nggak begitu kencang, tapi aku kok serasa mau jatuh.
Inginku sih mendapat kejutan yang menyenangkan, tetapi belakangan ini beberapa kejutan terasa menyesakkan.
Sekarang, beberapa hal menjadi lebih jelas. Aku masih terlalu hijau dalam menghadapi kehidupan, jadi belum saatnya aku terlelap. Masih banyak yang harus dipelajari, diperbaiki dan diselesaikan.
Semoga aku tetap terhindar [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><em>So much more wrong way.</em></p>
<p>Angin bertiup nggak begitu kencang, tapi aku kok serasa mau jatuh.</p>
<p>Inginku sih mendapat kejutan yang menyenangkan, tetapi belakangan ini beberapa kejutan terasa menyesakkan.</p>
<p>Sekarang, beberapa hal menjadi lebih jelas. Aku masih terlalu hijau dalam menghadapi kehidupan, jadi belum saatnya aku terlelap. Masih banyak yang harus dipelajari, diperbaiki dan diselesaikan.</p>
<p>Semoga aku tetap terhindar dari perbuatan memalukan, karena hidup cuma sekali. Semoga Allah <em>Azza Wa Jalla</em> senatiasa menjagaku dan menghindarkanku dari menjalani kehidupan yang memilukan (menyedihkan).</p>
<p>Aku lagi bingung mau nulis apa, jadi sedikit curhat di blog ini (sebenarnya ngomongin tentang perasaan) mungkin akan berguna. Saat ini aku seperti orang kebingungan yang sedang mencari &#8216;jalan kembali&#8217;. Semoga segera ketemu &#8216;jalan kembali&#8217;-nya, amiiin..</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/243/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/243/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/243/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/243/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/243/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/243/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/243/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/243/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/243/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/243/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/243/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/243/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=243&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/08/03/mencari-jalan-kembali/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The Power of &#8216;X&#8217;</title>
		<link>http://triaslama.wordpress.com/2008/07/27/the-power-of-x/</link>
		<comments>http://triaslama.wordpress.com/2008/07/27/the-power-of-x/#comments</comments>
		<pubDate>Sun, 27 Jul 2008 23:12:40 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Six Sense]]></category>

		<category><![CDATA[X]]></category>

		<category><![CDATA[XAML]]></category>

		<category><![CDATA[XHTML]]></category>

		<category><![CDATA[XML]]></category>

		<category><![CDATA[XPath]]></category>

		<category><![CDATA[XSLT]]></category>

		<category><![CDATA[XSP]]></category>

		<category><![CDATA[XUL]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=235</guid>
		<description><![CDATA[I write this article after I read an e-book about XHTML. A bit later I realize that &#8216;X&#8217; precede so many cool things (words) in Computer Science topics.
In mathematics X is a favorite variable, sometimes I named something that still unknown (or mysterious) with the &#8216;X&#8217; variable. In computer programming I think &#8216;X&#8217; is one [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>I write this article after I read an e-book about XHTML. A bit later I realize that <strong>&#8216;X&#8217;</strong> precede so many cool things (words) in Computer Science topics.</p>
<p>In mathematics X is a favorite variable, sometimes I named something that still unknown (or mysterious) with the &#8216;X&#8217; variable. In computer programming I think &#8216;X&#8217; is one of favorite variable.</p>
<p>So, how &#8216;X&#8217; take the rule? Let&#8217;s take a simple tour!</p>
<p><strong>X</strong>ML started with &#8216;X&#8217; instead of &#8216;E&#8217; although it stands for Extensible Markup Language. Yes I am agree that the word XML seems more elegance rather than EML (because we take the second character &#8216;X&#8217; instead of first character &#8216;E&#8217; we just write this eXtensible Markup Language -&gt; XML). <strong>X</strong>SLT started with &#8216;X&#8217;, <strong>X</strong>Path started with that too.</p>
<p>I just find this interesting thing before: the initial prototype of ASP.NET was called <strong>X</strong>SP! Look at what is <a href="http://en.wikipedia.org/wiki/Scott_Guthrie" target="_blank">Scott Guthrie</a> said about this (cited from <a href="http://en.wikipedia.org/wiki/Asp.net" target="_blank">Wikipedia</a>):<br />
The initial prototype (of. ASP.NET -ed) was called &#8220;XSP&#8221;; Guthrie explained in a 2007 interview that, <em>&#8220;People would always ask what the X stood for. At the time it really didn&#8217;t stand for anything. XML started with that; XSLT started with that. Everything cool seemed to start with an X, so that&#8217;s what we originally named it.&#8221;</em></p>
<p><strong>X</strong>HTML started with &#8216;X&#8217;. Rather than create HTML 5, W3C introduce XHTML. Maybe what I said about XHTML right now that it is &#8216;the cool HTML&#8217;.</p>
<p><strong>X</strong>UL (XML User Interface Language) started with &#8216;X&#8217;. <strong>X</strong>AML (eXtensible Application Markup Language) started with &#8216;X&#8217; too!</p>
<p>Wow, there is many cool things started with &#8216;X&#8217;. Do you have a plan to release something cool too?? If it&#8217;s so consider to precede its name with <strong>&#8216;X&#8217;</strong>.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/235/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/235/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/235/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/235/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/235/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/235/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/235/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/235/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/235/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/235/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/235/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/235/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=235&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/07/27/the-power-of-x/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Four Ways Javascript Binding Event Listeners</title>
		<link>http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/</link>
		<comments>http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 00:16:20 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[Programming]]></category>

		<category><![CDATA[Add Event Listener]]></category>

		<category><![CDATA[Attach Event]]></category>

		<category><![CDATA[Events]]></category>

		<category><![CDATA[Events Binding]]></category>

		<category><![CDATA[IE]]></category>

		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=212</guid>
		<description><![CDATA[There is several ways in how to bind an event in Javascript. As far as I know four ways exist on behalf of binding a Javascript event. Here brief description of each way
1. Through inline HTML Code
The Javascript event declared inline in HTML code, for example:
&#60;input type=&#8221;button&#8221; value=&#8221;Alert Message&#8221; onclick=&#8221;showAlert()&#8221; /&#62;
Then showAlert() is a Javascript [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>There is several ways in how to bind an event in Javascript. As far as I know four ways exist on behalf of binding a Javascript event. Here brief description of each way</p>
<p><strong>1. Through inline HTML Code</strong><br />
The Javascript event declared inline in HTML code, for example:</p>
<p>&lt;input type=&#8221;button&#8221; value=&#8221;Alert Message&#8221; onclick=&#8221;showAlert()&#8221; /&gt;</p>
<p>Then showAlert() is a Javascript function that merely show an alert message:</p>
<pre>function showAlert()
{
      window.alert("Hello, World!!!");
}</pre>
<p>This inline event binding works for all browsers.</p>
<p><strong>2. Traditional Binding</strong><br />
I think this way is more elegance than the first one, but before we can do this we must get the desired element. We can use two useful methods of <strong>document</strong> object to get the element we want, there is <strong>getElementById()</strong> and <strong>getElementsByTagName()</strong>. Both method receive one string parameter which show the ID of an element (for getElementById()) or elements name (for getElementsByTagName()). Please aware that the result of getElementsByTagName() is always array of element.<br />
Suppose that we have the following page:</p>
<p><span id="more-212"></span></p>
<div style="background-color:#EFEFEF;font-family:'courier-new';font-size:11px;border:2px solid goldenrod;">
<ul>
<pre>&lt;html&gt;
   &lt;head&gt;
      &lt;title&gt;Events Binding&lt;/title&gt;
      &lt;script lang="javascript" type="text/javascript"&gt;
      var txtContent;

      window.onload = function()
      {
         txtContent = document.getElementById("txtContent");
         txtContent.onfocus = txtFocusHandler;
         txtContent.onblur = txtBlurHandler;

         var all = document.getElementsByTagName("li");
         for (var i=0;i&lt;all.length;i++) {
            all[i].onmouseover = liMouseOverHandler;
            all[i].onmouseout = liMouseOutHandler;
            all[i].onclick = liClickHandler;
        }
    };

   function txtFocusHandler(e)
   {
      e= e||window.event;
      var trgSrc = e.target||e.srcElement;
      trgSrc.style.backgroundColor = "gainsboro";
   }

   function txtBlurHandler(e)
   {
      this.style.backgroundColor = "white";
   }

   function liMouseOverHandler()
   {
      this.style.backgroundColor = "#EFEFEF";
   }

   function liMouseOutHandler()
   {
      this.style.backgroundColor = "white";
   }

   function liClickHandler(e)
   {
      e = e||window.event;
      var liElm = e.target||e.srcElement;
      var text = liElm.firstChild.nodeValue;

      txtContent.value = text;
   }
   &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;form id="frm"&gt;
      Content: &lt;input type="text" id="txtContent" width="200px" /&gt;
      (Hover the elements below and click one of it)
      &lt;p&gt;
      &lt;ul&gt;
         &lt;li&gt;Martial Arts, Swimming, Football, Basketball, Badminton&lt;/li&gt;
         &lt;li&gt;Work, Office, Vacation, Holiday&lt;/li&gt;
         &lt;li&gt;Computer, Internet, Blogging&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
</ul>
</div>
<p>&nbsp;
<p>
For simplicity I mix the HTML and Javascript code (although it maybe looks messy). The above code will produce a TextBox element and three &lt;li&gt; element. Hover the &lt;li&gt; element and click it will copy paste the nodeValue of &lt;li&gt; element to TextBox.</p>
<div style="border-color:0 solid red;">
<div id="attachment_221" class="wp-caption aligncenter" style="width: 574px"><img class="size-full wp-image-221" src="http://triaslama.files.wordpress.com/2008/07/eventlistener_hover.png?w=564&#038;h=150" alt="Hover" width="564" height="150" /><p class="wp-caption-text"> </p></div>
</div>
<p>Traditional binding works well for all browser.</p>
<p><strong>3. W3C Binding</strong><br />
W3C binding works on browsers that comply with W3C standard. We need to remember one important method when attach event using W3C binding: <strong>addEventListener()</strong>. This method receives three parameters, first parameter is event name (such as: click, load, mouseout, etc.), second parameter is function that handle it, and third parameter is boolean values (<strong>true</strong> for event capturing or <strong>false</strong> for event bubbling).<br />
Look at the following simple example on how to use addEventListener():</p>
<div style="background-color:#EFEFEF;font-family:'courier-new';font-size:11px;border:2px solid goldenrod;">
<ul>
<pre>&lt;html&gt;
   &lt;head&gt;
      &lt;title&gt;Test W3 Binding&lt;/title&gt;
      &lt;script lang="javascript" type="text/javascript"&gt;
      window.onload = function()
      {
         var elJ = document.getElementsByTagName("li");
         for (var i=0;i&lt;elJ.length;i++) {
         elJ[i].addEventListener('mouseover',liMouseOver,false);
         elJ[i].addEventListener('mouseout',liMouseOut,false);
      }
   };

   function liMouseOver()
   {
      this.style.backgroundColor = "gainsboro";
   }

   function liMouseOut()
   {
      this.style.backgroundColor = "white";
   }
   &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;ul&gt;
      &lt;li&gt;First Element&lt;/li&gt;
      &lt;li&gt;Second Element&lt;/li&gt;
      &lt;li&gt;Third Element&lt;/li&gt;
   &lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
</ul>
</div>
<p>&nbsp;
<p>
Run the code in W3C compliant browsers and hover the mouse cursor above an &lt;li&gt; element and you will see the background color of &lt;li&gt; element changed.</p>
<p><strong>4. IE Binding</strong><br />
As usual, Internet Explorer (IE) has its own way on binding an event. Remember this method when binding an event using IE binding: <strong>attachEvent()</strong>. This methods receives two parameters, first parameter is event precede with &#8216;on&#8217; word (such as: onclick, onload, onmouseout), the second parameter is function that handle it.<br />
If we want do the same thing (hover and out mouse effect) in IE way we can do with this code:</p>
<div style="background-color:#EFEFEF;font-family:'courier-new';font-size:11px;border:2px solid goldenrod;">
<ul>
<pre>&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Test IE Binding&lt;/title&gt;
    &lt;script lang="javascript" type="text/javascript"&gt;
    window.onload = function()
    {
      var allLi = document.getElementsByTagName("li");

      for (var i=0;i&lt;allLi.length;i++) {
        allLi[i].attachEvent('onmouseover',liMouseOver);
        allLi[i].attachEvent('onmouseout',liMouseOut);
      }
    };

    function liMouseOver()
    {
      var e = window.event;
      var elm = e.srcElement;
      elm.style.backgroundColor = "gainsboro";
    }

    function liMouseOut()
    {
      var e = window.event;
      var elm = e.srcElement;
      elm.style.backgroundColor = "white";
    }
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;ul&gt;
      &lt;li&gt;First Element&lt;/li&gt;
      &lt;li&gt;Second Element&lt;/li&gt;
      &lt;li&gt;Third Element&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/body&gt;
&lt;/html&gt;</pre>
</ul>
</div>
<p>&nbsp;
<p>
We must notice that <strong>this</strong> keyword inside a event handler function in IE point to <strong>window</strong> object not the current element, so we need a little more effort to achieve our goal. It something looks like this:<br />
<code><br />
function liMouseOver()<br />
{<br />
var e = window.event;<br />
var elm = e.srcElement;<br />
elm.style.backgroundColor = &#8220;gainsboro&#8221;;<br />
}<br />
</code></p>
<p>Run the code in the browser and we should get the same result as before.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/212/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/212/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/212/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=212&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/feed/</wfw:commentRss>
	
		<media:content url="http://triaslama.files.wordpress.com/2008/07/eventlistener_hover.png" medium="image">
			<media:title type="html">Hover</media:title>
		</media:content>
	</item>
		<item>
		<title>Saat Aku Berpikir Tentang Masa Lalu</title>
		<link>http://triaslama.wordpress.com/2008/07/15/saat-aku-berpikir-tentang-masa-lalu/</link>
		<comments>http://triaslama.wordpress.com/2008/07/15/saat-aku-berpikir-tentang-masa-lalu/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 23:03:38 +0000</pubDate>
		<dc:creator>triaslama</dc:creator>
		
		<category><![CDATA[Thoughts and Opinions]]></category>

		<category><![CDATA[Kehidupan]]></category>

		<category><![CDATA[Masa Lalu]]></category>

		<category><![CDATA[Refleksi]]></category>

		<category><![CDATA[Takdir]]></category>

		<guid isPermaLink="false">http://triaslama.wordpress.com/?p=208</guid>
		<description><![CDATA[Saat itu, dua tahun yang lalu aku sedang menjalani Kuliah Kerja Nyata (KKN)&#8230;.
Saat itu, satu tahun yang lalu aku sedang menjalani saat - saat persiapan untuk Acc skripsi dan pendadaran&#8230;
Saat itu, lebih dari sembilan setengah bulan yang lalu aku memulai kehidupan di Jakarta&#8230;
Jika ada suatu cerita yang sangat menarik untuk disimak itulah kehidupan, kalau ada [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><em>Saat itu, dua tahun yang lalu aku sedang menjalani Kuliah Kerja Nyata (KKN)&#8230;.<br />
Saat itu, satu tahun yang lalu aku sedang menjalani saat - saat persiapan untuk Acc skripsi dan pendadaran&#8230;<br />
Saat itu, lebih dari sembilan setengah bulan yang lalu aku memulai kehidupan di Jakarta&#8230;</em><em></em></p>
<p>Jika ada suatu cerita yang sangat menarik untuk disimak itulah kehidupan, kalau ada sesuatu yang penuh dengan harapan, penantian, atau mungkin juga kesulitan maka itulah kehidupan. </p>
<p>Saat aku membayangkan apa kira - kira yang sedang kulakukan satu tahun yang lalu? Setelah terlintas jawabannya, langsung saja terlintas dalam pikiranku, satu tahun yang lalu aku mungkin  nggak pernah membayangkan kalau saat ini aku akan berada di sini. Itulah kehidupan, waktu demi waktu yang harus kita jalani dan kita mungkin baru tahu setelah menjalaninya.</p>
<p>Salah satu hal yang membuat hidup ini menjadi menarik, karena kita tidak pernah tau pasti apa yang akan terjadi. Saat ini aku hanya mencoba untuk terus menjalani kehidupan, sambil mengusahakan yang lebih baik yang aku bisa, karena takdirku telah ditentukan.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/triaslama.wordpress.com/208/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/triaslama.wordpress.com/208/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/triaslama.wordpress.com/208/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/triaslama.wordpress.com/208/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/triaslama.wordpress.com/208/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/triaslama.wordpress.com/208/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/triaslama.wordpress.com/208/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/triaslama.wordpress.com/208/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/triaslama.wordpress.com/208/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/triaslama.wordpress.com/208/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/triaslama.wordpress.com/208/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/triaslama.wordpress.com/208/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=triaslama.wordpress.com&blog=323076&post=208&subd=triaslama&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://triaslama.wordpress.com/2008/07/15/saat-aku-berpikir-tentang-masa-lalu/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>