Last updated by at .

Adding Bing Knowledge Widget to WordPress

Adding Bing Knowledge Widget to WordPress

Adding Bing’s new Knowledge Widget (currently in beta mode) to your WordPress blog is extremely easy, and will make your website more engaging to your visitors. The Bing Knowledge Widget scans the content of your page and pulls in relevant content into a layered right sidebar. Enough, if you’ve come this far you probably know what it is and just want to add it to your blog already!
Let’s get started.  There are only two basic steps to follow:

Step 1: Go to Bing’s Knowledge Widget Code Page.

Screen shot of the Bing Knowledge Widget webpage. You will likely experiment with the Settings area a few times before you get it tweaked exactly the way you want it, and the code area above it automatically changes depending on what options you select.  After you’ve decided how you want content underlined, how deep you want the widget to scan, copy the code in the window.

Screenshot of pasting code into text window.

Step 2: Create a Text Widget

Leaving your code on the clipboard (in memory), jump over to your WordPress blog dashboard.  Go to Appearance -> Widgets.  Drag the Text widget into the Footer of your theme, and paste the javascript code into the text area.  Don’t give it a title, and set it’s visibility to hidden.

Step 3: Enjoy!

Screenshot of Bing's Knowledge Widget in action.




Converting between Oracal Vinyl and Pantone Colors

Using Illustrator to Determine the Pantone Color

I often have to use vinyl for one element of a sign or graphics project, but require digital printing another portion.  For outdoor translucent vinyl we often use Oracal’s 8500 series, and it’s relatively easy to pick a color using their online color chart.  But your digital printer will need an entirely different number to represent the same color as the vinyl.  While this is an inherently difficult process to get exact, these 5 steps should help you give something your printer will be happy with.

Step One

Fire up Adobe Illustrator, and open your customer’s artwork.  I am using CS6, so your interface might look different from these images.  Use the Eyedropper Tool and click on the color you want.  Note how it goes into your color panel.






Step Two

Open the Color Guide Panel.  Your color should be selected.  Click the drop down arrow just under the x to close the panel, and open up the Color Guide Panel Options.  Choose Edit Colors.



Step Three

Click the small icon to open up the color libraries you can choose from, indicated by the red arrow.

Illustrator cs6 color guide


Step Four

Select the color types your printer is going to use, in this case I chose Pantone Coated.

Illustrator CS6 Color Guide

Step Five

Click the color square at the very bottom left of the window, and your matching Pantone color is provided in the Color Picker Dialog.  Simply write down the numbers and forward them on to your printer.


I hope these tips help you in some way.

Thanks for visiting Electremedia.

Automate Photoshop to Optimize an Image Folder

Using Photoshop Actions

I’ve used Photoshop since version 4.01 and still don’t know all of the features.  And only lately did I discover the power of Actions.  Large images can affect your page ranking, and if you’ve not carefully optimized your images, you could be putting people on long hold times, including search robots, and neither of them like it.

Here’s a quick and easy tutorial for making an Action in Photoshop CS6, and using Batch to run the action on an entire folder.

Let’s get started!

An image of Photoshop CS6 from a tutorial.

1. Open Photoshop and choose Window -> Actions, and open up the Actions panel.

Photoshop Action Panel CS6

2. In the Actions panel, click the icon for New Action. You can also group your actions into folders if you like, similar to grouping layers.

New Action Window

3. Give your action a unique name. If you create a group set, it will appear here as a location to keep your new action. Name it according to whatever you’re doing to the image, whether optimizing or filtering in some way. Photoshop is just going to watch and record everything you do and the settings you choose.
And it’s not on a timer, liking taking a screen capture video. So if you sit there and think for a moment it’s fine. Photoshop just waits for you to do something.

Photoshop Actions Tutorial Image

4. After you click record in the previous dialogue window, you’re recording! Photoshop is waiting for you to do something. The first command you’re going to record is the “Open” command.

Photoshop Open Window

5. Open one of the files you want to optimize. That’s all we’ll do in this tutorial, to keep it quick.

Photoshop screen capture

6. Since we’re only optimizing this image, I’m going directly to File -> Save For Web.

Photoshop CS6 Save For Web dialogue

7. Adjust the file type and/or quality to reduce your image footprint. Remember, you’re not rescaling anything that might mess up your layout. You’re just stripping out color and definition data. You will discover how you can make even the largest, full-screen images load really fast. Photoshop will remember these settings you use and save it as part of the Action we’re making. Click Save when ready.
As a side note: If you choose to Replace a file during the Save process, Photoshop will remember the action and do the same for subsequent files. You also have a lot of control in the Batch dialogue window.

Photoshop Close Dialogue

8. Now close the file. This will be the last step Photoshop will record into the action sequence.

Photoshop CS6 Actions Panel

9. Stop recording.

Photoshop CS6 Automate Dialogue

10. It’s not very intuitive yet, but you access your Actions through the Batch window, under Automate (File -> Automate -> Batch).

Photoshop CS6 batch dialogue window

11. This is where you select the Action you just made, and apply it to an entire folder structure if required. You can choose any sets you make (groups), and your actions. Choose your optimize action and the folders to act upon, and Photoshop will do the rest. You can just sit back and watch as Photoshop opens each of your images and quickly processes and closes them. It’s kinda cool!
One note on this step: Photoshop seems to keep one example image open while it processes and second image, and it switches between the two. This can make it appear as if it’s continually opening an old image. If you watch closely, you’ll see how one of the two or more images are changing.
This is the end of this tutorial.

Hopefully this helped you learn a little more about Photoshop’s Actions.  The file conversion features alone provide you with enormous options, only limited by your imagination.

%d bloggers like this: