If you’re a web designer or a blogger you probably have a lot of hassles with uploading, locating and managing your online images. Worry no more.
Dropbox to the rescue
Dropbox and Evernote have changed my digital life. If you use more than one computer, if you need to access files from any web-connected computer in the known universe, or if you just need no-brainer burglar-proof, tsunami-and-fire-proof file backup they’re invaluable and they’re free for commendable amounts of data. If you don’t have it just click on the Dropbox logo above and you’ll get 2.5GB of free storage (you get an extra 500MB from my referral). I’ve written more about Dropbox here.
Your Dropbox contains a Public folder. All you need do is save images destined for your website into that folder or a subfolder within it. When you wish to insert the image into your website here’s what to do (it’s far easier to do than to explain): Continue reading “Dropbox: the ideal web image management tool”
This is a level 2 callout heading
In case you were wondering, this block of text is a callout based on a class in a cascading style sheet.
- This is an unordered (ul) callout list formatted by the CSS style sheet:
- To use a numbered list instead, use ol in place of ul list tags.
The callout on the right is produced by the CSS shown below. The textbook definition of a callout is a quotation from the text body displayed in an extracted box, but I’m defying semantics and using it to highlight information peripheral to the main post.
If you’d like to use callouts in your blog (or any web page for that matter) here’s what you need to do.
Track down the location of the
custom.css file in your WordPress theme. Edit the CSS script to change the fonts, colours, text sizes, padding and so on to whatever your heart desires.
The CSS script uses the “width” property to allow the callout to expand and contract proportionally with flexible width themes. It will occupy 33% of the width of the post or page regardless of the size of the browser window. Of course you can change that to 50% or whatever suits your requirement. Mistywindow’s modified Thesis theme has a flexible design with maximum and minimum limits, so if you change the size of your browser window you’ll see how the callout responds.
For the life of me I can’t remember why I found it necessary to put the transparent background tag in the list CSS. Probably an inheritance problem. I’ll have to experiment.
Place the callout text between tags like these:
heading here if you wish
Some text here.
Put the following CSS script, edited to suit your impeccable taste, into your custom.css file: Continue reading “CSS callouts for your blog”
WordPress has an infuriating habit of removing line breaks from your HTML script.
It doesn’t matter whether you use <br /> or  : they get the chop. You can work around it by inserting this code into your editor while in HTML mode:
I expected this to be fixed in WordPress 3 but they blew it. They’re forgiven. WordPress 3 is otherwise fantastic.
For a lot more about line breaks and padding go to this excellent WordPress Tips page.
If typing all that stuff is a trial, get yourself a text expander. My choices:
- Free Autohotkey for Windows – reviewed here on Just Wondering.
- Free Autokey for Linux.
- Reasonably priced TextExpander for Mac.
With luck it'll pay for your hosting costs. If you don't have an Adsense account you'll need to set one up here. Go to your Google account page, select an ad configuration and copy the code Google creates for the ad display you want. You need 120 or 160 pixels wide if you put it in the sidebar. The one here @ my wits' end is 160 px wide.
Go to Admin » Appearance » Widgets.
Drag a Text widget into the position on your Primary Widget Area that suits you.
Paste the code into the Text box.
Wrap <center> </center> tags around the Google code as shown below to centre the ad in your sidebar. Otherwise it lines up on the left and will probably look off-balance.
It may take a few minutes, or even hours, for Google's spiders to cotton onto your pages. So don't assume that a blank box is a sign that you've blown it. 🙂