How to configure Wacom Intuos Express Keys on Linux

I have a Wacom Intuos Pro Medium Pen Tablet (or digitizer) PTH-651 and had some trouble assigning the buttons (or "express keys") on Ubuntu Linux 14.04 LTS.

Finally I got it working so here is my solution, using xsetwacom. It's in the official Ubuntu repositories so you can install it from there.

Getting to know your device names, parameters you can set and modifiers you can set them to.

First off, you'll need to know how Ubuntu calls your Intuos. You can do this with the following command (in a terminal window):

xsetwacom --list devices

In my case the result is:

Wacom Intuos Pro M Pen stylus   id: 14 type: STYLUS  
Wacom Intuos Pro M Pen eraser   id: 15 type: ERASER  
Wacom Intuos Pro M Pen cursor   id: 16 type: CURSOR  
Wacom Intuos Pro M Pen pad       id: 17 type: PAD    
Wacom Intuos Pro M Finger touch id: 18 type: TOUCH

Then you'll need to know what kind of buttons and other stuff you can configure using xsetwacom. The following command:

xsetwacom --list parameters

gives you a long list of parameters you can use, with a brief explanation of what they mean. The parameter "Button" for instance will be used to assign a key to a button (or "express key" as Wacom calls it).

Lastly, you kneed to know what you can set these parameters to. The following command:

xsetwacom  --list modifiers

gives you the list of modifiers (keys really) you can set the parameters to. The modifier "PgDn" for instance will be used to set a button ("express key") to act as if you press the "PageDown" button on your keyboard.

Configuring your buttons ("express keys")

The "general" command for assigning a key to a button on my Wacom Intuos Pro is the following:

xsetwacom set "Wacom Intuos Pro M Pen pad" Button 2 key "b"

The above command would set "button 2" of my Intuos to the key "b".

Seems simple enough, and it is really, except for the fact that the numbers of the buttons aren't really logical. To make a long story short, after a lot of trial and error I found that my buttons are numbered, from top to bottom:
2
3
8
9

1 (the big button in the middle of the Touch Ring)

10
11
12
13

In case they don't correspond for you, here's how I found them:

• open a terminal window
• type or copy/paste the following command:

xsetwacom set "Wacom Intuos Pro M Pen pad" Button 2 key "b"

• open a simple text editor like mousepad or gedit
• instead of typing, push the buttons on your Wacom Intuos and see what happens in the text editor. The button that types "b" is button number 2.
• Now continue doing the same for the other buttons. Just change the button number in the above command (from 2 to 3 for instance) and push again all the buttons (except for the ones you found already of course).

Finally, as an example, I configure my buttons ("express keys") as follows:

xsetwacom set "Wacom Intuos Pro M Pen pad" Button 2 key "shift"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 3 key "ctrl"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 8 key "alt"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 9 key "esc"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 10 key "pgup"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 11 key "pgdn"
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 12 key F1
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 13 key F2

Configuring the Touch Ring

Now you got the hang of it, the Touch Ring is a piece of cake. Just replace "Button 2" with "AbsWheelUp" and "AbsWheelDown" (one for each direction) and you're good.

In my case, I use:

xsetwacom set "Wacom Intuos Pro M Pen pad" AbsWheelUp key "="
xsetwacom set "Wacom Intuos Pro M Pen pad" AbsWheelDown button 7

Now if you pay attention, the modifiers I chose seem a bit weird, right? Why would I use "7" to zoom out and "=" to zoom in? Here's where it gets goofy. I have an AZERTY keyboard (be-fr) and xsetwacom doesn't seem to like that a lot. It actually treats it as if it were a QWERTY keyboard, but not completely either. So I had a lot of trial-and-error fun, again, trying to figure out how xsetwacom interprets the keys on my keyboard. I didn't actually work it out, I stumbled by chance on the right keys for the zoom and left it at that.

Turning off touch

To turn off the "touch" reactivity of my tablet, I use the following command:
xsetwacom --set "Wacom Intuos Pro M Finger touch" touch "off"

A note on Inkscape and pressure sensitivity

I couldn't get pressure sensitivity working on Inkscape. Seems to be a bug in overlay-scrollbar finally. Apparently you can get around it by starting inkscape as follows from command line:
LIBOVERLAY_SCROLLBAR=0 inkscape
but that didn't (always) seem to work for me.
Finally I just removed the package "oevrlay-scrollbar" from Ubuntu. Pressure sensitivity works fine now.

Using your newly configured buttons

To use your buttons with the xsetwacom configurations, you need to first plug in your Intuos (otherwise the device name will be unrecognized by xsetwacom) and then, in a terminal, type your xsetwacom commands. The settings are lost at reboot.

If you don't like hassle, like me, you can just make a small text file where you keep the commands. If you put them all in a single line, separated by "&&" (see axample below), you can issue it as one long command.

I my case, the final command is:

xsetwacom set "Wacom Intuos Pro M Pen pad" AbsWheelUp key "=" && xsetwacom set "Wacom Intuos Pro M Pen pad" AbsWheelDown button 7 && xsetwacom set "Wacom Intuos Pro M Pen pad" Button 2 key "shift" && xsetwacom set "Wacom Intuos Pro M Pen pad" Button 3 key "ctrl" && xsetwacom set "Wacom Intuos Pro M Pen pad" Button 8 key "alt" && xsetwacom set "Wacom Intuos Pro M Pen pad" Button 9 key "esc" &&
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 10 key "pgup" &&
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 11 key "pgdn" &&
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 12 key F1 &&
xsetwacom set "Wacom Intuos Pro M Pen pad" Button 13 key F2

Or you can make a shell script, of course. You can find all about that in the linuxwacom Tablet configuratio Wiki.

Good luck and have a nice day!

If you appreciated this article for some reason or another, please share it (see the buttons below), and, of course, don't forget to Flattr! (Why?)

Weebly: how to re-use the same images without uploading twice

I'm trying to move my portfolio of digital contemporary art drawings, which is currently on Tumblr, to Weebly.
One of the annoying drawbacks of Weebly is that you have to upload the same image over and over again if you want to use it on different pages or in different elements.

Single images

For single images, here's a workaround I found in this post on The Country School Technology Blog. I quote:

Find a picture you want to reuse and RIGHT click it. Select "Open image in New Tab". (This just makes the next step a bit easier.) Go to the new tab, select the URL address and COPY it. Then go back to your blog post (or whatever) and click the blue box to insert an image. This time, however, instead of dragging photos to the uploader or selecting images from your computer, select the Image URL icon in the uploader's toolbar. Then PASTE the URL you copied from the other tab into the window. That's it - your image will now appear in your new post.

In the original post you'll also find a slideshow with explanations.

Galleries and slideshows

However, this only works for single images. On Weebly, galleries and slideshows do not permit the use of URLs, you can only upload images.
To reuse galleries and slideshows, I found the following workaround myself:

• create a hidden page, which will be your "photobucket"
• create a gallery/slideshow on that page and upload all your photos to it
• whenever you need a "partial" gallery or slideshow, or a copy of it:
• go to your hidden "photobucket" page (I find it by going to the "Pages" tab, select it there and click "Save & Edit"), 
• select your gallery/slideshow and copy it to the page in question (hovering over the left upper corner, this turns into an arrow; if you click this arrow you get a drop-down menu with the option "copy" to the page of your choice)
• then, on the target page, remove from the copied gallery/slideshow the unwanted images and make other changes as you wish (the original one, in your "photobucket", remains unchanged)
• Before starting to copy images/galleries from your "photobucket", add all the captions first!

It's still only a workaround. The main problem being that if you want to add pictures, you'll have to start all over again anyway. So for galleries and slideshows, we really need an option to insert images by URL as well, or an interface where you can select already uploaded images. I submitted a feature request, if it appears, please vote for it!

Alternatives

By the way, if you consider using Weebly, have a look also at Wix and Squarespace. They look more professional to me (and are, I think), but are more expensive also.

Convert .EPUB ebook to .PDF

To convert an .epub file (an ebook) to a PDF, I tried several options:

• Calibre, great software, but not for conversion to PDF: it doesn't handle top and bottom margins on this type of conversion, so it even cuts characters in half on the output PDF between pages
• Printing from the Calibre Ebook-viewer to PDF file: works in some ways better than the Calibre conversion itself, but it doesn't handle page breaks
• CLI (command line interface) use of Calibre's conversion (ebook-convert): works, but I can't manage the parameters well enough from the command line

So finally I found Prince, which works beautifully.

The workflow is:

• make a copy of your .epub file
• rename the extension of your copy from .epub to .zip (it is in fact a simple .zip file)
• extract the .zip file in a directory of your choice
• navigate to the subdirectory where the text files of your ebook are extracted (the .html and .xhtml ones)
• use the command
  

  prince cover.xhtml page_1.html page_2.html page_3.html -o book.pdf

   where you change and add filenames according to your specific case of course.

The output is book.pdf and should look fine.

If I understand correctly, this should work under Ubuntu and Windows alike...

(With thanks to this thread...)

A working jack configuration (Ubuntu 12.04 LTS)

For my own reference, and possibly yours, I put here a working jack configuration, on Ubuntu 12.04 LTS on a HP Envy DV7 laptop with an UGM96 USB sound card. (The UGM96 device worked right out of the box, by the way).

So here are the four tabs of the "setup" screen of QjackCtl (the last three tabs are just default values):

I succeeded also in breaking my setup by pushing the parameters too far, trying to achieve a better latency. Well, breaking is a big word, in fact jack just didn't work anymore, but finally I got it back putting the parameters as they should, rebooting, cursing and tweaking a bit.

To start jack, just push the "start" button on QjackCtl and it should work (I don't use the "play" button and don't even know what it's for). Then you have to connect your inputs and outputs between applications of course, i.e. in another application called Patchage, or in QjackCtl itself (less intuitive).

I also have pulseaudio-module-jack installed.

When I start jack using the QjackCtl application, the message I get is the following. I post it here because there are "error messages", but apparently they can be ignored, it works just fine:

07:45:40.364 Patchbay deactivated.07:45:40.382 Statistics reset.07:45:40.389 ALSA connection change.07:45:40.396 D-BUS: Service is available (org.jackaudio.service aka jackdbus).Cannot connect to server socket err = No such file or directory
Cannot connect to server socket
jack server is not running or cannot be started
07:45:40.403 ALSA connection graph change.07:45:47.201 D-BUS: JACK server is starting...Cannot connect to server socket err = No such file or directory
Cannot connect to server socket
jack server is not running or cannot be started
07:45:47.216 D-BUS: JACK server was started (org.jackaudio.service aka jackdbus).Sat Aug 24 07:45:47 2013: Starting jack server...
Sat Aug 24 07:45:47 2013: JACK server starting in realtime mode with priority 10
Sat Aug 24 07:45:47 2013: control device hw:1
Sat Aug 24 07:45:47 2013: control device hw:1
Sat Aug 24 07:45:47 2013: Acquired audio card Audio1
Sat Aug 24 07:45:47 2013: creating alsa driver ... hw:1|hw:1|128|2|44100|0|0|nomon|swmeter|soft-mode|32bit
Sat Aug 24 07:45:47 2013: control device hw:1
Sat Aug 24 07:45:47 2013: configuring for 44100Hz, period = 128 frames (2.9 ms), buffer = 2 periods
Sat Aug 24 07:45:47 2013: ALSA: final selected sample format for capture: 24bit little-endian
Sat Aug 24 07:45:47 2013: ALSA: use 2 periods for capture
Sat Aug 24 07:45:47 2013: ALSA: final selected sample format for playback: 24bit little-endian
Sat Aug 24 07:45:47 2013: ALSA: use 2 periods for playback
Sat Aug 24 07:45:47 2013: graph reorder: new port 'system:capture_1'
Sat Aug 24 07:45:47 2013: New client 'system' with PID 0
Sat Aug 24 07:45:47 2013: graph reorder: new port 'system:capture_2'
Sat Aug 24 07:45:47 2013: graph reorder: new port 'system:playback_1'
Sat Aug 24 07:45:47 2013: graph reorder: new port 'system:playback_2'
Sat Aug 24 07:45:47 2013: New client 'PulseAudio JACK Sink' with PID 2289
Sat Aug 24 07:45:47 2013: Connecting 'PulseAudio JACK Sink:front-left' to 'system:playback_1'
Sat Aug 24 07:45:47 2013: Connecting 'PulseAudio JACK Sink:front-right' to 'system:playback_2'
Sat Aug 24 07:45:47 2013: New client 'PulseAudio JACK Source' with PID 2289
Sat Aug 24 07:45:47 2013: Connecting 'system:capture_1' to 'PulseAudio JACK Source:front-left'
Sat Aug 24 07:45:47 2013: Connecting 'system:capture_2' to 'PulseAudio JACK Source:front-right'
07:45:49.262 JACK connection change.07:45:49.264 Server configuration saved to "/home/bart/.jackdrc".07:45:49.265 Statistics reset.07:45:49.268 Client activated.07:45:49.272 JACK connection graph change.Sat Aug 24 07:45:49 2013: Saving settings to "/home/bart/.config/jack/conf.xml" ...
Sat Aug 24 07:45:49 2013: New client 'qjackctl' with PID 3418

Disable screen saver in Xfce

Regardless of my screensaver settings in Xfce, even if I disable it completely and power management with it, my screen still goes blank after 10 minutes. (I installed regular Ubuntu 12.04.2 LTS and then Xfce, not Xubuntu).

Before messing with xorg.conf, first back it up:

sudo cp /etc/X11/xorg.conf /etc/X11/xorg.conf.orig

A. What DIDN'T work

So, to try to resolve this, I tried the following, but it didn't work.

1) First NOT working solution

I found it in this post.
"This isn't the screensaver's issue. It is actually Xorg's default settings.
Add these lines in your xorg.conf (which is located in /etc/X11/xorg.conf and you must edit the file as superuser).

CODE: SELECT ALL

Section "ServerFlags"
   Option "BlankTime"   "0"
   Option "StandbyTime" "0"
   Option "SuspendTime" "0"
   Option "OffTime"     "0"
   Option "DontZap" "false"
EndSection


So, no luck with this. It didn't have any effect at all.

2) Second NOT WORKING solution

Then I tried adding a "NODPMS" option in xorg.conf (see this post). Didn't work either. That actually broke my system, had to boot from live USB, delete the modified xorg.conf and revert to a copy of my original xorg.conf (which luckily I had backed up, see top of this post).

3) Third NOT WORKING solution

Then I removed the gnome-screensaver package using synaptic. Didn't work. Then I removed also the xscreensaver package. Didn't work either, screen still blanked after 10 minutes.

4) Fourth NOT WORKING solution

(Before editing your /etc/profile, make sure to back it up, for instance by entering in a terminal the following command: sudo cp /etc/profile /etc/profile.orig. In case something goes wrong you can login from live CD or USB, or in recovery mode, and revert back by doing the opposite command from the command line interface: sudo cp /etc/profile.orig /etc/profile, then reboot).

Add to the end of /etc/profile (edit as superuser)

xset s 0 0
xset -dpms

Reboot to make changes take effect.

(See this post, this post and this post)

B. So what the # does work????

Caffeine!! (The program, NOT the substance).

Check hard disk Ubuntu 12.04.2

- Start from live USB
- in terminal, do

sudo fsck -c -v -p /dev/sdb1

where /dev/sdb1 is the partition you need to check. Fsck does not work on disks, only on partitions, so you have to do this for every partition you want to check.
To see your partition, use gparted.

Howto change keyboard controls in Platinum Sandbox Gamemaker (Qwerty -> Azerty)

Problem: in Linux, there seems to be no regular way to explain to Platinum Arts Sandbox Gamemaker that you have an AZERTY-keyboard and not a QWERTY one. Changing the keyboard-layout in Xfce doesn't help either. That works for any and every program, Sandbox Gamemaker excluded.

Solution (sort of):
This is not at all the official way to do this and highly unrecommended, but it does seem to work and it's very simple. Use at your own risk and peril, I take no responsability whatsoever if you break your system or if your house explodes because of this!
Search for the file "keymap.cfg". On my install (from Ubuntu repositories) it's in /usr/share/sandboxgamemaker/data). Edit it as root, and change the letters W into Z, A into Q and vice versa.

So, in a terminal:

cd /usr/share/sandboxgamemaker/data
sudo gedit ./keymap.cfg

There you change the line

keymap 97 A

into

keymap 97 Q

; the line

keymap 113 Q

into

keymap 113 A

etc. for the lines corresponding to Z and W.

How to free the Alt-key in Xfce for inkscape, Blender, etc.

As explained on the Inkscape FAQ:

• To enable in XFCE 4.4 or greater, in the Settings Manager > Window Manager Tweaks > Accessibility Tab, change "Key used to grab and move windows" to "none" or something else. Several other selections (such as "Meta") may still use the "Alt" key, however, so test it first.

Type the copyright symbol © in Linux

As explained here:

• type Ctrl+Shift+u (an underlined "u" will appear")
• type "00a9" (on screen you'll see: "u00a9")
• press Enter
• voilà, the "u00a9" converts itself into the copyright symbol: ©

Remapping a graphic tablet in Linux (using xinput)

This is how I set up my second hand Wacom Intuos 1 graphic tablet (old but very satisfying hardware) under Ubuntu 12.04.

4:3 to 16:9 conversion

The Xinput command

In fact it worked all "plug'n'play", except for the fact that my screen is 16:9 and my old Wacom Intuos 1 tablet is 4:3. This meant that when I drew a circle on my tablet, it was an ellips on screen.

In Linux this can be remedied by the "xinput" command. Without going into too much detail, what you should do is the following. (I found the basic info I needed on the "Calibrating Touchscreen" page on the Archlinux wiki).

First, with your tablet connected (it has to be connected before boot), type in a terminal (no need to be root or use sudo):

xinput list

The output in my case is, concerning the tablet,

• Wacom Intuos 9x12 stylus
• Wacom Intuos 9x12 eraser
• Wacom Intuos 9x12 cursor

These are the devices you should remap, all three (or more or less in your case) of them.


The command for remapping for instance the "stylus" device is the following:

xinput set-prop "Wacom Intuos 9x12 stylus" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 0 0 0 1

where

• "Wacom Intuos 9x12 stylus" is the device in question
• 1.33333 is the factor by which the tablet is horizontally "diminished". Underlying math, for those interested:
• 4:3 = 16:12 (multiply numerator and denominator by 4)
• conversion 16:12 -> 16:9 : the x conversion factor is 12/9 = 1.33333

This "deactivates" a horizontal border at the bottom of your graphic tablet (near you); the remaining active field has the desired widescreen 16:9 ratio.

If you prefer, as I do, to rather deactivate the top border so that your active drawing field is as close as possible to you, you should use an offset factor. The command then becomes (note the -0.33333 value):

xinput set-prop "Wacom Intuos 9x12 stylus" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1

You have to execute this command not only for the "stylus", but for every of your tablet "sub-devices", in my case:

xinput set-prop "Wacom Intuos 9x12 stylus" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1
xinput set-prop "Wacom Intuos 9x12 eraser" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1
xinput set-prop "Wacom Intuos 9x12 cursor" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1

Making changes persistent throughout reboots

Now the problem is that these changes are not persistent throughout reboots, so you have to re-enter the commands every time you restart your computer. There is of course a simple solution for this: making a simple shell-script and getting your linux to run it at boot.

1. Making the script

For the shell script open a text-editor (i.e. GEdit or Mousepad or other), and type:

#!/bin/sh

xinput set-prop "Wacom Intuos 9x12 stylus" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1
xinput set-prop "Wacom Intuos 9x12 eraser" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1
xinput set-prop "Wacom Intuos 9x12 cursor" --type=float "Coordinate Transformation Matrix" 1 0 0 0 1.33333 -0.33333 0 0 1

Save it as (for instance) wacom.sh in your home-directory or any other place where you can find it afterwards.

2. Make the script executable

Now you need to make it executable. One way is to use Nautilus, the file browser, right click on the file, choose "Properties" (at the bottom) and in the "Permissions" tab, check the checkbox at the bottom that says "allow execution".
Or, in a terminal, navigate towards the directory where you saved wacom.sh and type:

chmod +x ./wacom.sh

At this stage your script is ready. You can test it out by typing in a terminal, while you're still in the right directory:

./wacom.sh

You should see the changes directly when you use your tablet.

3. Auto-execute the script on boot

Now the only thing left is to make linux run the script at every boot.

For this, launch the program "Startup Applications" (should be installed by default). Click on "Add" and fill in the form. The name and optional commentary you can choose freely, the most important is the command:

/path/wacom.sh

where "path" is of course your particular path, the directory where the script is saved, i.e.

/home/jeff/wacom.sh

That's it. Reboot and test... Good luck!

Making the active field smaller

I bought a big graphic tablet and found that actually a smaller one is more useful for my type of work. So instead of buying a smaller one, I used again the xinput command to "make" it smaller (that way, if I need it bigger, I just change the xinput values and I have a big one again). How to do this:

If we represent the Coordinate Transformation Matrix used in the above commands (i.e. 1 0 0 0 1.33333 -0.33333 0 0 1) as a1 a2 a3 b1 b2 b3 c1 c2 c3, and the conversion factor for widescreen correction as Cf then:

• always b2=a1*Cf, this way the widescreen conversion is correct at all times. (If you don't need to do this conversion, then for you Cf = 1).
• the bigger a1 is, the smaller your active field becomes on your tablet. 
• If a1=1, then your active field is at it's biggest, full size
• If a1=2, then it becomes half this size
• If a1=3, then it becomes one third this size
• and so on
• a3 and b3 are resp. the horizontal and vertical offset.
• If these values are 0, then your active field is placed at the top left of your tablet
• to move your active field towards the bottom right, these values need to be negative. You should experiment a bit with values. To put a small active field in the bottom left corner of my tablet (taking into account the widescreen conversion, see above), I had to use the matrix: 2 0 0 0 2.666666667 -1.666667 0 0 1.

So finally I made two scripts, wacom_A4.sh and wacom_A5.sh. According to the desired configuration, I execute one or the other.

If you appreciated this article for some reason or another, please share it (see the buttons below), and, of course, don't forget to Flattr! (Why?)

How to add a Facebook Like button to your Tumblr blog

Before you start, it might be a good idea to save a copy of your Tumblr theme as it is, just in case you mess up completely, because you'll be tinkering under the hood. If you don't know how to customize your Tumblr theme to begin with, you'll have to read up here: go to the Tumblr help page and search for "customize theme".

• Go to http://developers.facebook.com/docs/reference/plugins/like/
• Scroll a bit down and fill in the form
• fill in the home URL of your Tumblr (http://bartvanaudenhove.tumblr.com for instance, where you change "bartvanaudenhove" into your own username, otherwise you'll be directing people to my blog which is very kind but not the idea I guess)
• choose your settings, ticking and unticking the checkboxes (you can see the result immediately to the right)
• Press the "Get Code" button
• Copy the upper part (nr. 1, the "Javascript SDK") into your Tumblr theme HTML right after the <body blabla> statement (where "blabla" is of course some HTML code). To find this statement, click once inside the HTML code of your Tumblr theme (near the beginning), press Ctrl+f, and type in the search field "<body" (without the brackets). If it's not the right result, click after the highlighted result and repeat the search.
• Copy the lower part (nr. 2, the plugin) where you want it to appear on your blog. In my case I put it in my navigation bar. I found it easily because in my theme it was marked "<!-- NAVBAR -->". If you're not that lucky, you can try to do a search on some of the words in your Tumblr navigation bar (i.e. "about" or "ask me anything" etc.), or you can copy the plugin in various places and do "Update Preview" (on top) regularly and see what happens until you get it right.
• Save your theme ("save" button on top), go back to your blog, and have a look (don't forget to refresh your page in order to see the changes).

More info on the Tumblr theme details here: How to create a custom HTML theme.