How do I add images to my WordPress Links Widget?

Showing links to other blogs and sites is a common way to help your readers connect with more of what they are interested in. Making those links interesting and easier to use with graphics adds a nice touch. Most blogs have sidebars for displaying information, details and links. In a WordPress blog, the Links Widget is a versatile and useful tool and can display images. This post tells you how to do it.

First you need images. These need to be stored on the Internet so they can be accessed and displayed. Lastly they need to be an acceptable size.

Let’s start with that last item, the size. Sidebars come in various sizes. You want images that fit the sidebar of you blog. Don’t know how wide your sidebar is?image In your WordPress Dashboard, click Themes (under Appearance in the navigation pane on the left). Your current theme is shown on the top. There is a link, “Read more about …”, click it and scroll down to find the “Quick Specs” panel about your theme.

It will list the column width, the sidebar width and the header image size. Note the sidebar width. I suggest you make your images about 10 pixels narrower than the sidebar so that they will fit nicely. For this blog, the sidebar width is 212 pixels, I make my images 200 pixels wide. The height is not so important, but the Links list looks best with strip images so it does not get to be too long.

Now what images should you use? If you link to other blogs or sites, the headers of those pages make excellent images. They show a visual of the target page even before your visitor gets there.

Making the logo images

Open your browser to your target page. Do a screen capture. I use the tools built into Windows 7, so Alt-PrintScreen captures the open window. Next open Paint and click Paste. The image of the browser will now be shown in Paint.

image Logo-capture

Click Select and drag a frame around the header image or header area of the page. Click Crop. The header image is now the only thing in Paint.

image

Click Resize. In this dialog click Pixels. Then enter the size for the width of the image. In my case that is 200. Leave the checkmark on Maintain aspect ratio so the image will not get distorted. imageClick OK.

 

The image will now be shown in the small size that you have selected. Save it into your Pictures folder (or another location) giving it a name that tells you what it is later on.

Do this with your other target pages that you will want to link to on your blog.

Windows 7 Paint saves the images as PNG format – that is fine for this intended use.

 

Upload the images to your WordPress Media Library

Once you have made your link logo images, upload them to the Media Library. In your WordPress Dashboard expand the Media section image(click on Media) then click Add New. The Upload New Media page opens.

Click Browse. In the File Upload dialog locate the folder with your link logo images. Click on one of them. Click Open. Then click Upload in the Upload New Media page.

Repeat for your other images.

Now the images are in your Media Library.

Add images to Linksimage

Open your Media Library – click MediaLibrary in the navigation bar. All your images are listed. Click on the one you want. The Edit Media page for that image opens. Under File URL you can see the full web address of the image. Select it (hold down the left mouse button and drag over the address). Press Ctrl+C to copy the address.

Now click LinksAll Links, then the one of interest. Scroll down until you see AdvancedImage Address. Click in the address text space then press Ctrl+V to paste the address. Click Update Link. That’s it. Do this for the others.

Be sure to check your Links Widget to make sure that the the Show Link Image box is checked. If it is not, click it so it’s checked and click Save.

Now your Links Widget displays your links with the logo images you prepared. Hurray!

Also see:

How do I show links to other blogs in the sidebar of my WordPress blog?

 

© 2011 Ludwig Keck

.:.

Advertisements

What is “God Mode”?

“God Mode” is a cute name for an otherwise mundane search listing of the various options in Control Panel. Having all the features displayed in imageWindows Explorer eliminates searching through the menus and offers a real convenience. The different ways of showing the results in Windows Explorer are another benefit of “God Mode”. This tool is actually very simple and does not take up much space.

Here is how to install “God Mode” on your Windows 7 computer:

You need to create a folder in the boot disk of your computer. The common name for this is “Local Disk (C:)”. The new folder has to have a special name. The name can start with any word you like, but the part below, starting with the period, must be as shown.

  • Select the next line shown here and copy it to the clipboard by pressing Ctrl+C.

GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}

  • imageOpen Windows Explorer – click the “Windows Explorer” icon in the Taskbar.
  • In the navigation panel, below Computer, click Local Disk (C:). imageYou may have to expand the Computer listing by clicking the arrowhead symbol in front of it.image
  • Click New folder in the menu bar.
  • imageThe name of the folder is already selected, highlighted, so you can type the desired name of the folder. Don’t type anything, just press Ctrl+V to paste the name you copied from this post. It will look like this:image
  • imagePress Enter to complete the naming process. The folder name will display as “GodMode” and be prefixed with the Control Panel icon.
  • To make this feature even more easily accessible, imageplace a shortcut icon on the desktop.
    Right-click the GodMode folder, move the pointer down to Send to, then to the right and click Desktop (create shortcut).
  • Close Windows Explorer.

 

You will now have a Control Panel shortcut icon on your desktop to invoke this feature. Double-click it, Windows Explorer will open and look about like this:

image

Here in one long listing you have all the control functions with good descriptive names. On my computers I get 278 items listed – more than I ever want to use, but, het, this is computing power. All the display features of Windows Explorer are, of course, available to make getting around in this list even easier.

 

© 2011 Ludwig Keck

.:.

How do I undo emoticons in a Live Mail message?

Windows Live Mail makes it easy to include emoticons in email messages. They can all be generated with one or more characters, usually enclosed in parentheses. But what if you want something like “select your file(s)” to appear that way and not have an emoticon replace the “(s)” or similar text?

Type your text, when the emoticon appears just press the backspace key, or click the “undo” icon, or press Ctrl+Z. The original text you want will replace the emoticon and you can continue typing.

If you want the emoticon, click Emoticon in the Insert group up in the Ribbon. The drop-down menu offers a wide selection. Just click the one you wish to insert.image

image

Here is a partial list of “single character in parentheses” emoticons. Note that this list includes a few symbols that are not emoticons. These are images to avoid confusing your browser.

image

image

 

 

 

The gateway to my blogs and galleries is Café Ludwig

.:.

© 2011 Ludwig Keck

How do I replace the DSC prefix on my photo file names?

Most “Digital Still Cameras” assign the file names of the photos in this format: “DSC_nnnn.xxx”. The “nnnn” is a four-digit number and the “xxx” the file type, often “JPG”, but it can also be another extension. For example for Nikon “raw” files the extension is “NEF”. The first four characters can be changed in some cameras, but most just set the “DSC_” prefix.

Of course, you can change this by renaming the file. Doing that one at a time is not practical, so here is the procedure I use for doing “batch” renaming. I use a “Windows Batch File” to do this chore.

Creating a Windows Batch File

imageOpen Notepad and type in the Windows “command line” commands. See the illustration here. My first command starts with “REM”. That stands for “remark” and does nothing. It is just used to tell me what the batch file does.

The next command is “cd %1”. The “cd” part stands for “change directory”. This is old language dating back to the time before “folders” were called “folders”, they were “directories”. The command is equivalent to you clicking on a folder in the navigation pane of Windows Explorer. The “%1” part tells the command to use the “command line parameter” that was passed to the program. That sentence probably means nothing to you, don’t fret. You will see shortly how we pass the folder name to the batch file program – by just dragging it to the bat file icon.

The last line is “rename DSC_????.* LK6A????.*” Now here the first term is easy enough, “rename” means just that (you can also use just “ren”). This is followed by the name of the file (or files) to be renamed. The first part is clear enough. The question marks each stand for “whatever character is there”. There are four question marks to specify the four numeric characters in the photo file name. The period follows the numbers. The asterisk after the period says “whatever follows the period”.

Now the new name is entered. This is the same except for the first four characters. I use my initials followed by a “camera identifier character” (“6”) and that is followed by the letter “A” in my case. You can specify any four characters, no fewer and no more, or else the command will do “unexpected things”.

Save the file to your desktop, using Save as and giving it a name. I use “renameDSC”. imageSince you created it with Notepad is is just a plain text file, not a “batch program” yet. If the icon on the desktop shows just the name without an extension, reset the viewing options to make the next step easier: Open Windows Explorer (StartComputer). Click on Desktop (at the top in navigation pane). Click Organize then Folder and search options. In the Folder Options dialog click the View tab. imageFind the option reading “Hide extensions for known file types”. Click it to uncheck the box. Click OK then close Windows Explorer.

Now the extension of the file you created will be visible, it will say “renameDSC.txt”.

Click on the icon to select it, a moment later click on the name. This opens the rename box. image

 

 

 

 

 

Replace the “txt” extension with “bat”. The “bat” stands for “batch file” and imageindicates to Windows that it is a batch program. Press Enter. There will be a warning message. Click Yes to perform the rename operation.

You now have created a “batch program” and the icon will now show the “gears” image:

image

If you wish you can reset the option to hide the extensions of “know file types”. 

You can edit and revise the batch file by right-clicking the icon and selecting Edit – this opens Notepad. When you are finished save the file. It will remain a batch file, so there are no further hoops to jump through.

 

You are now ready to perform the renaming operation. You will find this fast and easy – now that you have a desktop program for doing so.

 

Renaming the DSC files

After importing your photos, open Windows Live Photo Gallery. Find the folder or folders of the new photos in the navigation pane.

image

Now just drag the folder name to your batch program.

image

You will see the “Command prompt” window open momentarily and carry out your instructions. If you folder contains a small number of photos you might not even notice the operation. But take a look at the thumbnails. If you have the display showing the file names, you will see that they all have been renamed.

Do this for any other folder containing photo files that need renaming. It takes just a couple of seconds, but you do have to do it one folder at a time. You will find this quick and easy and fun to do.

.

.:.

How do I import photos from my camera to my Windows 7 computer?

Windows 7 and Windows Live Photo Gallery make importing photos from your camera very quick and easy. Here is how to set up your system and how import photos quickly.

Setup camera on Windows 7

Connect your camera to your computer using a USB cable. Turn on the camera. If this is the first time that the camera is connected to the computer you will see something like this near the right end of the Taskbar.

image

Windows 7 will install the needed driver software as soon as it sees the camera. This will take but a few moments.

imageThe camera device window will open, it is show below. (If it doesn’t open automatically, click the camera icon on the Taskbar.

image

The window will show a variety of information. The illustration is for a Nikon D60 camera, for another camera the information will be similar. Of concern here is the import-06option labeled “Import pictures and videos”. Click on “Change program”.

A dialog windows opens like the illustration on the left. The default option is “Import pictures … using Windows. For much better control and more options use Windows Live Photo Gallery to import the photos. So click on “Import pictures and videos using Windows Live Photo Gallery”. Then click OK.

Next click “Change general settings”. In the next dialog, click on the option bar that says “Take no action”.

image

Click on “Import pictures and videos”, then click OK.

Windows is now set up. Turn off your camera. The camera icon will disappear from the Taskbar. Next set up options in Windows Live Photo Gallery.

Set import options in Windows Live Photo Gallery

Open Live Photo Gallery and click the blue “File” tab (upper left). Click Options. In the next dialog click the Import tab.

image

Here a number of options can be set. Since you are setting up importing from your camera, leave the setting for “Cameras” and keep the import destination of “Pictures”. Your Pictures folder is the proper place to keep photos.

As photos are imported new folders can be created for the photos. There are a number of naming conventions you can select from. I like “Date Taken + Name”, this is illustrated here.

You can also choose the file name format. My preference is to keep the file names that the camera has assigned to them.

The dialog window contains an example to show how the folder names and file names will appear according to the settings you select.

There are three other options. Check what should happen. Then click OK.

This completes the setup of your computer for importing photos. So let’s try it out. Close Windows Live Photo Gallery.

Importing photos from the Camera

Connect the camera with a USB cable to the computer. Turn on the camera.

Windows will recognize the camera and start carrying out the option that you have set import-01up. Momentarily you will see a window telling you that Windows is “looking for photos and videos…”.

As soon as it has finished analyzing the photo files on the camera, an new dialog window with more options opens up.import-11

This may look like the one illustrated here. It will show the number of photos on the camera and display two options. I like, and recommend, the “review” option. There are additional choices that can be made using that approach.

Make your selection and click Next.

If you chose the review option you get something like this:

import-12

Photos will be grouped by date. You can change the grouping with the slider control on the bottom. You can enter a names for the folders that will be created for each group. You can also specify tags that will be common to all the photos in a group. This can really help you get your organizing of the photos underway. Click on “Enter a name” to enter the folder name (or the name part of the folder name). Click on Add tags to get this started.

Separate different tags with semicolons. Here is an example with information filled in:

import-15

Note that you can inspect the photos in each group – click “View all … items”, and can even check or uncheck the individual photos to be imported.

To proceed, click Import.

Windows Live Photo Gallery now imports your selected photos, creates folders named in accordance with your settings, and places the grouped photos into the folders. If you have set the “Open … Photo Gallery after importing…” option, Windows Live Photo Gallery will open once the photos have been imported showing the photos.

.

.:.

How do I change the On-Screen Keyboard from English to another language?

The Windows 7 On-Screen Keyboard is very versatile and loaded with features. To change language support just press Left-Alt+Shiftif the keyboard is configured.

Before we start on that, you may wish to install language support to bring in other features. For that see How do I install a display language?

Setting up keyboard language support

Click the START orb and type “language”. The Start menu will include Region and Language. Click it. (Of course you can get there from the Control Panel.) imageIn the next dialog click the Keyboards and Languages tab. The next window will look similar to this:

LANG03

image

 

 

 

 

 

Click Add…

A long list of languages will be shown. Find the language you wish to install. Click on the + in front of the entry to expand the list. Similarly expand Keyboard. Select the keyboard language from the last options, make sure the box is checked. Then click OK. You can now see the installed languages in the Text Services and Input Languages window. You are all set.

Using language keyboards optionsTbar-RU

The keyboard language in use can be seen at the right end of the Taskbar. In the illustration here the current language is RU – Russian. To switch to another language press Left-Alt+Shift. On successive presses this will cycle through the available languages (that are set up as described above).

NOTE: Make the keyboard selection when an application using keyboard input is open. You can make a different selection in another application. The keyboard selection is “sticky” – switching to the other application will also switch the keyboard selected in that application. This makes working in different languages really easy.

When the Language Pack is installed for a supported language, the On-Screen Keyboard offers a very nice feature: auto-complete options. Not all languages are supported in this way. English is, so is German. Auto-complete is not supported for Russian.

LAN-KB-sample-01

In this illustration two instances of WordPad are running (hold down the Shift key when selecting a program to open another instance). The keyboard was set for Russian in one and German in the other. Note the auto-complete option offered above the normal keys. The selection is refined as additional letters are selected. Auto-complete is not active when using the hardware keyboard, it only works with the On-Screen Keyboard.

 

 

How do I install a display language?

Windows 7 can display characters and other features of a wide range of languages. Support for several languages may be installed on your computer. To add another language, proceed as follows:image

Click START > Control Panel >
Clock, Language, and Region

imageOn Region and Language click Install or uninstall display languages

In the next dialog click Install display languages.

The next window asks you to chose the method of installation. image

Click Launch Windows Update. Note the line about optional updates. In the illustration here it says “35 optional updates are available”. It may be different on your computer. Click that phrase. You will be offered a choice of Language Packs.

LANG09

You can chose more than one Language Pack. Click to select. The click OK.image

The next choice is to install:

Click Install updates.

The download and installation process may take a long time.

When the process finishes your Language Pack or Packs are installed.

You may wish to configure your keyboard or the On-Screen Keyboard. For instruction on that, see: How do I change the On-Screen Keyboard from one language to another?