<?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; Wordpress</title>
	<atom:link href="http://wheeqo.web.id/category/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://wheeqo.web.id</link>
	<description>R. Bambang Widiatmoko&#039;s Blog &#124; Sharing Knowledge to the World</description>
	<lastBuildDate>Thu, 02 May 2013 09:09:45 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<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 &#8230; <a href="http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax">Continue reading <span class="meta-nav">&#8594;</span></a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>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 rel="nofollow" href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/">Bulletproof @font-face syntax</a> article for the tutorial and <a rel="nofollow" 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 rel="nofollow" href="http://code.google.com/p/ttf2eot/">application to convert TTF files to EOT</a>. Don&#8217;t forget to read the <a rel="nofollow" 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 rel="nofollow" href="http://www.dafont.com/yikes.font">Yikes font</a>.</p>
<p>Edit css and insert this code:</p>
<pre lang="php">@font-face {
	font-family: 'Yikes';
	src: url('yikes.eot');
	src: local('☺'), url('yikes.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.yikes1 {font: 2em 'Yikes', Arial, sans-serif;}</pre>
<p>If you use wordpress change to HTML mode when create new post, then insert this code (for example):</p>
<pre lang="php"><p class="yikes1">R. Bambang Widiatmoko<br />Featuring Yikes font</p></pre>
<p>And here is the result:</p>
<p class="yikes1">R. Bambang Widiatmoko<br />Featuring Yikes font</p>
<p>Try to select the text ^^ *only works for HTML 5 support browser*<br />
<span id="more-455"></span><br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_fa5a96a1-e44b-44dd-bcdf-3808648f6305"  width="430px" height="324px"><param name="movie" value="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8003%2Ffa5a96a1-e44b-44dd-bcdf-3808648f6305&#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%2F8003%2Ffa5a96a1-e44b-44dd-bcdf-3808648f6305&#038;Operation=GetDisplayTemplate" id="Player_fa5a96a1-e44b-44dd-bcdf-3808648f6305" quality="high" bgcolor="#ffffff" name="Player_fa5a96a1-e44b-44dd-bcdf-3808648f6305" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="324px" width="430px"></embed></object> <noscript><a rel="nofollow" href="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&#038;MarketPlace=US&#038;ID=V20070822%2FUS%2Fwheewebidshar-20%2F8003%2Ffa5a96a1-e44b-44dd-bcdf-3808648f6305&#038;Operation=NoScript">Amazon.com Widgets</a></noscript></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>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</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>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 &#8230; <a href="http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress">Continue reading <span class="meta-nav">&#8594;</span></a>
Related posts:<ol>
<li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='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/fix-rss-feed-error-in-wordpress' rel='bookmark' title='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>
<li><a href='http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax' rel='bookmark' title='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>
</ol>

Related posts brought to you by <a href='http://yarpp.org'>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 rel="nofollow" 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 rel="nofollow" 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 rel="nofollow" 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>
<pre lang="php">
<div class="content">
<?php the_content(); ?>
<div class="fixed"></div>
<insert the code here>
</div>
<div class="under">
</pre>
<p>3. Here is the code to be inserted:</p>
<pre lang="php">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
</pre>
<p>4. So the final code would be:</p>
<pre lang="php">
<div class="content">
<?php the_content(); ?>
<div class="fixed"></div>		

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

</div>
<div class="under">
</pre>
<p>5. See the different from original code generated by Facebook?<br />
Original:</p>
<pre lang="php">href=http%3A%2F%2Fwheeqo.web.id%2F&amp;</pre>
<p>Modified:</p>
<pre lang="php">href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;</pre>
<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>
<p>Related posts:<ol>
<li><a href='http://wheeqo.web.id/tutorial/tips-insert-image-in-joomla' rel='bookmark' title='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/fix-rss-feed-error-in-wordpress' rel='bookmark' title='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>
<li><a href='http://wheeqo.web.id/tutorial/non-system-web-font-with-html5-font-face-syntax' rel='bookmark' title='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>
</ol></p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Fix RSS Feed Error in WordPress</title>
		<link>http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress</link>
		<comments>http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress#comments</comments>
		<pubDate>Thu, 21 Feb 2008 18:55:00 +0000</pubDate>
		<dc:creator>R. Bambang Widiatmoko</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[error]]></category>
		<category><![CDATA[rss feed]]></category>

		<guid isPermaLink="false">http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress</guid>
		<description><![CDATA[Recently I got error when I try to validate my RSS Feed blog. I got this message: Sorry This feed does not validate. line 1, column 1: Blank line before XML declaration [help] The Solution I click the help link &#8230; <a href="http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress">Continue reading <span class="meta-nav">&#8594;</span></a>
Related posts:<ol>
<li><a href='http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress' rel='bookmark' title='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>
<li><a href='http://wheeqo.web.id/tutorial/use-microsoft-access-for-certificate-publishing' rel='bookmark' title='Use Microsoft Access for Certificate Publishing'>Use Microsoft Access for Certificate Publishing</a> <small>Microsoft Access can be a tool to increase the productivity...</small></li>
</ol>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Recently I got error when I try to validate my RSS Feed blog. I got this message:</p>
<blockquote><p>Sorry<br />
This feed does not validate.<br />
line 1, column 1: <strong>Blank line before XML declaration</strong> [<a rel="nofollow" href="http://feedvalidator.org/docs/error/WPBlankLine.html" title="Blank line before XML declaration">help</a>]<strong><br />
</strong></p></blockquote>
<h3>The Solution</h3>
<p>I click the <strong>help</strong> link and it shows four possible solutions. And my mistake is the second one:</p>
<blockquote><p>Check your <code>wp-config.php</code> file for blank lines outside of  bracketed sections.</p></blockquote>
<p>At the first time I check the first line it doesn&#8217;t have a blank line. Since I edit the file with <a rel="nofollow" href="http://www.net2ftp.com" title="net2ftp homepage">net2ftp</a> I try to change the look with <strong>CodePress </strong>view. It will show the line number. I check the end line and there it goes, there is a blank line in the end of line. I delete it and I got my RSS Feed is valid.</p>
<p><a href="http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress" rel="bookmark">Fix RSS Feed Error in WordPress</a> was originally appeared on <a href="http://wheeqo.web.id">WheeQo.web.id</a>  posted by R. Bambang Widiatmoko on 21 February 2008.</p>
<p>Related posts:<ol>
<li><a href='http://wheeqo.web.id/tutorial/insert-facebook-like-button-to-wordpress' rel='bookmark' title='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>
<li><a href='http://wheeqo.web.id/tutorial/use-microsoft-access-for-certificate-publishing' rel='bookmark' title='Use Microsoft Access for Certificate Publishing'>Use Microsoft Access for Certificate Publishing</a> <small>Microsoft Access can be a tool to increase the productivity...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://wheeqo.web.id/tutorial/fix-rss-feed-error-in-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
