IndoGuides

Highlight Code Syntax on Website Using SyntaxHighlighter

2009-05-07T18:44:00.010+07:00

SyntaxHighlighter is a fully functional self-contained code syntax highlighter developed in JavaScript. The latest version (May 7, 2009) is version 2.0 (maintenance release 2.0.320 released at May 3, 2009). It is licensed under LGPL 3, but you encouraged to donate to the developer since it's a donationware.

Before using it, you can view the demo here.

Here, the guides how to use SyntaxHighlighter.

Download the archived package here
Extract the archived package

Example, extract in directory named "sh". So, in this directory, there are 3 directories (scripts, src, and styles) and 2 files (LGPLv3.txt and test.html). You may look at the test.html for quick tutorial.

In <head> tag, insert/link the CSS files of SyntaxHighlighter core and theme

   <link type="text/css" rel="stylesheet" href="sh/styles/shCore.css" />
   <link type="text/css" rel="stylesheet" href="sh/styles/shThemeDefault.css" />

Still in <head> tag, insert/link the JavaScript files of SyntaxHighlighter core and all brushes you want to use

   <script type="text/javascript" src="sh/scripts/shCore.js" />
   <script type="text/javascript" src="sh/scripts/shBrushBash.js" />
   <script type="text/javascript" src="sh/scripts/shBrushCpp.js" />
   <script type="text/javascript" src="sh/scripts/shBrushPlain.js" />
   <script type="text/javascript" src="sh/scripts/shBrushXml.js" />

You can view all brushes you can use here.

Still in <head> tag, call SyntaxHighlighter.all()

   <script type='text/javascript'>
    SyntaxHighlighter.all();
   </script>

Add code blocks

All codes you want to highlight must be located in <pre> tag with specially formatted class attribute. The value of class atttribute is the parameters to edit the styles/looks of code block. There is only one required parameter, brush, while the others are optional (see configuration). The brush parameter must be set to one of the brush aliases that you have loaded prior. It is the simple example:
```
   <pre class="brush: html;">
    <a href="http://indoguides.blogspot.com">IndoGuides</a>
   </pre>
  
```
Because browsers will interpret the text after bracket "<" as XML tags, in the code blocks you must replace all of character of < and > with html special character associated with (which start by character of &).

For you who don't have place for hosting the SyntaxHighlighter package, you may use the hosted version. Just change the link of CSS and JavaScript files to http://alexgorbatchev.com/pub/sh/[VERSION] like so:

 <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css" />

Convert Std String to Integer in C++

2009-04-29T20:15:00.002+07:00

In C++ there are no methods/functions to convert std string to integer. But, by using C standard library (cstdlib or stdlib.h) we can convert char* (C string) to integer using atoi function. We can also convert string to char* (C string) using c_str function in string class. Thus, we can convert string to integer via char*. This is the function (I call as stoi) and the example:

#include <iostream>
#include <cstdlib>

using namespace std;

int stoi(string _str) {
 return atoi(_str.c_str());
}

int main() {
 string current_year = "2009";
 string birth_year = "1987";
 int age = stoi(current_year) - stoi(birth_year);
 cout << "Age = " << age << " years old" << endl;
 
 return 0;
}

Output:

Age = 22 years old

Show Yahoo! Messenger Status On Website

2009-04-20T19:42:00.023+07:00

This code contains 2 main parts. First, an image to show the status (<img> tag). And the second, a hyperlink to chat with the account (<a> tag). There are 2 method of chat. Using Yahoo! Messenger client program (desktop version) or using Yahoo! Webmessenger (web version). This is the basic code:

Desktop Version
Preview:

Code (to copy it, click the view source icon):
```
<a href="ymsgr:sendim?YAHOO-ID"><img src="http://opi.yahoo.com/online?u=YAHOO-ID&m=g&t=2" border="0" /></a>
```
NOTE: don't forget to replace the YAHOO-ID with your Yahoo! ID.

Web Version
Preview:

Code (to copy it, click the view source icon):

<a href="http://messenger.yahoo.com/edit/send/?.target=YAHOO-ID"><img src="http://opi.yahoo.com/online?u=YAHOO-ID&m=g&t=2" border="0" /></a>

NOTE: don't forget to replace the YAHOO-ID with your Yahoo! ID.

The image we can use not only the one appear at above. Absolutely, there are 25 images we can use. To change the image, just change the value of parameter t in the src of img code/tag. These are the values of t and the images associated with:

t	Offline Image	Online Image
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

Update Linux Kernel Using Yum

2009-04-13T12:22:00.005+07:00

Update kernel and kernel module packages
If you don't have kernel module installed, you only have to update the kernel, type this command from terminal:
```
su -c 'yum update kernel'
```
If you have kernel module installed, you have to update them too. For example, you have kmod-nvidia and kmod-wl, type this command from terminal:
```
su -c 'yum update kernel kmod-nvidia kmod-wl'
```
Reboot the computer
Booting with the new kernel

View version number of the old kernel

Type this command from terminal:

yum list kernel --noplugins

Example:

[hafni@localhost ~]# yum list kernel --noplugins
Installed Packages
kernel.x86_64                 2.6.27.19-170.2.35.fc10                  installed
kernel.x86_64                 2.6.27.21-170.2.56.fc10                  installed

Remove the old kernel

Type this command from terminal:

yum remove kernel-VERSION

Example:

[hafni@localhost ~]$ su -c 'yum remove kernel-2.6.27.19-170.2.35.fc10'

3rd Party Repositories for Fedora

2009-04-06T18:10:00.003+07:00

RPM Fusion - Free

Homepage: http://rpmfusion.org

Installer: http://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-stable.noarch.rpm

Example packages: ffmpeg, gstreamer-plugins-bad, gstreamer-plugins-ugly, mencoder, mplayer, vlc, zsnes.
RPM Fusion - Nonfree

Homepage: http://rpmfusion.org

Installer: http://download1.rpmfusion.org/nonfree/fedora/rpmfusion-nonfree-release-stable.noarch.rpm

Example packages: broadcom-wl, gmameui, kmod-nvidia, kmod-wl, unrar, xorg-x11-drv-nvidia, xorg-x11-drv-nvidia-libs.

Fresh RPMS

Homepage: http://freshrpms.net

Installer: http://ftp.freshrpms.net/pub/freshrpms/fedora/linux/9/freshrpms-release/freshrpms-release-1.1-1.fc.noarch.rpm

NOTE:
After installed, edit /etc/yum.repos.d/freshrpms.repo file:

# $Id: freshrpms.repo 3341 2005-06-28 18:40:26Z thias $
[freshrpms]
name=Fedora Core 9 - $basearch - Freshrpms
#baseurl=http://ayo.freshrpms.net/fedora/linux/9/$basearch/freshrpms/
mirrorlist=http://ayo.freshrpms.net/fedora/linux/9/mirrors-freshrpms
enabled=1
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-freshrpms
gpgcheck=1

Example packages: xmame, xmame-roms.

Adobe

Homepage: http://www.adobe.com

Installer: http://linuxdownload.adobe.com/linux/i386/adobe-release-i386-1.0-1.noarch.rpm

Example packages: AdobeReader_enu, flash-plugin.

Screenlets

Homepage: http://www.screenlets.org

Repo file: http://download.opensuse.org/repositories/home:/some-guy:/screenlets/Fedora_10/home:some-guy:screenlets.repo

NOTE:
After downloaded, cut or copy the repo file to /etc/yum.repos.d/ and then edit:

[screenlets]
name=Screenlets Build Repository (Fedora $releasever)
type=rpm-md
baseurl=http://download.opensuse.org/repositories/home:/some-guy:/screenlets/Fedora_$releasever/
gpgcheck=1
gpgkey=http://download.opensuse.org/repositories/home:/some-guy:/screenlets/Fedora_$releasever/repodata/repomd.xml.key
enabled=1

Example packages: screenlets.

For install a repository, use this command:

su -c 'rpm -Uvh INSTALLER'

Example:

su -c 'rpm -Uvh http://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-stable.noarch.rpm'

IndoGuides

Highlight Code Syntax on Website Using SyntaxHighlighter

Download the archived package here

Extract the archived package

In <head> tag, insert/link the CSS files of SyntaxHighlighter core and theme

Still in <head> tag, insert/link the JavaScript files of SyntaxHighlighter core and all brushes you want to use

Still in <head> tag, call SyntaxHighlighter.all()

Add code blocks

Convert Std String to Integer in C++

Show Yahoo! Messenger Status On Website

Update Linux Kernel Using Yum

Update kernel and kernel module packages

Reboot the computer

Booting with the new kernel

View version number of the old kernel

Remove the old kernel

3rd Party Repositories for Fedora

RPM Fusion - Free

RPM Fusion - Nonfree

Fresh RPMS

Adobe

Screenlets