share your email address, but hide it from spammers

Type the following code in your “contact” page or wherever you want your contact information to appear on your website:


Copy the code below, paste it in a text file and edit the content in red:
(You can use any text editor, like the Notepad app in Windows.)

<!– Begin

// NOTE: If you use a ‘ add a slash before it like this \’
// NOTE: to turn any code into a comment, type two forward slashes //
in front of the line of code
// NOTE: I left the css code in, but you would need to create it in your own style sheet

document.write(‘<span class=”phonetitle”><nobr>’);

document.write(‘Your Name Here‘);


document.write(‘10901 Your Street<br>’);

document.write(‘City, ST 12345<br>’);

document.write(‘PHONE: <span class=”phonetitle”>(555) 555-5555<BR></span>’);


document.write(‘EMAIL: <A HREF=”” class=”link”></a><br>’);

//  End –>

Name the text file “phone.js” and save it in the same folder as the file containing the first code.

Now, your email isn’t underlying text that’s easily found by scammers and spammers, it’s buried in code. The downside is that anyone who’s not running javascript can’t see your content – rare, but possible.

Caveat: If your website is hosted on, they don’t allow javascript, so this code won’t work for your site.

(code snippet credit

wordpress: where can I find the post id?

When I’ve used the [display post] feature of wordpress, I sometimes need to find an id number for a particular post. There are two quick, easy ways to find the post id:

1. If you’re logged into your WordPress dashboard, click Posts > All Posts. Find the post you need and hover or roll your mouse over the title. The post id number will appear in the progress bar in the bottom left of the browser.


2. If you are editing a post, it’s displayed in the URL.


Hope this was helpful!

html: prevent line break after text link

preventlinebreakafterlinkwith_inlineThe problem:
Creating a text link seemingly inserts a line break and causes the text following the link to wrap to the next line. Notice the second paragraph is not a link – and it doesn’t wrap.

This is what the original code looks like:

To prevent the text from wrapping/inserting a line break, add an inline property to your anchor tag.

Here’s what the inline property looks like:

preventlinebreakafterlinkwith_inline_finalAnd here’s the result:
I know the font size of the link is slightly larger than the paragraph text. I’ll be fixing that next.

html lists: indent spacing and change bullet styles

Working on my website recently and created a multi-level unordered list. The spacing of the second level indent was much more than I needed and I wasn’t loving the fact that the bullets were the same for both levels.

I found code to solve both those problems, so as usual, I’m posting it here for my future reference and, hopefully, to help someone else looking to solve the same problems.

I changed the second level bullet style to square and reduced the second level indent to 15px. Here’s a screen shot of my final list, followed by the code snippets I used:

Continue reading “html lists: indent spacing and change bullet styles”

prevent editing in a Section of a MS Word template/document

Occasionally, I’ve needed to protect a portion of a Word template from accidental editing. There are many reasons to do this, but one example – the one I’ll be using in this particular #pragmaticcomputertip – is to protect the content and formatting of what I call “faux” letterhead. (Note: This tip applies to MS Word 2007 and later.)

Click HERE to read the previous #pragmaticcopmutertip about creating faux letterhead. After finalizing, it’s a good idea to to be protect that section of the form against accidental editing. Here’s how that’s done:

Continue reading “prevent editing in a Section of a MS Word template/document”

free downloadable Letterhead and Memo icons

After decades of allowing users to draw and edit tiny little toolbar icons using the built in icon editor of WordPerfect, the latest release – WordPerfect X7 – has replaced the “edit” button with an “import” button.

it’s a sad click-and-drag coloring day.

BUT. If you still have an older version of Wordperfect, don’t uninstall it! You can create and edit icons for import in WPx7.

Just create your masterpiece as usual, and then
1. Click the Copy button at the bottom of the WordPerfect icon editor
2. Open the Paint program that comes pre-installed on every Windows machine
3. Paste (CTRL+V for you keyboarders out there)
4. Click “Crop” in the toolbar (the pasted image should already be selected after pasting) and
5. Save the icon with the .png extension.

Then when you see that “import” button as you customize your WordPerfect x7 toolbar, you can import your custom creation. The image should be a 16 x 16 pixel .png image and icons created with previous versions of WordPerfect are exactly the right size.

Two icons that I used regularly over the years were for Letterhead forms and Internal Memo forms. Here are a few in different colors. Just right click to save the image.
















send someone a text via email.

Did you know you can send text messages from any email program to a cell phone? For example, to email a text message to someone who uses AT&T, you would address the email like this:

However, when sending text messages via email, follow a few best practices:

1. Keep the message to just text (no images or attachments).
2. Keep the text plain (no text formatting).
3. Keep these messages short. If you send a large message, it will be broken up into multiple smaller 140 or 160 character messages. #annoying
Continue reading “send someone a text via email.”

“Where’s the Ribbon in Word 2013?”

Some people love the clean look of Word 2013, but if you’re like me, it feels cold. and bleh.

and empty.

The ribbon only displayed when I clicked on a menu item. As soon as I began typing, it would disappear. This was not helpful. I didn’t want to go get the ribbon every time I needed something on it. That ribbon needed to sit and stay.

Word 2013 Ribbon Hidden

Here’s how to get your ribbon back: Continue reading ““Where’s the Ribbon in Word 2013?””

cure your possessed keyboard: dvorak to QWERTY

I thought I was crazy. My keyboard was typing stuff I did NOT type. Backslashes when I pressed the spacebar. Numbers when I pressed letters and the other way around. Adding characters when I pressed the backspace button. Weirdness. Nothing short of a reboot would solve the problem and even then, it was only temporary. I searched Google and stumbled upon the possibility that my keyboard was no longer set to “QWERTY.”

To find out if your keyboard settings may have changed:
Continue reading “cure your possessed keyboard: dvorak to QWERTY”

css margins.

Need a code snippet for your style sheet?

Below are four options for setting the top, bottom, left and right margins:

margin:10px 40px 25px 90px;

top margin is 10px
right margin is 40px
bottom margin is 25px
left margin is 90px

Continue reading “css margins.”