<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Safwan Rahman</title>
	
	<link>http://safwanrahman.websfavor.com</link>
	<description>Creative Web Designer</description>
	<lastBuildDate>Wed, 01 Sep 2010 14:16:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/http/safwanrahmanwebsfavorcom/feed" /><feedburner:info uri="http/safwanrahmanwebsfavorcom/feed" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Merdeka</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/MxG-I3Loun4/</link>
		<comments>http://safwanrahman.websfavor.com/blog/merdeka/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 14:14:19 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[merdeka]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=716</guid>
		<description><![CDATA[Selamat menyambut Hari Kemerdekaan yang ke 53. Dah 53 tahun kita merdeka Alhamdulillah&#8230; Sama seperti tahun lepas Hari Kemerdekaan jatuh dalam bulan Ramadhan. Tak ada aktiviti menarik sempena kemerdekaan ke 53 ni, hanya luangkan masa bermain futsal, then lepak kat gerai makan area Bandar Darulaman Jaya. Suasana meriah kat sini, mungkin ramai perantau pakat pulang [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/09/merdeka-banner.jpg" class="floatbox" rev="group:716 caption:`merdeka-banner`"><img class="alignnone size-full wp-image-723" title="merdeka-banner" src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/09/merdeka-banner.jpg" alt="" width="580" height="200" /></a></p>
<p>Selamat menyambut Hari Kemerdekaan yang ke 53. Dah 53 tahun kita merdeka <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Alhamdulillah&#8230; Sama seperti tahun lepas Hari Kemerdekaan jatuh dalam bulan Ramadhan.</p>
<p>Tak ada aktiviti menarik sempena kemerdekaan ke 53 ni, hanya luangkan masa bermain futsal, then lepak kat gerai makan area Bandar Darulaman Jaya. Suasana meriah kat sini, mungkin ramai perantau pakat pulang ke kampung halaman, maklumlah cuti 3 hari <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Tepat pukul 12 kedengaran bunyi letupan bunga api, dalam 5-das. Namun tak ada orang yang melaungkan perkataan MERDEKA!! <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  Awareness masyarakat sekarang tentang kemerdekaan maybe dah berkurangan. Kalau dulu contohnya 5 tahun lepas kita dapat lihat Jalur Gemilang dikebarkan di kenderaan, rumah, tapi kini kuantiti itu dah berkurangan.</p>
<p>Dari apa yang aku tengok ada sesetengah individu mempersendakan tentang kemerdekaan (kaitkan dengan isu-isu politik sekarang bahawa kita belum merdeka) seolah-olah tidak bersyukur dan tidak menghargai usaha yang dilakukan oleh bekas pahlawan negara dalam mencapai kemerdekaan.</p>
<blockquote><p>Harap Hari Kemerdekaan tahun depan lebih baik dari tahun ini. Insyallah</p></blockquote>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=MxG-I3Loun4:r8nDAzgsl78:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/blog/merdeka/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/blog/merdeka/</feedburner:origLink></item>
		<item>
		<title>Memasang Facebook Like Button</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/-ihuLYlNUtI/</link>
		<comments>http://safwanrahman.websfavor.com/tutorial/memasang-facebook-like-button/#comments</comments>
		<pubDate>Wed, 12 May 2010 08:40:45 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[facebook]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=674</guid>
		<description><![CDATA[Baru-baru ini Facebook melancarkan Like Button dimana para pengguna facebook boleh kongsi maklumat dari website mereka sendiri atau mana-mana pom xkisah la kan.. bagi yang ada blog tu senang la nk kongsi-kongsi blog post dengan 1x click saja. Maklumat Lanjut: http://developers.facebook.com/docs/reference/plugins/like Contoh Like Button boleh tengok kat akhir post ini. Cara memasang Caranya senang saja [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/facebook_like_banner.jpg" class="floatbox" rev="group:674 caption:`Facebook Like Banner`"><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/facebook_like_banner.jpg" alt="Facebook Like Banner" title="Facebook Like Banner" width="580" height="200" class="alignnone size-full wp-image-703" /></a></p>
<p>Baru-baru ini Facebook melancarkan Like Button dimana para pengguna facebook boleh kongsi maklumat dari website mereka sendiri atau mana-mana pom xkisah la kan.. bagi yang ada blog tu senang la nk kongsi-kongsi blog post dengan 1x click saja.</p>
<p>Maklumat Lanjut: <a href="http://developers.facebook.com/docs/reference/plugins/like">http://developers.facebook.com/docs/reference/plugins/like</a></p>
<p>Contoh Like Button boleh tengok kat akhir post ini.</p>
<h3>Cara memasang</h3>
<p>Caranya senang saja memandangkan pihak Facebook dah sediakan Like Button Generator di <a href="http://developers.facebook.com/docs/reference/plugins/like">http://developers.facebook.com/docs/reference/plugins/like</a></p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/like_btn_generator.jpg" class="floatbox" rev="group:674 caption:`Facebook Like Button Generator`"><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/like_btn_generator.jpg" alt="Facebook Like Button Generator" title="Facebook Like Button Generator" width="450" height="409" class="alignnone size-full wp-image-686" /></a></p>
<p>Dah siap setting click <strong>Get Code</strong>, bawah contoh aku punya code</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/get_code.jpg" class="floatbox" rev="group:674 caption:`Like Button Get Code`"><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/get_code.jpg" alt="Like Button Get Code" title="Like Button Get Code" width="496" height="349" class="alignnone size-full wp-image-688" /></a></p>
<p>Copy code yang aku highlight (<em>abaikan code yang di kotak XFBML</em>) dan paste kat tempat korang nak Like Button tu appear kat blog / web site korang. Siap</p>
<p>Tapi masalahnya code di atas adalah untuk <strong>Fixed URL</strong>, dengan erti kata lain tak kira di laman web mana sekali pun korang letak butang Facebook Like, apabila butang itu di click, ia akan merujuk pada URL yang korang masukkan di kotak <strong>URL to Like</strong> tadi.</p>
<p>Cara untuk menyelesaikan masalah ini, korang hanya perlu gantikan code asal dengan di bawah.</p>
<p><span class="label red">Peringatan:</span> Code dibawah adalah untuk WordPress Sahaja</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">iframe</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.facebook.com/plugins/like.php?href=&lt;?php echo urlencode('http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']) ?&gt;</span></span><span style="color: #ddbb00;">&amp;amp;</span>layout=standard<span style="color: #ddbb00;">&amp;amp;</span>show_faces=false<span style="color: #ddbb00;">&amp;amp;</span>width=450<span style="color: #ddbb00;">&amp;amp;</span>action=like<span style="color: #ddbb00;">&amp;amp;</span>colorscheme=light<span style="color: #ddbb00;">&amp;amp;</span>height=35&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:35px&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">iframe</span>&gt;</span></pre></div></div>

<h3>Lain-lain</h3>
<p><span class="label blue">Nota:</span> Bagi pengguna WordPress yang xminat cara manual boleh download Plugin di <a href="http://wordpress.org/extend/plugins/like/">http://wordpress.org/extend/plugins/like/</a>&#8230;</p>
<p><span class="label blue">Nota:</span> Pengguna blogspot, anda boleh rujuk di <a href="http://www.allanjosephbatac.com/blog/2010/04/add-the-new-facebook-like-button-widget-on-your-blogger-blogs.html">http://www.allanjosephbatac.com/blog/2010/04/add-the-new-facebook-like-button-widget-on-your-blogger-blogs.html</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=-ihuLYlNUtI:s60JXwJkTG0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/tutorial/memasang-facebook-like-button/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/tutorial/memasang-facebook-like-button/</feedburner:origLink></item>
		<item>
		<title>Siri Hujung Minggu Episod Pertama</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/JdAuwDA286w/</link>
		<comments>http://safwanrahman.websfavor.com/blog/siri-hujung-minggu/#comments</comments>
		<pubDate>Sun, 09 May 2010 10:54:28 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ironman]]></category>
		<category><![CDATA[wayang]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=642</guid>
		<description><![CDATA[Kalau dipikirkan balik dah lama aku tak tengok Movie kat panggung, last yang aku dapat ingat pon cerita Fast and Furious4 Avatar 3D. Banyak cerita yang aku rancang nak tengok tapi dah terlepas. Salah satunya Alice in Wonderland. Disebabkan jadual aku sekarang yang konon-kononnya pack. Lepas keje pegi Kelas Jepon(selasa &#38; jumaat), tak pom layan [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/ironman_banner.jpg" class="floatbox" rev="group:642 caption:`ironman_banner`"><img class="alignnone size-full wp-image-643" title="ironman_banner" src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/ironman_banner.jpg" alt="ironman2" width="580" height="200" /></a></p>
<p>Kalau dipikirkan balik dah lama aku tak tengok Movie kat panggung, last yang aku dapat ingat pon cerita <del datetime="2010-05-07T16:32:55+00:00"> Fast and Furious4</del> <a href="http://www.imdb.com/title/tt0499549/">Avatar 3D</a>.</p>
<p>Banyak cerita yang aku rancang nak tengok tapi dah terlepas. Salah satunya <a href="http://www.imdb.com/title/tt1014759/">Alice in Wonderland</a>. Disebabkan jadual aku sekarang yang konon-kononnya pack. Lepas keje pegi <a href="http://www.icls.com.my/">Kelas Jepon</a>(selasa &amp; jumaat), tak pom layan <a href="http://en.wikipedia.org/wiki/Counter-Strike">Counter Strike</a> dengan budak-budak ofis.</p>
<p>Weekend aku jarang keluar jauh-jauh sebab Traffic Jam seperti Tiada Lagi Logika, setakat pusing-pusing sekitar Seri Kembangan &amp; Bukit Jalil.<br />
(Bukit Jalil pon dah Jem sebab area situ dijadikan <a href="http://www.malaysiakini.com/news/128462">Hentian Pudu Sementara</a>)</p>
<p>OK, ahad lalu aku pegi layan Ironman 2 kat Alamanda Putrajaya, tiket dah booking siap-siap hari Jumaat, weekend kalau korang beli tiket on the spot mungkin kebarangkalian sold out atau dok kat seat barisan depan (aku kagum tengok ada certain orang boleh layan movie duduk kat seat depan, tak pening ke dok langut ja!! ekekeke <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> )</p>
<p>Dipendekkan cerita aku sampai di Alamanda dalam pukul 0645pm terus ambik tiket di lane Booking (barisan lane biasa dah panjang macam keretapi), movie start 0700pm. Kat tempat menunggu sebelum masuk ke panggung pom orang ramai beratur macam tayangan hari tu free seating, munkin ada panggung free seating&#8230;..kot?</p>
<p>Masuk panggung layan iklan-iklan panas badan dulu, ada preview cerita <a href="http://www.imdb.com/title/tt0473075/">Prince of Persia: The Sands of Time</a>, aku tak impress dengan jalan cerita dia (dagger yang kecik miut boleh unleash sandstorm yang boleh menyebabkan kemusnahan dunia &#8211; lain la something enormous)</p>
<p>Untuk cerita Ironman 2, pada pandangan aku overall quite good, ada unsur-unsur Aksi, Komedi, Element of Surprise, cintan-cintan. Tapi ada certain part aku tak berapa puas hati&#8230;nanti korang tengok sendiri ok. <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>Ironman 2 Trailer</h3>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/siQgD9qOhRs&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/siQgD9qOhRs&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p><img class="alignnone size-full wp-image-664" title="ironman" src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/ironman.jpg" alt="ironman" width="350" height="350" /></p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/tony_stark.jpg" class="floatbox" rev="group:642 caption:`tony_stark`"><img class="alignnone size-full wp-image-666" title="tony_stark" src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/05/tony_stark.jpg" alt="tony stark" width="350" height="350" /></a></p>
<h3>Lain-lain</h3>
<p>Ironman 2 Website: <a href="http://ironmanmovie.marvel.com/">http://ironmanmovie.marvel.com/</a><br />
Ironman 2 Synopsis: <a href="http://www.imdb.com/title/tt1228705/synopsis">http://www.imdb.com/title/tt1228705/synopsis</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=JdAuwDA286w:NQOVRpi8k9Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/blog/siri-hujung-minggu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/blog/siri-hujung-minggu/</feedburner:origLink></item>
		<item>
		<title>Cara install Adobe Photoshop brushes</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/coE6WtSITXM/</link>
		<comments>http://safwanrahman.websfavor.com/tutorial/install-brushes-photoshop/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 07:31:09 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=607</guid>
		<description><![CDATA[File yang perlu di muat turun Strokes and Spills set &#8211; set brushes Cara-caranya Langkah pertama, muat turun file di atas. Setelah siap dimuat turun, letakkan file tersebut ke dalam folder C:\Program Files\Adobe\Adobe Photoshop CS4\Presets\Brushes &#8221; jika Photoshop korang tengah Run masa process ini, korang perlu restart semula Photoshop, kalau tak brush baru ini tak [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/install_brush_banner.jpg" class="floatbox" rev="group:607 caption:`install_brush_banner`"><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/install_brush_banner.jpg" alt="" title="install_brush_banner" width="580" height="200" class="alignnone size-full wp-image-630" /></a></p>
<h3 id="download">File yang perlu di muat turun</h3>
<ol>
<li><a href="http://www.brusheezy.com/brush/1420-Strokes-and-Spills-set">Strokes and Spills set</a> &#8211;  set brushes</li>
</ol>
<h3>Cara-caranya</h3>
<p>Langkah pertama, muat turun file di <a href="#download">atas</a>.</p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/download_pic.jpg" alt="" title="download_pic" width="300" height="211" class="alignnone size-full wp-image-612" /></p>
<p>Setelah siap dimuat turun, letakkan file tersebut ke dalam folder <span class="highlight">C:\Program Files\Adobe\Adobe Photoshop CS4\Presets\Brushes</span> </p>
<blockquote><p>&#8221; jika Photoshop korang tengah Run masa process ini, korang perlu restart semula Photoshop, kalau tak brush baru ini tak akan muncul. &#8220;</p></blockquote>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/transfer_brushes.jpg" alt="" title="transfer_brushes" width="450" height="288" class="alignnone size-full wp-image-617" /></p>
<p>Sekarang, buka Adobe Photoshop and pilih Brush Tool.</p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/brush_tool.jpg" alt="" title="brush_tool" width="179" height="120" class="alignnone size-full wp-image-619" /></p>
<p>Kemudian, <strong>right-click</strong> pada canvas anda, dan menu seperti gambar rajah di bawah akan muncul, dapat lihat di situ set brush yang di muat turun sebentar td, <span class="highlight">brush_strokes_and_spills</span>.</p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/choose_brush.jpg" alt="" title="choose_brush" width="450" height="247" class="alignnone size-full wp-image-620" /></p>
<p>Ok, dah pilih <span class="highlight">brush_strokes_and_spills</span>, kita kasi test cop sikit.</p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/03/test_brush.jpg" alt="" title="test_brush" width="200" height="200" class="alignnone size-full wp-image-622" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=coE6WtSITXM:K4CWu192UOA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/tutorial/install-brushes-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/tutorial/install-brushes-photoshop/</feedburner:origLink></item>
		<item>
		<title>Lawatan ke Rumah Tok Su, Kedah</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/As4pzxoEbKQ/</link>
		<comments>http://safwanrahman.websfavor.com/blog/lawatan-ke-rumah-tok-su/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 09:28:59 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=573</guid>
		<description><![CDATA[Mari melawat Rumah Tok Sue (gambar di atas) Hari kedua aku kat Kampung halamanku :Jitra. Hari ni sempat aku ke majlis kenduri kahwin kawan masa sekolah menengah, last jumpa waktu Form 3. Tahniah untuk beliau, semoga bahagia ke anak cucu cicik. Lepas kenduri aku dengan 3 orang member cargas ke Alor Star dengan harapan nak [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/font.jpg" alt="" title="font" width="580" height="370" class="alignnone size-full wp-image-584" /></p>
<p>Mari melawat Rumah Tok Sue (gambar di atas)<br />
Hari kedua aku kat Kampung halamanku :<a href="http://en.wikipedia.org/wiki/Jitra">Jitra</a>. Hari ni sempat aku ke majlis kenduri kahwin kawan masa sekolah menengah, last jumpa waktu Form 3. Tahniah untuk beliau, semoga bahagia ke anak cucu cicik.</p>
<p>Lepas kenduri aku dengan 3 orang member cargas ke Alor Star dengan harapan nak melepak di <a href="http://wikimapia.org/2308666/Taman-Rimba-Jubli-Perak">Taman Rimba</a> sambil menunggu member aku sorang lagi yang ontheway konon-kononnya nak buat shooting kat situ. Bila sampai kat situ tengok ramai couple-couple dari pelbagai peringkat umur berdating secara terbuka(pakcik-pakcik &#038; Makcik-makcik pon ada!).</p>
<p>So untuk tidak memcacatkan sesi konon-kononnya shooting member aku ni, kitaorang pom tukar plan pegi ke Rumah Tok Sue(Terletak seberang Taman Rimba &#8211; aku pom tak tau ada Rumah Tok Su kat situ, so ni first time aku p sini).</p>
<p>Nak cerita pasal Rumah Tok Su ni sebenarnya dia berasal dari Kampung Permatang Kerat Telunjuk, Bandar Baru, Kulim, Kedah. Jadi kiranya rumah ni didirikan semula di Alor Star (memakan masa kira-kira dalam 4 bulan). Tarikh pembinaan asal iaitu pada 1896, dalam proses dirikan semula, pada atas tiang seri dijumpai duit syiling &#8216;Straits Settlements&#8217; tahun 1896 sebagai tanda tarikh pembinaannya. Ia merupakan tradisi orang melayu dahulu bagi mengingati tarikh ianya dibina.</p>
<p>Ia pernah dijadikan lokasi untuk mesyuarat politik dan pertemuan anggota Pergerakan Barisan Pemuda yang memperjuangkan bangsa Melayu sebelum negara mencapai kemerdekaan.</p>
<p>Apa-apa pon jom layan gambar!</p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/12.jpg" alt="Rumah Tok Su Image 1" title="12" width="300" height="225" class="alignnone size-full wp-image-586" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/13.jpg" alt="Rumah Tok Su Image 2" title="13" width="300" height="225" class="alignnone size-full wp-image-588" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/14.jpg" alt="Rumah Tok Su Image 3" title="14" width="300" height="225" class="alignnone size-full wp-image-592" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/15.jpg" alt="" title="15" width="300" height="225" class="alignnone size-full wp-image-594" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/17.jpg" alt="" title="17" width="300" height="225" class="alignnone size-full wp-image-595" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/18.jpg" alt="" title="18" width="300" height="225" class="alignnone size-full wp-image-596" /></p>
<p><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/20.jpg" alt="" title="20" width="300" height="225" class="alignnone size-full wp-image-598" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=As4pzxoEbKQ:PJ6fD2qlGkA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/blog/lawatan-ke-rumah-tok-su/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/blog/lawatan-ke-rumah-tok-su/</feedburner:origLink></item>
		<item>
		<title>Cara Center Div menggunakan CSS</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/7HpP-pAUVnw/</link>
		<comments>http://safwanrahman.websfavor.com/tutorial/center-div-css/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 18:23:43 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[margin]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=538</guid>
		<description><![CDATA[Kebanyakkan website masa kini menggunakan stail center layout yang pada pandangan saya ia dapat membuatkan sebuah website itu nampak lebih kemas dan teratur dari segi alignment. Di sini saya nak kongsi bagaimana caranya untuk aplikasikan center layout dengan betul, dari saya dapat lihat dimana kebanyakkan website tempatan menggunakan attributes position:absolute untuk buatkan website nampak center. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/center_css_img.jpg" class="floatbox" rev="group:538 caption:`center_css_img`"><img src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/02/center_css_img.jpg" alt="" title="center_css_img" width="580" height="200" class="alignnone size-full wp-image-567" /></a></p>
<p>Kebanyakkan website masa kini menggunakan stail center layout yang pada pandangan saya ia dapat membuatkan sebuah website itu nampak lebih kemas dan teratur dari segi alignment.</p>
<p>Di sini saya nak kongsi bagaimana caranya untuk aplikasikan center layout dengan betul, dari saya dapat lihat dimana kebanyakkan website tempatan menggunakan attributes <code>position:absolute </code> untuk buatkan website nampak center. Ini bukanlah cara yang betul kerana layout itu mungkin tidak akan berada dalam kedudukan center jika nilai screen resolution berubah.</p>
<p>Dengan cara yang saya nk tunjuk ni, layout/div/website/BendaBendaYangSamaWaktuDengannya korang akan berada di posisi center pada semua resolusi! Insyallah&#8230;</p>
<p>Apa-apa pon lihat HTML dibawah. Kita anggap div <code>container</code> sebagai div utama layout.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;container&quot;</span>&gt;</span>
	Isi-isi website kat sini
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></pre></div></div>

<p>Sekarang lihat CSS dibawah.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/*Untuk IE6*/</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#container</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">800px</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Lebar container */</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Untuk centerkan container */</span>
	<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Warna latarbelakang container */</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p> Kuncinya terletak pada <code>margin: 0 auto</code>, nilai untuk centerkan layout. Dengan erti kata yang lebih difahami, <code>margin: MarginTopMarginBottom MarginLeftMarginRight</code>. Iaitu Margin Top dan Margin Left nilainya adalah <code>0</code>, manakala Margin Right dan Margin Left nilainya adalah <code>auto</code>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=7HpP-pAUVnw:38_pTKo9tGk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/tutorial/center-div-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/tutorial/center-div-css/</feedburner:origLink></item>
		<item>
		<title>Bunkface: Through My Window</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/fBzz2rqEtGs/</link>
		<comments>http://safwanrahman.websfavor.com/video/bunkface-through-my-window/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 19:02:41 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Video]]></category>
		<category><![CDATA[bunkface]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=523</guid>
		<description><![CDATA[Who is Bunkface? What started as casual jamming sessions among four secondary school friends ended up in the formation a band, Bunkface. Three years on and they&#8217;re now widely known as a rising star in the local music scene. Although the band was formed in 2005, it was only in late 2006 when they caught [...]]]></description>
			<content:encoded><![CDATA[<h3><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2010/01/bunkface.jpg" class="floatbox" rev="group:523 caption:`bunkface`"><img class="alignnone size-full wp-image-531" title="bunkface" src="http://safwanrahman.websfavor.com/wp-content/uploads/2010/01/bunkface.jpg" alt="" width="580" height="200" /></a></h3>
<h3>Who is Bunkface?</h3>
<p>What started as casual jamming sessions among four secondary school friends ended up in the formation a band, Bunkface. Three years on and they&#8217;re now widely known as a rising star in the local music scene. Although the band was formed in 2005, it was only in late 2006 when they caught the attention of the public through their participation in the hit TV show Blastoff.</p>
<p>Read more at <a title="Bunkface Myspace" href="http://www.myspace.com/bunkface" target="_blank">Bunkface Myspace</a></p>
<h3>Through My Window Song</h3>
<p>[There is a video that cannot be displayed in this feed. <a href="http://safwanrahman.websfavor.com/video/bunkface-through-my-window/">Visit the blog entry to see the video.]</a></p>
<blockquote><p>&#8221; Through My Window &#8211; This song is not ours, it’s everybody’s. This song is owned by the public who collaborates to sing this song and believe in what it’s promoting. Which is why the public are invited to sing it their way, remix it their way, do whatever they want with it. We’re just lucky to be the initial band behind this song. So, follow up guys!! There will be so much more!! &#8221; &#8211; Bunkface</p></blockquote>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=fBzz2rqEtGs:ezSmqNu2JJE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/video/bunkface-through-my-window/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/video/bunkface-through-my-window/</feedburner:origLink></item>
		<item>
		<title>Bagaimana Membuat Efek Tilt-Shift</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/wU2ldPmMRX8/</link>
		<comments>http://safwanrahman.websfavor.com/tutorial/membuat-efek-tilt-shift-menggunakan-photoshop/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 17:30:33 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[miniatur]]></category>
		<category><![CDATA[tilt-shift]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=470</guid>
		<description><![CDATA[Apa itu Tilt Shift? Tilt Shift ada satu teknik fotogafi di mana sesuatu gambar pemandangan atau objek dibuat supaya nampak seakan-akan seperti model miniatur. Gambar yang digunakan dalam tutorial ini: http://www.sxc.hu/photo/1142221 (Perlu Daftar untuk download gambar) Langkah 1 Buka gambar yang diambil dari http://www.sxc.hu/photo/1142221 dengan photoshop dan tukar ke mode Quick Mask (Q) Langkah 2 [...]]]></description>
			<content:encoded><![CDATA[<h3><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/tilt-shift_title.jpg" class="floatbox" rev="group:470 caption:`tilt-shift_title`"><img class="alignnone size-full wp-image-499" title="tilt-shift_title" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/tilt-shift_title.jpg" alt="" width="580" height="200" /></a></h3>
<h3>Apa itu Tilt Shift?</h3>
<p>Tilt Shift ada satu teknik fotogafi di mana sesuatu gambar pemandangan atau objek dibuat supaya nampak seakan-akan seperti model miniatur.</p>
<h3>Gambar yang digunakan dalam tutorial ini:</h3>
<ol>
<li><a href="http://www.sxc.hu/photo/1142221">http://www.sxc.hu/photo/1142221</a> (Perlu Daftar untuk download gambar)</li>
</ol>
<h3>Langkah 1</h3>
<p>Buka gambar yang diambil dari <a href="http://www.sxc.hu/photo/1142221">http://www.sxc.hu/photo/1142221</a> dengan photoshop dan tukar ke mode Quick Mask (Q)</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step01.jpg" class="floatbox" rev="group:470 caption:`step01`"><img class="alignnone size-full wp-image-476" title="step01" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step01.jpg" alt="" width="220" height="151" /></a></p>
<h3>Langkah 2</h3>
<p>Click pada gradient tool(G) dan pilih Reflected Gradient seperti gambar dibawah:</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step02.jpg" class="floatbox" rev="group:470 caption:`step02`"><img class="alignnone size-full wp-image-479" title="step02" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step02.jpg" alt="" width="322" height="104" /></a></p>
<p>Dan tarik / lukis satu garisan seperti gambar dibawah(untuk ruang focus gambar tersebut)</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step03.jpg" class="floatbox" rev="group:470 caption:`step03`"><img class="alignnone size-full wp-image-481" title="step03" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step03.jpg" alt="" width="580" height="203" /></a></p>
<p>Setelah lukis garisan akan muncul satu garisan merah merentasi gambar seperti di bawah:</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step04.jpg" class="floatbox" rev="group:470 caption:`step04`"><img class="alignnone size-full wp-image-483" title="step04" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step04.jpg" alt="" width="430" height="287" /></a></p>
<h3>Langkah 3</h3>
<p>Sekarang kembali ke Standard Mode(Q)</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step05.jpg" class="floatbox" rev="group:470 caption:`step05`"><img class="alignnone size-full wp-image-485" title="step05" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step05.jpg" alt="" width="183" height="173" /></a></p>
<p>Setelah ke Standard Mode, selection seperti di bawah akan terbentuk</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step06.jpg" class="floatbox" rev="group:470 caption:`step06`"><img class="alignnone size-full wp-image-487" title="step06" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step06.jpg" alt="" width="430" height="294" /></a></p>
<p>Sekarang, dengan selection masih ada pada gambar, pilih efek Lens Blur(Filter &gt; Blur &gt; Lens Blur) dan ikut setting seperti di bawah, click OK. Kemudian nyahkan selection tersebut(Ctrl+D).</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step07.jpg" class="floatbox" rev="group:470 caption:`step07`"><img class="alignnone size-full wp-image-489" title="step07" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step07.jpg" alt="" width="580" height="452" /></a></p>
<h3>Langkah 4</h3>
<p>Langkah terakhir, ubah gambar nampak lebih cerah/plastik. Pertama Hue/Saluration(Ctrl+U). Guna setting seperti di bawah</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step08.jpg" class="floatbox" rev="group:470 caption:`step08`"><img class="alignnone size-full wp-image-491" title="step08" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step08.jpg" alt="" width="300" height="268" /></a></p>
<p>Kemudian Curves(Ctrl+M), ikut setting seperti di bawah</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step09.jpg" class="floatbox" rev="group:470 caption:`step09`"><img class="alignnone size-full wp-image-492" title="step09" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step09.jpg" alt="" width="300" height="297" /></a></p>
<p>Akhir sekali, Brightness/Contrast(Image &gt; Adjustment &gt; Brightness/Contrast). Ikut setting dibawah <img src='http://safwanrahman.websfavor.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step10.jpg" class="floatbox" rev="group:470 caption:`step10`"><img class="alignnone size-full wp-image-494" title="step10" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/step10.jpg" alt="" width="250" height="111" /></a></p>
<p>Yea! gambar Tilt-Shift(miniatur) telah siap!</p>
<p><a href="http://www.flickr.com/photos/safwanrahman/4218738585/sizes/l/"><img class="alignnone size-full wp-image-496" title="done" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/done.jpg" alt="" width="580" height="387" /></a></p>
<p>Click pada gambar diatas untuk paparan yang lebih besar.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=wU2ldPmMRX8:1oTylCBjSHY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/tutorial/membuat-efek-tilt-shift-menggunakan-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/tutorial/membuat-efek-tilt-shift-menggunakan-photoshop/</feedburner:origLink></item>
		<item>
		<title>How to create and add favicon</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/lGo5XigESN8/</link>
		<comments>http://safwanrahman.websfavor.com/tutorial/how-to-create-and-add-favicon/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 14:49:54 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[favicon]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=406</guid>
		<description><![CDATA[What is Favicon? A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/favion_img.jpg" class="floatbox" rev="group:406 caption:`favion_img`"><img class="alignnone size-full wp-image-461" title="favion_img" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/favion_img.jpg" alt="How to create Favicon" width="580" height="200" /></a></p>
<h3>What is Favicon?</h3>
<p>A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page&#8217;s favicon in the browser&#8217;s address bar and next to the page&#8217;s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page&#8217;s favicon next to the page&#8217;s title on the tab. &#8211; <a href="http://en.wikipedia.org/wiki/Favicon" target="_blank">wikipedia</a></p>
<h3>File that need to download</h3>
<ol>
<li>ICO Format(Extension) Element Plugin for Photoshop: <a href="http://www.telegraphics.com.au/sw/" target="_blank">Download Here</a><br />
<small class="highlight">Place downloaded file into your photoshop plugins folder: \rootFolderPhotoshop\Plug-Ins\Extensions\</small></li>
</ol>
<h3>How to create Favicon?</h3>
<p>First of all, find an image as your favicon. Use Adobe Photoshop, resize (ctrl+alt+i) the image to 32px X 32px or 16px X 16px(Select <span class="highlight">Bicubic Sharper</span> from the dropdown), click OK.Then save(crtl+shift+s) the image in .ico format (This format will only be available in Photoshop after you download and install the plugin)</p>
<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/resize_img_favicon.jpg" class="floatbox" rev="group:406 caption:`resize_img_favicon`"><img class="size-full wp-image-433 alignnone" title="resize_img_favicon" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/resize_img_favicon.jpg" alt="" width="406" height="352" /></a></p>
<p>Now we have done the Create part.</p>
<h3>How to add Favicon</h3>
<p>This is the most easy part, place the favicon image that we made just now into your images folder(it doesn&#8217;t matter where you want to put into, but make sure the image path is correct)</p>
<p>Now we need to edit the html file where you want to place the favicon. Place below code before the &lt;/head&gt; tag:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;shortcut icon&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;image/ico&quot;</span>  <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://yourdomain/your-favion-url.ico&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span></pre></div></div>

<p>Replace this <code class="highlight">http://yourdomain/your-favion-url.ico</code> with your favicon path and you are done!</p>
<blockquote><p>&#8221; For WordPress user that do not have basic HTML knowledge and do not have a clue what I posted about above. You guys can download ready to go favicon plugin for wordpress here: <a href="http://www.maxblogpress.com/plugins/mfi/">MaxBlogPress Favicon</a></p></blockquote>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=lGo5XigESN8:au2tuuXFhIM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/tutorial/how-to-create-and-add-favicon/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/tutorial/how-to-create-and-add-favicon/</feedburner:origLink></item>
		<item>
		<title>New Start for upcoming 2010</title>
		<link>http://feedproxy.google.com/~r/http/safwanrahmanwebsfavorcom/feed/~3/sWASl47IbFE/</link>
		<comments>http://safwanrahman.websfavor.com/blog/new-start-for-upcoming-2010/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 17:49:07 +0000</pubDate>
		<dc:creator>Safwan Rahman</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://safwanrahman.websfavor.com/?p=393</guid>
		<description><![CDATA[[Post Protected]]]></description>
			<content:encoded><![CDATA[<p><a href="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/20101.jpg" class="floatbox" rev="group:393 caption:`2010`"><img class="alignnone size-full wp-image-468" title="2010" src="http://safwanrahman.websfavor.com/wp-content/uploads/2009/12/20101.jpg" alt="2010" width="500" height="267" /></a></p>
<p>[Post Protected]</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?a=sWASl47IbFE:fNDmV4_UxHI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/http/safwanrahmanwebsfavorcom/feed?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://safwanrahman.websfavor.com/blog/new-start-for-upcoming-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://safwanrahman.websfavor.com/blog/new-start-for-upcoming-2010/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.953 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-09-02 11:11:25 -->
