<?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:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WheeQo.web.id &#187; Tutorial</title>
	<atom:link href="http://wheeqo.web.id/category/tutorial/feed" rel="self" type="application/rss+xml" />
	<link>http://wheeqo.web.id</link>
	<description>Sharing Knowledge to the World</description>
	<lastBuildDate>Sat, 17 Jul 2010 14:12:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Block Flash Element on Opera Browser</title>
		<link>http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser</link>
		<comments>http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser#comments</comments>
		<pubDate>Sat, 17 Jul 2010 09:38:55 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[block]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[userscripts.org]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=465</guid>
		<description><![CDATA[How To Block Flash Element on Opera Browser There are many ways to block flash element(s) in Opera. And here is one of it: 1. Download script BlockFlash2 from userscripts.org. 2. Save it to a specific place (right click on Install button then Save Linked Content As&#8230;), such as: D:\scripts\45343.user.js 3. In Opera browser go [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/download-specified-file-from-opera' rel='bookmark' title='Permanent Link: Download Specified File from Opera'>Download Specified File from Opera</a> <small>When I open particular file by web with Opera broswser,...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/show-opera-progress-bar' rel='bookmark' title='Permanent Link: Show Opera Progress Bar'>Show Opera Progress Bar</a> <small>Opera Progress Bar shows some information about what is going...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube' rel='bookmark' title='Permanent Link: Tips Download Video dari YouTube'>Tips Download Video dari YouTube</a> <small>Cara 1: Update Juni 2010: Cara ini dapat dilakukan di...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h3>How To Block Flash Element on Opera Browser</h3>
<p>There are many ways to block flash element(s) in Opera. And here is one of it:<br />
1. Download script <a href="http://userscripts.org/scripts/show/45343">BlockFlash2</a> from <a href=" http://userscripts.org/scripts/show/45343">userscripts.org</a>.<br />
2. Save it to a specific place (right click on <strong>Install</strong> button then <strong>Save Linked Content As&#8230;</strong>), such as: D:\scripts\45343.user.js<br />
3. In Opera browser go to <strong>Settings</strong> -> <strong>Preferences&#8230;</strong> -> tab <strong>Advanced</strong> -> <strong>Content</strong> -> click on <strong>JavaScript Options&#8230;</strong> button.<br />
4. On <strong>User JavaScript folder</strong>, set the folder to D:\scripts. OK and OK.<br />
5. Click on [Play/Stop Flash] to play/stop Flash.</p>
<p>Preview:<br />
<img src="http://i30.tinypic.com/30w1a47.jpg" alt="Flash Block Preview on Opera Browser" /></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/download-specified-file-from-opera' rel='bookmark' title='Permanent Link: Download Specified File from Opera'>Download Specified File from Opera</a> <small>When I open particular file by web with Opera broswser,...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/show-opera-progress-bar' rel='bookmark' title='Permanent Link: Show Opera Progress Bar'>Show Opera Progress Bar</a> <small>Opera Progress Bar shows some information about what is going...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube' rel='bookmark' title='Permanent Link: Tips Download Video dari YouTube'>Tips Download Video dari YouTube</a> <small>Cara 1: Update Juni 2010: Cara ini dapat dilakukan di...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser" rel="bookmark">Block Flash Element on Opera Browser</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 17 July 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Non-System Web Font with HTML5 @font-face Syntax</title>
		<link>http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax</link>
		<comments>http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax#comments</comments>
		<pubDate>Sat, 03 Jul 2010 03:14:01 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[eot]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[otf]]></category>
		<category><![CDATA[ttf]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[yikes]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=455</guid>
		<description><![CDATA[In this post I just want to try the new feature of HTML5 that is non-system web font support, to be used in my blog which is using WordPress. Well I&#8217;ve read some reference to implement this feature which will use @font-face syntax. You can read: Bulletproof @font-face syntax article for the tutorial and @font-face [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress' rel='bookmark' title='Permanent Link: Insert Facebook Like Button to WordPress'>Insert Facebook Like Button to WordPress</a> <small>Taken from Cordobo.com, Integrate Facebook’s “Like” Plugin into WordPress. The...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>In this post I just want to try the new feature of HTML5 that is non-system web font support, to be used in my blog which is using <a href="http://wheeqo.web.id/category/wordpress">WordPress</a>. Well I&#8217;ve read some reference to implement this feature which will use <strong>@font-face</strong> syntax. You can read:<br />
<a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/">Bulletproof @font-face syntax</a> article for the tutorial and <a href="http://www.fontsquirrel.com/fontface/generator">@font-face Generator</a> which will generate files like .eot (used by Internet Explorer to support css @font-face declarations), .svg, .html, and .css; so that you can learn @font-face syntax from those files. For converter .ttf or .otf to .eot you can use <a href="http://code.google.com/p/ttf2eot/">application to convert TTF files to EOT</a>. Don&#8217;t forget to read the <a href="http://code.google.com/p/ttf2eot/wiki/Demo">wiki how to use the application</a>.</p>
<p>I will show short tutorial how to implement @font-face syntax. Prepare <strong>.ttf</strong> or <strong>.otf</strong> font and <strong>.eot</strong> file. Upload it to folder of your template where there is css file. For the example I use <a href="http://www.dafont.com/yikes.font">Yikes font</a>.</p>
<p>Edit css and insert this code:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">@</span>font<span style="color: #339933;">-</span>face <span style="color: #009900;">&#123;</span>
	font<span style="color: #339933;">-</span>family<span style="color: #339933;">:</span> <span style="color: #0000ff;">'Yikes'</span><span style="color: #339933;">;</span>
	src<span style="color: #339933;">:</span> url<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'yikes.eot'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	src<span style="color: #339933;">:</span> local<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'☺'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> url<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'yikes.ttf'</span><span style="color: #009900;">&#41;</span> format<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'truetype'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	font<span style="color: #339933;">-</span>weight<span style="color: #339933;">:</span> normal<span style="color: #339933;">;</span>
	font<span style="color: #339933;">-</span>style<span style="color: #339933;">:</span> normal<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #339933;">.</span>yikes1 <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">:</span> 2em <span style="color: #0000ff;">'Yikes'</span><span style="color: #339933;">,</span> Arial<span style="color: #339933;">,</span> sans<span style="color: #339933;">-</span>serif<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span></pre></div></div>

<p>If you use wordpress change to HTML mode when create new post, then insert this code (for example):</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>p <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;yikes1&quot;</span><span style="color: #339933;">&gt;</span>R<span style="color: #339933;">.</span> Bambang Widiatmoko<span style="color: #339933;">&lt;</span>br <span style="color: #339933;">/&gt;</span>Featuring Yikes font<span style="color: #339933;">&lt;/</span>p<span style="color: #339933;">&gt;</span></pre></div></div>

<p>And here is the result:</p>
<p class="yikes1">R. Bambang Widiatmoko<br />Featuring Yikes font</p>
<p>Try to select the text ^^</p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress' rel='bookmark' title='Permanent Link: Insert Facebook Like Button to WordPress'>Insert Facebook Like Button to WordPress</a> <small>Taken from Cordobo.com, Integrate Facebook’s “Like” Plugin into WordPress. The...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax" rel="bookmark">Non-System Web Font with HTML5 @font-face Syntax</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 3 July 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Facebook Chat on Pidgin</title>
		<link>http://wheeqo.web.id/tutorial/facebook-chat-on-pidgin</link>
		<comments>http://wheeqo.web.id/tutorial/facebook-chat-on-pidgin#comments</comments>
		<pubDate>Mon, 24 May 2010 09:11:12 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[chat]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[pidgin]]></category>
		<category><![CDATA[xmpp]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=420</guid>
		<description><![CDATA[How To Add Facebook Chat to Pidgin 1. On Pidgin go to menu Accounts -> Manage Accounts 2. In Accounts window click Add&#8230; button 3. Use this settings: Protocol: XMPP Username: username in Facebook, like in www.facebook.com/username Domain: chat.facebook.com Password: user password in Facebook 4. Go to tab Advanced -> clear check on Require SSL/TLS [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/download-specified-file-from-opera' rel='bookmark' title='Permanent Link: Download Specified File from Opera'>Download Specified File from Opera</a> <small>When I open particular file by web with Opera broswser,...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser' rel='bookmark' title='Permanent Link: Block Flash Element on Opera Browser'>Block Flash Element on Opera Browser</a> <small>How To Block Flash Element on Opera Browser There are...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h3>How To Add Facebook Chat to Pidgin</h3>
<p>1. On Pidgin go to menu <strong>Accounts</strong> -> <strong>Manage Accounts</strong><br />
2. In Accounts window click <strong>Add&#8230;</strong> button<br />
3. Use this settings:</p>
<ol>
<li><strong>Protocol: XMPP</strong></li>
<li><strong>Username:</strong> <em>username</em> in Facebook, like in www.facebook.com/<em>username</em></li>
<li><strong>Domain: chat.facebook.com</strong></li>
<li><strong>Password:</strong> user password in Facebook</li>
</ol>
<p><img src="http://i46.tinypic.com/2ev7sqp.jpg" alt="account_setting_facebook_chat_pidgin" /></p>
<p>4. Go to tab <strong>Advanced</strong> -> clear check on <strong>Require SSL/TLS</strong> option.<br />
<img src="http://i47.tinypic.com/oiswno.jpg" alt="Advanced tab" /></p>
<p>5. Click <strong>Add</strong> then <strong>Close</strong>.<br />
6. Facebook chat ready to use.</p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/download-specified-file-from-opera' rel='bookmark' title='Permanent Link: Download Specified File from Opera'>Download Specified File from Opera</a> <small>When I open particular file by web with Opera broswser,...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser' rel='bookmark' title='Permanent Link: Block Flash Element on Opera Browser'>Block Flash Element on Opera Browser</a> <small>How To Block Flash Element on Opera Browser There are...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/facebook-chat-on-pidgin" rel="bookmark">Facebook Chat on Pidgin</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 24 May 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/facebook-chat-on-pidgin/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Firefox with Google Chrome Style</title>
		<link>http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style</link>
		<comments>http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style#comments</comments>
		<pubDate>Sat, 15 May 2010 00:39:45 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[chromifox extreme]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[foobar]]></category>
		<category><![CDATA[google chrome]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tiny menu]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=399</guid>
		<description><![CDATA[I use Google Chrome as my primary browser, one of the reason is its simple looking, use effectively of monitor area. With a few modifications, Firefox can also imitate the Chrome style. Here&#8217;s how to do it. First you must install these theme and extensions: 1. Theme: Chromifox Extreme. 2. Extension: Foobar, this will combine [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube' rel='bookmark' title='Permanent Link: Tips Download Video dari YouTube'>Tips Download Video dari YouTube</a> <small>Cara 1: Update Juni 2010: Cara ini dapat dilakukan di...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/xhtml-valid-google-adsense-search' rel='bookmark' title='Permanent Link: xHTML Valid in Google Adsense for Search'>xHTML Valid in Google Adsense for Search</a> <small>The default code in Google Adsense for Search is invalid...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://i41.tinypic.com/25rjvo9.jpg" alt="Firefox with Google Chrome Style" /><br />
I use Google Chrome as my primary browser, one of the reason is its simple looking, use effectively of monitor area. With a few modifications, Firefox can also imitate the Chrome style. Here&#8217;s how to do it.<br />
<span id="more-399"></span></p>
<p><em>First</em> you must install these theme and extensions:<br />
1. Theme: <a href="https://addons.mozilla.org/en-US/firefox/addon/10674"><strong>Chromifox Extreme</strong></a>.<br />
2. Extension: <a href="https://addons.mozilla.org/en-US/firefox/addon/84985"><strong>Foobar</strong></a>, this will combine address and search box.<br />
3. Extension: <a href="https://addons.mozilla.org/en-US/firefox/addon/1455"><strong>Tiny Menu</strong></a>, this will simplified menu bar into.<br />
<img src="http://i40.tinypic.com/9sgzk0.jpg" alt="Firefox after install Chromifox, Foobar, and TinyMenu" /></p>
<p><em>Second</em>, right click on toolbar and choose <strong>Customize&#8230;</strong><br />
<img src="http://i40.tinypic.com/11764no.jpg" alt="Customize toolbar" /></p>
<p><em>Third</em>, drag <strong>Bookmarks Toolbar Items</strong> to Menu Bar row. Then <strong>OK</strong>.<br />
<img src="http://i43.tinypic.com/169kw9z.jpg" alt="Drag Bookmarks Toolbar Items to Menu Bar row" /></p>
<p><em>Fourth</em>, right click on toolbar and hide <strong>Bookmarks Toolbar</strong><br />
<img src="http://i44.tinypic.com/33tkmmx.jpg" alt="Hide Bookmarks Toolbar" /></p>
<p>Done ^^</p>
<p>Let&#8217;s compare with Google Chrome.<br />
<img src="http://i41.tinypic.com/25rjvo9.jpg" alt="Firefox with Google Chrome style" /><br />
<img src="http://i43.tinypic.com/6t1y4w.jpg" alt="Google Chrome preview" /></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube' rel='bookmark' title='Permanent Link: Tips Download Video dari YouTube'>Tips Download Video dari YouTube</a> <small>Cara 1: Update Juni 2010: Cara ini dapat dilakukan di...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/xhtml-valid-google-adsense-search' rel='bookmark' title='Permanent Link: xHTML Valid in Google Adsense for Search'>xHTML Valid in Google Adsense for Search</a> <small>The default code in Google Adsense for Search is invalid...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style" rel="bookmark">Firefox with Google Chrome Style</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 15 May 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tips 7-zip Portable: Associate with Files and Integrate to Context Shell Menu</title>
		<link>http://wheeqo.web.id/tutorial/tips-7-zip-portable-associate-with-files-and-integrate-to-context-shell-menu</link>
		<comments>http://wheeqo.web.id/tutorial/tips-7-zip-portable-associate-with-files-and-integrate-to-context-shell-menu#comments</comments>
		<pubDate>Fri, 07 May 2010 23:43:59 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[7-zip]]></category>
		<category><![CDATA[context shell menu]]></category>
		<category><![CDATA[portable]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=391</guid>
		<description><![CDATA[7-zip is my first choice to handle compressed files, simple, lightweight, and available in portable. The main problems for the portable one are associating 7-zip with files and integrate it in Windows context shell menu. Associate 7-zip with Files 1. Open 7-zip -> select menu Tools -> Options&#8230; 2. In System tab, check type of [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.7-zip.org">7-zip</a> is my first choice to handle compressed files, simple, lightweight, and available in portable. The main problems for the portable one are associating 7-zip with files and integrate it in Windows context shell menu.<br />
<img src="http://i44.tinypic.com/30hnakg.jpg" alt="Preview 7-zip context shell menu" /><br />
<span id="more-391"></span></p>
<h3>Associate 7-zip with Files</h3>
<p>1. Open 7-zip -> select menu <strong>Tools</strong> -> <strong>Options&#8230;</strong><br />
2. In <strong>System</strong> tab, check type of file you want to associate with or just click <strong>Select all</strong>.<br />
<img src="http://i42.tinypic.com/10fwbco.jpg" alt="Associate 7-zip with files" /></p>
<h3>Integrate 7-zip to Context Shell Menu</h3>
<p>1. Still in <strong>Options</strong>, go to <strong>Plugins</strong> tab -> select <strong>7-zip</strong> -> click <strong>Options&#8230;</strong><br />
<img src="http://i40.tinypic.com/msy77.jpg" alt="Plugins tab" /></p>
<p>2. In <strong>System</strong> tab -> check <strong>Integrate 7-zip to context menu</strong> option.<br />
<img src="http://i43.tinypic.com/o932b9.jpg" alt="Integrate 7-zip to context shell menu" /></p>
<p>3. Click <strong>OK</strong> and <strong>OK</strong> and it&#8217;s done <img src='http://wheeqo.web.id/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/tips-7-zip-portable-associate-with-files-and-integrate-to-context-shell-menu" rel="bookmark">Tips 7-zip Portable: Associate with Files and Integrate to Context Shell Menu</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 8 May 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/tips-7-zip-portable-associate-with-files-and-integrate-to-context-shell-menu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Insert Facebook Like Button to WordPress</title>
		<link>http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress</link>
		<comments>http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress#comments</comments>
		<pubDate>Sat, 24 Apr 2010 01:17:04 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[like button]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=387</guid>
		<description><![CDATA[Taken from Cordobo.com, Integrate Facebook’s “Like” Plugin into WordPress. The original code can be generated from Facebook&#8217;s Like Button generator. Here is how to insert the code. Update: One of the WordPress social bookmark plugin, Digg Digg, now add Facebook Like Button. Insert the Code 1. Edit your theme. Appearance -> Editor -> Single Post [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='Permanent Link: Tips Insert Image in Joomla!'>Tips Insert Image in Joomla!</a> <small>There are many ways to insert image(s) in Joomla!. The...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax' rel='bookmark' title='Permanent Link: Non-System Web Font with HTML5 @font-face Syntax'>Non-System Web Font with HTML5 @font-face Syntax</a> <small>In this post I just want to try the new...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress' rel='bookmark' title='Permanent Link: Fix RSS Feed Error in WordPress'>Fix RSS Feed Error in WordPress</a> <small>Recently I got error when I try to validate my...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://i39.tinypic.com/2eezsq9.jpg" alt="Facebook Like Button" /><br />
Taken from Cordobo.com, <a href="http://cordobo.com/1608-facebook-like-plugin-wordpress/">Integrate Facebook’s “Like” Plugin into WordPress</a>.</p>
<p>The original code can be generated from <a href="http://developers.facebook.com/docs/reference/plugins/like">Facebook&#8217;s Like Button generator</a>. Here is how to insert the code.</p>
<p><strong>Update</strong>: One of the WordPress social bookmark plugin, <a href="http://www.mkyong.com/blog/digg-digg-wordpress-plugin"><strong>Digg Digg</strong></a>, now add Facebook Like Button.<br />
<span id="more-387"></span></p>
<h3>Insert the Code</h3>
<p>1. Edit your theme. <strong>Appearance</strong> -> <strong>Editor</strong> -> <strong>Single Post (single.php)</strong><br />
2. For example I insert the code after the content:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;div class=&quot;content&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;div class=&quot;fixed&quot;&gt;&lt;/div&gt;
&lt;insert the code here&gt;
&lt;/div&gt;
&lt;div class=&quot;under&quot;&gt;</pre></div></div>

<p>3. Here is the code to be inserted:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span>get_permalink<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&amp;amp;layout=standard&amp;amp;show-faces=true&amp;amp;width=500&amp;amp;action=like&amp;amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:500px; height:60px&quot;&gt;&lt;/iframe&gt;</pre></div></div>

<p>4. So the final code would be:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;div class=&quot;content&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;div class=&quot;fixed&quot;&gt;&lt;/div&gt;		
&nbsp;
&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span>get_permalink<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&amp;amp;layout=standard&amp;amp;show-faces=true&amp;amp;width=500&amp;amp;action=like&amp;amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:500px; height:60px&quot;&gt;&lt;/iframe&gt;
&nbsp;
&lt;/div&gt;
&lt;div class=&quot;under&quot;&gt;</pre></div></div>

<p>5. See the different from original code generated by Facebook?<br />
Original:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">href<span style="color: #339933;">=</span>http<span style="color: #339933;">%</span>3A<span style="color: #339933;">%</span>2F<span style="color: #339933;">%</span>2Fwheeqo<span style="color: #339933;">.</span>web<span style="color: #339933;">.</span>id<span style="color: #339933;">%</span>2F<span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;</span></pre></div></div>

<p>Modified:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">href=<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span>get_permalink<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">ID</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&amp;amp;</pre></div></div>



<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='Permanent Link: Tips Insert Image in Joomla!'>Tips Insert Image in Joomla!</a> <small>There are many ways to insert image(s) in Joomla!. The...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax' rel='bookmark' title='Permanent Link: Non-System Web Font with HTML5 @font-face Syntax'>Non-System Web Font with HTML5 @font-face Syntax</a> <small>In this post I just want to try the new...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress' rel='bookmark' title='Permanent Link: Fix RSS Feed Error in WordPress'>Fix RSS Feed Error in WordPress</a> <small>Recently I got error when I try to validate my...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress" rel="bookmark">Insert Facebook Like Button to WordPress</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 24 April 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tips Download Video dari YouTube</title>
		<link>http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube</link>
		<comments>http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube#comments</comments>
		<pubDate>Fri, 19 Mar 2010 14:45:02 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[bookmark]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google chrome]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[pwnyoutube]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[trik]]></category>
		<category><![CDATA[userscripts.org]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=368</guid>
		<description><![CDATA[Cara 1: Update Juni 2010: Cara ini dapat dilakukan di semua browser dan tanpa perlu install addon apapun. 1. Buka pwn YouTube video download bookmarklet 2. Drag link PwnYouTube ke bookmark toolbar browser Anda. 3. Buka video di Youtube, lalu klik link (sebutannya bookmarklet) di bookmark tersebut, maka akan muncul link untuk download video dengan [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style' rel='bookmark' title='Permanent Link: Firefox with Google Chrome Style'>Firefox with Google Chrome Style</a> <small>I use Google Chrome as my primary browser, one of...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/internetan-dengan-notebook-acer-nokia-3110-classic-indosat-m3' rel='bookmark' title='Permanent Link: Internetan dengan Notebook Acer + Nokia 3110 Classic + Indosat M3'>Internetan dengan Notebook Acer + Nokia 3110 Classic + Indosat M3</a> <small>Dua minggu ini dapet notebook pinjeman dari dosen kuliahku, pak...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser' rel='bookmark' title='Permanent Link: Block Flash Element on Opera Browser'>Block Flash Element on Opera Browser</a> <small>How To Block Flash Element on Opera Browser There are...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Cara 1:<br />
<strong>Update Juni 2010</strong>:<br />
Cara ini dapat dilakukan di semua browser dan tanpa perlu install addon apapun.<br />
1. Buka <a href="http://deturl.com/bookmarklet-to-directly-download-videos-from-youtube.asp">pwn YouTube video download bookmarklet</a><br />
2. Drag link <strong>PwnYouTube</strong> ke bookmark toolbar browser Anda.<br />
<img src="http://i50.tinypic.com/2h67bt1.jpg" alt="Drag link to bookmark toolbar" /></p>
<p>3. Buka video di Youtube, lalu klik link (sebutannya bookmarklet) di bookmark tersebut, maka akan muncul link untuk download video dengan pilihan kualitas yang diinginkan.<br />
<img src="http://i48.tinypic.com/sdigb7.jpg" alt="Link to download youtube video with quality option" /></p>
<p>Cara 2:<br />
<strong>Update Mei 2010</strong>:<br />
Persyaratan:<br />
1. <strong>Google Chrome 4+</strong><br />
2. Firefox dengan addon <a href="https://addons.mozilla.org/firefox/addon/748">Greasemonkey</a></p>
<p>- Install script untuk <a href="http://userscripts.org/scripts/show/62634">download video Youtube di userscripts.org</a>.<br />
- Klik pada tombol <strong>Install</strong>.<br />
- Setelah terinstall, buka video Youtube. Di bagian bawah player akan muncul menu untuk download pilihan video high atau low quality.<br />
<img src="http://i47.tinypic.com/jr702c.jpg" alt="Menu Download Video Youtube" /></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/firefox-with-google-chrome-style' rel='bookmark' title='Permanent Link: Firefox with Google Chrome Style'>Firefox with Google Chrome Style</a> <small>I use Google Chrome as my primary browser, one of...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/internetan-dengan-notebook-acer-nokia-3110-classic-indosat-m3' rel='bookmark' title='Permanent Link: Internetan dengan Notebook Acer + Nokia 3110 Classic + Indosat M3'>Internetan dengan Notebook Acer + Nokia 3110 Classic + Indosat M3</a> <small>Dua minggu ini dapet notebook pinjeman dari dosen kuliahku, pak...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/block-flash-element-on-opera-browser' rel='bookmark' title='Permanent Link: Block Flash Element on Opera Browser'>Block Flash Element on Opera Browser</a> <small>How To Block Flash Element on Opera Browser There are...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube" rel="bookmark">Tips Download Video dari YouTube</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 19 March 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/tips-hebat-download-video-dari-youtube/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Inkscape Tutorial: Create Letterpress Text Effect</title>
		<link>http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect</link>
		<comments>http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect#comments</comments>
		<pubDate>Sun, 21 Feb 2010 15:34:51 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[blur]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[inkscape]]></category>
		<category><![CDATA[letterpress]]></category>
		<category><![CDATA[myriad pro]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=350</guid>
		<description><![CDATA[This effect is become famous nowadays especially in web design. Yet very few tutorial with Inkscape. I will show you the ways. I assume you have know basic operation in Inkscape. Preview: The Steps 1. Create rounded rectangle 512x512px. Feel free with the fill color. Mine is blue vertical gradient, the bottom is 00001e and [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw' rel='bookmark' title='Permanent Link: Create Glassy Effect on CorelDRAW'>Create Glassy Effect on CorelDRAW</a> <small>On this tutorial shows how to add a glassy effect...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp' rel='bookmark' title='Permanent Link: Convert Full Color Image to a 3 Color Separation in GIMP'>Convert Full Color Image to a 3 Color Separation in GIMP</a> <small>I will show how to convert from full color image...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/create-slide-show-on-windows-7-desktop-background' rel='bookmark' title='Permanent Link: Create Slide Show on Windows 7 Desktop Background'>Create Slide Show on Windows 7 Desktop Background</a> <small>Windows 7 has a feature to change the desktop background...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>This effect is become famous nowadays especially in web design. Yet very few tutorial with Inkscape. I will show you the ways. I assume you have know basic operation in <a href="http://www.inkscape.org">Inkscape</a>.<br />
<strong>Preview</strong>:<br />
<img src="http://i46.tinypic.com/op4ju1.jpg" alt="Letterpress effect" /><br />
<span id="more-350"></span></p>
<h3>The Steps</h3>
<p>1. Create rounded rectangle 512x512px. Feel free with the fill color. Mine is blue vertical gradient, the bottom is <strong>00001e</strong> and the top is <strong>00005a</strong>.<br />
<img src="http://i47.tinypic.com/9zmvlz.png" alt="Blue vertical gradient" /><br />
2. Create text in middle of rectangle. I use <strong>Myriad Pro</strong> bold font. If you want to control the kerning, edit the text, then use <strong>alt</strong> + <strong>arrow</strong>. Use gray gradient color, the bottom is <strong>1a1a1a</strong> and the top is <strong>666666</strong>.<br />
<img src="http://i46.tinypic.com/1zmnwub.png" alt="Gray vertical gradient" /><br />
3. <em>Step 3 &#8211; 7 see picture below</em>. We will create the white shadow. <strong>Duplicate</strong> (<strong>ctrl</strong> + <strong>D</strong>) the text. Choose the duplicate one.<br />
<img src="http://i50.tinypic.com/30aew3o.png" alt="Create white shadow" /><br />
4. Color it <strong>white</strong>.<br />
5. <strong>Lower it one step</strong>, so it under the gray-gradient text.<br />
6. Move it <strong>right 1px</strong> (x: +1) and <strong>down 1px</strong> (y: -1). Move it by change the coordinate in toolbar.<br />
7. Change the <strong>blur</strong> to 1.<br />
8. Last create inner shadow on gray-gradient text (the original one). Select gray-gradient text. Go to menu <strong>Filter</strong> -> <strong>Shadows and Glows</strong> -> <strong>Inner Shadow</strong>.<br />
<img src="http://i47.tinypic.com/xbycg5.jpg" alt="Inner shadow on gray text" /></p>
<p>Done!</p>
<p><strong>Inkscape ebook recommendation</strong><br />
<iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=555555&amp;lc1=2970A6&amp;t=wheewebidshar-20&amp;o=1&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;asins=1593271816" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=555555&amp;lc1=2970A6&amp;t=wheewebidshar-20&amp;o=1&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;asins=0137051735" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=555555&amp;lc1=2970A6&amp;t=wheewebidshar-20&amp;o=1&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;asins=1430225130" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw' rel='bookmark' title='Permanent Link: Create Glassy Effect on CorelDRAW'>Create Glassy Effect on CorelDRAW</a> <small>On this tutorial shows how to add a glassy effect...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp' rel='bookmark' title='Permanent Link: Convert Full Color Image to a 3 Color Separation in GIMP'>Convert Full Color Image to a 3 Color Separation in GIMP</a> <small>I will show how to convert from full color image...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/create-slide-show-on-windows-7-desktop-background' rel='bookmark' title='Permanent Link: Create Slide Show on Windows 7 Desktop Background'>Create Slide Show on Windows 7 Desktop Background</a> <small>Windows 7 has a feature to change the desktop background...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect" rel="bookmark">Inkscape Tutorial: Create Letterpress Text Effect</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 21 February 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Convert Full Color Image to a 3 Color Separation in GIMP</title>
		<link>http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp</link>
		<comments>http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp#comments</comments>
		<pubDate>Wed, 10 Feb 2010 02:35:47 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[alpha channel]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[color separation]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[inkscape]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[threshold]]></category>
		<category><![CDATA[vectorized]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=277</guid>
		<description><![CDATA[I will show how to convert from full color image to a 3 color separation in GIMP. After learning the tutorial you can make 4, 5, and so on; color separation. With a few color it is also easier to vectorized it, such as with Inkscape. The 3 colors are: white, gray, and black. Before: [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect' rel='bookmark' title='Permanent Link: Inkscape Tutorial: Create Letterpress Text Effect'>Inkscape Tutorial: Create Letterpress Text Effect</a> <small>This effect is become famous nowadays especially in web design....</small></li>
<li><a href='http://wheeqo.web.id/tutorial/transparent-image-in-office-2007' rel='bookmark' title='Permanent Link: Transparent Image in Office 2007'>Transparent Image in Office 2007</a> <small>White Background on Image When we inserting image, except png...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='Permanent Link: Tips Insert Image in Joomla!'>Tips Insert Image in Joomla!</a> <small>There are many ways to insert image(s) in Joomla!. The...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>I will show how to convert from full color image to a 3 color separation in <a href="http://www.gimp.org">GIMP</a>. After learning the tutorial you can make 4, 5, and so on; color separation. With a few color it is also easier to vectorized it, such as with <a href="http://www.inkscape.org">Inkscape</a>.<br />
The 3 colors are: white, gray, and black.<br />
Before:<br />
<img src="http://i48.tinypic.com/264oqkn.png" alt="Bus Full Color" /><br />
After:<br />
<img src="http://i48.tinypic.com/e9d6jn.png" alt="Bus 3 Color" /><br />
<span id="more-277"></span></p>
<h3>The Steps</h3>
<p>1. Duplicate into 3 layer. Rename it each one with <strong>white</strong>, <strong>gray</strong>, and <strong>black</strong>.<br />
<img src="http://i48.tinypic.com/t00y9g.png" alt="Duplicate into 3 layer" /></p>
<p>2. We will start with the gray layer. Select gray layer and hide the other layer. Go to menu <strong>Colors</strong> -> <strong>Threshold&#8230;</strong>.<br />
<img src="http://i48.tinypic.com/5vwy03.png" alt="Threshold GIMP menu" /></p>
<p>3. Fill the left value <strong>85</strong> and the right value <strong>170</strong>. Click <strong>OK</strong>. See image below.<br />
<a href="http://i47.tinypic.com/16is7yt.png"><img src="http://i47.tinypic.com/16is7yt.png" alt="left value 85 right value 170" /></a><br />
<em>Click to see larger image.</em><br />
Now all midtone color will be seen in white color.</p>
<p>4. Now we must delete the black color and change the white color into gray. With <strong>Select by Color Tool</strong> click on black color area.<br />
<img src="http://i47.tinypic.com/2yltdgh.png" alt="Select by Color Tool" /></p>
<p>5. With the black color selected, go to menu <strong>Layer</strong> -> <strong>Transparency</strong> -> <strong>Add Alpha Channel</strong>. Then <strong>delete</strong>. The black color will be deleted.</p>
<p>6. Right click on gray layer -> <strong>Alpha to Selection</strong>.<br />
<a href="http://i50.tinypic.com/258p9aq.png"><img src="http://i50.tinypic.com/258p9aq.png" alt="Alpha to Selection" /></a><br />
<em>Click to see larger image.</em><br />
All the white color will be selected.</p>
<p>7. Change the <strong>Foreground color</strong> with gray. Then go to menu <strong>Edit</strong> -> <strong>Fill with FG Color</strong>.<br />
<a href="http://i48.tinypic.com/140c60m.png"><img src="http://i48.tinypic.com/140c60m.png" alt="Fill with FG Color" /></a><br />
<em>Click to see larger image.</em></p>
<p>8. The white color area will be changed to gray color.<br />
<img src="http://i48.tinypic.com/653hoo.png" alt="grey area" /></p>
<p>9. Now select white layer and hide the other layer. Go to menu <strong>Colors</strong> -> <strong>Threshold&#8230;</strong>. Fill the left value <strong>170</strong> and the right value <strong>255</strong>. Click <strong>OK</strong>. See image below.<br />
<a href="http://i45.tinypic.com/2lcwi2v.png"><img src="http://i45.tinypic.com/2lcwi2v.png" alt="left value 170 right value 255" /></a><br />
<em>Click to see larger image.</em><br />
Now all light color will be seen in white color. </p>
<p>10. Since the light color already in white, you only have to delete the black color. The process just like the gray layer.<br />
<img src="http://i45.tinypic.com/9acvbs.png" alt="white color area" /></p>
<p>11. Now select black layer and hide the other layer. Go to menu <strong>Colors</strong> -> <strong>Threshold&#8230;</strong>. Fill the left value <strong>0</strong> and the right value <strong>85</strong>. Click <strong>OK</strong>. See image below.<br />
<a href="http://i45.tinypic.com/2ufc715.png"><img src="http://i45.tinypic.com/2ufc715.png" alt="left value 0 right value 85" /></a><br />
<em>Click to see larger image.</em><br />
Now all dark color will be seen in white color.</p>
<p>12. Now you must delete the black color and change the white color into black color. The process just like the gray layer.<br />
<img src="http://i47.tinypic.com/ephusm.png" alt="black color area" /></p>
<p>13. Last step, unhide all layer except the original layer. Don&#8217;t forget to save it in GIMP format (<strong>.xcf</strong>)<br />
<img src="http://i48.tinypic.com/e9d6jn.png" alt="3 color bus picture" /></p>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_8a90aad6-9982-4700-a21a-f5e28174c526"  width="600px" height="200px"><param name="movie" value="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F8a90aad6-9982-4700-a21a-f5e28174c526&#038;Operation=GetDisplayTemplate"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><param name="allowscriptaccess" value="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F8a90aad6-9982-4700-a21a-f5e28174c526&#038;Operation=GetDisplayTemplate" id="Player_8a90aad6-9982-4700-a21a-f5e28174c526" quality="high" bgcolor="#ffffff" name="Player_8a90aad6-9982-4700-a21a-f5e28174c526" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="200px" width="600px"></embed></object> <noscript><a href="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F8a90aad6-9982-4700-a21a-f5e28174c526&#038;Operation=NoScript">Amazon.com Widgets</a></noscript></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect' rel='bookmark' title='Permanent Link: Inkscape Tutorial: Create Letterpress Text Effect'>Inkscape Tutorial: Create Letterpress Text Effect</a> <small>This effect is become famous nowadays especially in web design....</small></li>
<li><a href='http://wheeqo.web.id/tutorial/transparent-image-in-office-2007' rel='bookmark' title='Permanent Link: Transparent Image in Office 2007'>Transparent Image in Office 2007</a> <small>White Background on Image When we inserting image, except png...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='Permanent Link: Tips Insert Image in Joomla!'>Tips Insert Image in Joomla!</a> <small>There are many ways to insert image(s) in Joomla!. The...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp" rel="bookmark">Convert Full Color Image to a 3 Color Separation in GIMP</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 10 February 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/convert-full-color-image-to-a-3-color-separation-in-gimp/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create Glassy Effect on CorelDRAW</title>
		<link>http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw</link>
		<comments>http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw#comments</comments>
		<pubDate>Tue, 01 Sep 2009 14:58:35 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[CorelDRAW]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[glass effect]]></category>
		<category><![CDATA[transparency]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/?p=196</guid>
		<description><![CDATA[On this tutorial shows how to add a glassy effect on a object. Preview: Before After 1. Create a rectangle, for example like image above. 2. With Bezier Tool, create a polygon with wavy edges on its bottom. Fill with white color and blank color on its outline. 3. Select the polygon, click Interactive Transparency [...]


Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/fillet-in-coreldraw' rel='bookmark' title='Permanent Link: Fillet in CorelDRAW'>Fillet in CorelDRAW</a> <small>Fillet tool is used to create a round corner. Preview:...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect' rel='bookmark' title='Permanent Link: Inkscape Tutorial: Create Letterpress Text Effect'>Inkscape Tutorial: Create Letterpress Text Effect</a> <small>This effect is become famous nowadays especially in web design....</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tutorial-coreldraw-export-object-transparent-background' rel='bookmark' title='Permanent Link: Tutorial CorelDRAW: Export Object with Transparent Background'>Tutorial CorelDRAW: Export Object with Transparent Background</a> <small>The case: I’ve create objects with CorelDRAW like this: see...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>On this tutorial shows how to add a glassy effect on a object.<br />
<strong>Preview:</strong><br />
<em>Before</em><br />
<img src="http://i28.tinypic.com/2wemlp0.jpg" alt="Before editing" /><br />
<em>After</em><br />
<img src="http://i32.tinypic.com/2cnjgxj.jpg" alt="After editing" /><br />
<span id="more-196"></span><br />
1. Create a rectangle, for example like image above.<br />
2. With <strong>Bezier Tool</strong>, create a polygon with wavy edges on its bottom. Fill with white color and blank color on its outline.<br />
<img src="http://i31.tinypic.com/9vebnn.jpg" alt="Bezier Tool" /><br />
<img src="http://i27.tinypic.com/2ebwwlj.jpg" alt="Polygon with wavy edges" /><br />
3. Select the polygon, click <strong>Interactive Transparency Tool</strong>.<br />
<img src="http://i29.tinypic.com/15qzskx.jpg" alt="Interactive Transparency Tool" /><br />
4. Modify the properties:<br />
   &#8211; <strong>Transparency Type: Linear</strong><br />
   &#8211; <strong>Fountain Transparency Angle: -90</strong><br />
<img src="http://i25.tinypic.com/ru8n4y.jpg" alt="Modify Transparency properties" /><br />
5. Go to menu: <strong>Tools </strong>-> <strong>Options</strong>. On the <strong>Workspace </strong>- <strong>Edit </strong>option, uncheck <strong>Auto-center new PowerClips contents</strong><br />
<img src="http://i26.tinypic.com/2rzp5wm.jpg" alt="Edit options" /><br />
6. Select the polygon, go to menu <strong>Effects </strong>-> <strong>PowerClip </strong>-> <strong>Place Inside Container&#8230;</strong> Click on the rectangle.<br />
<img src="http://i30.tinypic.com/mt3uq1.jpg" alt="PowerClip" /><br />
Done<br />
<img src="http://i32.tinypic.com/2cnjgxj.jpg" alt="After editing" /></p>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_2eac89be-e550-4d99-a5dd-28b35055d95a"  width="600px" height="200px"><param name="movie" value="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F2eac89be-e550-4d99-a5dd-28b35055d95a&#038;Operation=GetDisplayTemplate"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><param name="allowscriptaccess" value="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F2eac89be-e550-4d99-a5dd-28b35055d95a&#038;Operation=GetDisplayTemplate" id="Player_2eac89be-e550-4d99-a5dd-28b35055d95a" quality="high" bgcolor="#ffffff" name="Player_2eac89be-e550-4d99-a5dd-28b35055d95a" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="200px" width="600px"></embed></object> <noscript><a href="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8010%2F2eac89be-e550-4d99-a5dd-28b35055d95a&#038;Operation=NoScript">Amazon.com Widgets</a></noscript></p>


<p>Related posts:<ol><li><a href='http://wheeqo.web.id/tutorial/fillet-in-coreldraw' rel='bookmark' title='Permanent Link: Fillet in CorelDRAW'>Fillet in CorelDRAW</a> <small>Fillet tool is used to create a round corner. Preview:...</small></li>
<li><a href='http://wheeqo.web.id/tutorial/inkscape-tutorial-create-letterpress-text-effect' rel='bookmark' title='Permanent Link: Inkscape Tutorial: Create Letterpress Text Effect'>Inkscape Tutorial: Create Letterpress Text Effect</a> <small>This effect is become famous nowadays especially in web design....</small></li>
<li><a href='http://wheeqo.web.id/tutorial/tutorial-coreldraw-export-object-transparent-background' rel='bookmark' title='Permanent Link: Tutorial CorelDRAW: Export Object with Transparent Background'>Tutorial CorelDRAW: Export Object with Transparent Background</a> <small>The case: I’ve create objects with CorelDRAW like this: see...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p><p><a href="http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw" rel="bookmark">Create Glassy Effect on CorelDRAW</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 1 September 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/create-glassy-effect-on-coreldraw/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
