Highlighting Code in WordPress

Hi to Everyone,

I am not convenient in posting a blog which contains some commands,languages,source-code etc., For this i have explored some concepts to rectify this problem.

I got <pre> tag to highlight the text which is preformatted tag. So it is very useful to highlight the text We can use <pre > tag in two ways

1st way:

When you writing the post in above to an input window you can see two called “Visual” & “HTML” as shown in the figure you can click in the HTML page. It will takes you to HTML editable page in that you can add the <pre> tag </pre>.

(Figure-1)

For Ex:

<pre>
bala@bala-desktop:~$ pwd
/home/bala/Desktop
</pre>

Output:

bala@bala-desktop:~$ pwd

2nd Way:

Instead of adding <pre> tag in HTML editor you can just select the text what should be highlighted and simply select the preformatted option contains in (Kitchen sink). As default that tool bar is in hide, we can make it visible by using the short cut key Shift + Alt + Z.

Just select the text and click the preformatted option, for this we can do it in Visual tab. Now you can click preview option to see the effect.

I had a problem, now this <pre> tag is not working in my theme as working normally in other themes. Then only i understood that it is the work of theme builder. In my blog if i use the <pre> tag means font will only change the background area remains same. Thats the issue….

I can fix this issue manually by adding the background color to the post (i.e.) Here is the code add this code in your HTML area as shown in the (figure-1). Then type the following <div> tag before your code here pwd command is my content so i have used the div tag at starting and ending. You can change the background color depends upon your theme.

Sample:

<div style=”color:white; padding:15px; background-color:black;width:600px; font-family:comic sans ms;”>
bala@bala-desktop:~$ pwd
</div>

In this <div> tag we change Font colour, Background Colour, Width of the Background, Padding, Font name for your choice.

Ex:

bala@bala-desktop:~$pwd

One more option to paste your code which is useful on posting your blog with some programming and scripting language.

Syntax:

The following languages are supported:

  • actionscript3
  • bash
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp
  • diff
  • groovy
  • javascript
  • java
  • javafx
  • matlab (keywords only)
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • r
  • ruby
  • scala
  • sql
  • vb
  • xml

In this too am having problem, in my theme it has more line spacing between each line So it seems ugly. That image is stated below, I can fix this problem only by changing my theme, Still I am searching to solve this problem without changing the theme.

Hope you can get idea to highlight your code from any of the way which is explained above.

Thank You

With Regards,
V. Balakrishnan

My Work on GIMP

Hi…

Today i brought a new executive file to arrange my certificates after finished my arrangements. I saw that a  space is provided for placing Business Card (or) Some Slip which is used to identify our file easily. Suddenly, I thought that why don’t we place our photo and details here in a photo copy.

Then I switch on my PC start to work in gimp i designed the image from scratch. Totally the image contains 9 sub contents the size of that photo copy is just 4 x 2.5. After some struggling i complete the picture;

I knew Adobe Photoshop i have worked 95% percent in that application only.  But today i challenged to do the entire process in GIMP also I have successfully finished it. Well, i learn lot of thing in GIMP some concepts are very easy in doing with GIMP. While am designing the picture i felt that GIMP is Very Slow when comparing to Photoshop,  it takes some process as slow.  I think thats the only thing is a draw back in GIMP.

Here is the Picture which i did….

GIMP Work

 

Thank You.

With Regards,
V. BalaKrishnan.

Trip to Vellore for Suji Akka marriage on (06-03-11)

Hi to Everyone.

My friends and Myself went to Suji Akka Marriage, which has conducted in vellore yesterday at 5.30 A.M. itself. After getting the bust at 6’0 clock we have reached the Marriage Hall at 7.45 a.m. During the marriage we had taken some photos in srini anna’s Digital camera few of them are here…

Snaps…

We have taken tiffin after the marriage and come down to cut the cake with Groom and Bride. As we planned before we make them to cut the cake and share the happiness. It looks very nice on sharing the cake in good manner. After then we started to leave from there suddenly we got idea to go Vellore fort.

It is first time for me to vellore fort, we have enjoyed lot of things there. Nearly 2 hours we have roamed inside the Vellore fort and Jalagandeeswarar Temple. Then we stepped to bus stand and reached Kanchipuram at 2.00 p.m.

Really Enjoyable Sunday for me…

With Regards,
V. Bala Krishnan.