Archive

Archive for the ‘Wordpress’ Category

Non-System Web Font with HTML5 @font-face Syntax

July 3rd, 2010 No comments

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’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 Generator 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 application to convert TTF files to EOT. Don’t forget to read the wiki how to use the application.

I will show short tutorial how to implement @font-face syntax. Prepare .ttf or .otf font and .eot file. Upload it to folder of your template where there is css file. For the example I use Yikes font.

Edit css and insert this code:

@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;}

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

<p class="yikes1">R. Bambang Widiatmoko<br />Featuring Yikes font</p>

And here is the result:

R. Bambang Widiatmoko
Featuring Yikes font

Try to select the text ^^ *only works for HTML 5 support browser*
Read more…

Insert Facebook Like Button to WordPress

April 24th, 2010 2 comments

Facebook Like Button
Taken from Cordobo.com, Integrate Facebook’s “Like” Plugin into WordPress.

The original code can be generated from Facebook’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.
Read more…

Fix RSS Feed Error in WordPress

February 21st, 2008 No comments

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 and it shows four possible solutions. And my mistake is the second one:

Check your wp-config.php file for blank lines outside of bracketed sections.

At the first time I check the first line it doesn’t have a blank line. Since I edit the file with net2ftp I try to change the look with CodePress 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.