Archive

Archive for the ‘Tutorial’ Category

Tutorial Excel: Using Camera Tool with Case Study

August 23rd, 2010 No comments

Tutorial below shows how to use Camera tool on Excel. Camera tool is very useful if user want to create free column-width table that not strict with the existing column width. Watch the following flash-based interactive tutorial. Click the green arrow to move to the next step.
Preview:
Preview of Flash-based tutorial Using Camera Tool on Excel
Read more…

Categories: Tutorial Tags: , , ,

Block Flash Element on Opera Browser

July 17th, 2010 No comments

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…), such as: D:\scripts\45343.user.js
3. In Opera browser go to Settings -> Preferences… -> tab Advanced -> Content -> click on JavaScript Options… button.
4. On User JavaScript folder, set the folder to D:\scripts. OK and OK.
5. Click on [Play/Stop Flash] to play/stop Flash.

Preview:
Flash Block Preview on Opera Browser

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…

Facebook Chat on Pidgin

May 24th, 2010 2 comments

How To Add Facebook Chat to Pidgin

1. On Pidgin go to menu Accounts -> Manage Accounts
2. In Accounts window click Add… button
3. Use this settings:

  1. Protocol: XMPP
  2. Username: username in Facebook, like in www.facebook.com/username
  3. Domain: chat.facebook.com
  4. Password: user password in Facebook

account_setting_facebook_chat_pidgin

4. Go to tab Advanced -> clear check on Require SSL/TLS option.
Advanced tab

5. Click Add then Close.
6. Facebook chat ready to use.

Categories: Internet, Tutorial Tags: , , ,

Firefox with Google Chrome Style

May 15th, 2010 No comments

Firefox with Google Chrome Style
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’s how to do it.
Read more…