operation global media domination: social bookmarks

TIAHere is the code for the social bookmarking I’ve been putting at the bottom of my newer posts. If any tech-savvy persons out there would care to improve it with images, I’d be very grateful and promise to host the images myself.

Again, a word of warning: I, myself, have not tested these. But I’ve seen that I’ve been on Digg and Stumble and a couple of others, so at least they plant the seed.

Presumably you’re smart enough to see where you put in the URL to your post, and the title of the post. If you’re not, I cannot help you.

<a href=”http://del.icio.us/post?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”> del.icio.us: the infamous exploding whale video</a>

<a href=”http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;Title= the infamous exploding whale video”>blinklist: the infamous exploding whale video</a>

<a href=”http://www.furl.net/storeIt.jsp?u=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;t= the infamous exploding whale video”>furl: the infamous exploding whale video</a>

<a href=”http://digg.com/submit?phase=2&url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/”>Digg it: the infamous exploding whale video</a>

<a href=”http://ma.gnolia.com/bookmarklet/add?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”>ma.gnolia: the infamous exploding whale video</a>

<a href=”http://www.stumbleupon.com/submit?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”>Stumble it: the infamous exploding whale video</a>

<a href=”http://www.simpy.com/simpy/LinkAdd.do?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”>simpy: the infamous exploding whale video</a>

<a href=”http://www.newsvine.com/_tools/seed&save?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”>newsvine: the infamous exploding whale video</a>

<a href=”http://reddit.com/submit?url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;title= the infamous exploding whale video”>reddit: the infamous exploding whale video</a>

<a href=”http://cgi.fark.com/cgi/fark/edit.pl?new_url=https://raincoaster.com/2006/11/21/the-infamous-exploding-whale-video/;new_comment= the infamous exploding whale video”>fark: the infamous exploding whale video</a>

<a href=”http://www.technorati.com/faves/?add=http://raincoaster.com”>Technorati me!</a>

professor raincoaster’s little lectures: WordPress 105, Pages vs Posts

professor raincoasterToday, class, we are going to discuss Pages versus Posts.

This is a Post. A blog post. Pretty much all of WordPress is blog posts, as WordPress is blogging software and a blog host. Your posts go in chronological order from oldest (at the bottom of the page) to freshest, and if you're using a template there's fuckall you can do about the way they're displayed.

But.

There are other things, called Pages. These aren't streamed the way blog posts are; they just sit there in cyberspace all by themselves, totally separate from the blog posts, although joined by a link in the sidebar. If you go to the sidebar, you'll see you have a link for Pages, and right now this thing just has some boilerplate text from WordPress in it. Click on it and check it out. It says:

About

This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress.

which is, indeed, true. Pages are like separate pages on a website, as opposed to blog posts that are all strung together. You can, if you want to get advanced, nest Pages inside Pages, but that's a lesson for another time. We're blogging here, not building websites. Different.

You should use a Page rather than a Post for anything permanently relevant, anything you want people to be able to access from anyplace in your blog. Examples would be an "About Me" or bio page, "My goals and aspirations" for an inspirational journal, "Books that guide my life" or, as I have, "Terrorist Alert Levels." Whatever goes in a Page should be something that isn't time-dependent, as it'll be displayed with equal importance as long as your blog exists.

You write a Page just the way you write a Post. When you click New Post or Write you get to a writing page; at the top you'll see two tabs, Write Post and Write Page. Write Post is the default, but if you click Write Page you will write a page and it will get listed under Pages on your sidebar. All the functions for writing Pages are exactly the same as for writing Posts, so you've got everything you need to just go for it.

If you find you've totally fucked up, you can always go back to Edit and click Delete Page, which you have to scroll down to see, but it is there. Right now, I suggest you go to the boilerplate (prefab) Page, click Edit, and replace that text with something of your own. And while you're at it, do the same with the first, boilerplate Post that WordPress stuck in your blog, unless you've already edited it to something useful. Think of it like hanging pictures in a new apartment; it won't really look like your place until you're done.

YouTube is Down!!! And productivity surges across the land…

From YouTube:

ALL YOUR VIDEO ARE BELONG TO US.

UPDATE: No, we haven't been hacked. Get a sense of humor.

UPDATE 2: Apparently we can't spel.

UPDATE 3: Please stop calling the office, we're trying to work in here.

Bad Clone

professor raincoaster’s little lectures: WordPress 104, changing picture size

professor raincoasterThis is important, because the column in your blog is only so big; in the case of this template, it's about 500 pixels wide. If you try to post a pic that's larger than that, it goes off to the side, slows down the whole blog something awful, and causes warts to grow inside your ears.

So don't do that.

If you have a picture you just cannot live without, and it just so happens said picture is wider than the posting space of your blog (which varies with the template you're using, so experiment) you can edit it down. Let's look at an example.

I like this picture, but it's too big, being, so Photobucket informs me, 600×450. This is what happens when I try to post it here unedited:

War of the Worlds Squid

Gah! Not only does it make me hit "Right Arrow, Return, Return, Return, Return, Return, Return, Return" to get past the damn thing so I can continue to post, but it overspills the blog. What to do, what to do?

I look at the blog and go "this will never do" and then I hit the Edit tag, just under the title. You can only see it if you're signed in to WordPress. This takes me to Edit View, which is just like the view I used to post. You can edit text or anything here, including pictures. So that's just what we'll do. Now that we're in the Editing View, we click on the picture; you'll see that the Image button (the little tree) selects itself, so click on it. Now you get the box you used to post the thing originally. We know it's 600 wide and needs to be 500 or less wide, so let's just go in there and change the 600 to, say, 400. Then we hit Update and it looks like this:

War of the Worlds

Hmmmm, something's not right…yes, unfortunately it doesn't automatically retain aspect ratios, so you're going to have to figure this out on your own. Subtracting 200 from the width and 200 from the height doesn't quite do it, so guesstimate unless you're good with math. Since 200 is a third of 600, I'll take a third off the height as well and that should make it more or less right. Let's try it, so it'll be 400 by (450×2/3)=400 by 300. That looks like:

War of the WorldsYeah, baby! That's how it's done. Note that there's some pixillation when you do that. Ah, the world is full of compromises!

professor raincoaster’s little lectures: WordPress and Photobucket 103, putting in pictures

professor beekerThis one isn't that easy, actually. There is a lot to putting in pictures that I don't know, and I shall be sure and tell you so, like right there, where I just said that. Otherwise, when I'm telling you something, assume I know what I'm talking about. It helps my self-esteem.

So you want to put pictures in your blog? Fine, good, "for what is the use of a blog," thought Alice, "without pictures or funny YouTube videos?"

Quite so.

In order to put a picture in your blog, the picture must first already be in cyberspace somewhere. You can't just take a picture from your computer and stick it in the blog. Some theory: when you post a picture in a blog, what you really do is open a tiny hole in that blog which becomes a window to the spot in cyberspace where that picture is. It's like a wormhole, or a tesseract; Einstein should be getting royalties from Photobucket, I tell ya. Naturally, a smartie like you will see that this requires the picture BE in cyberspace, in order to be looked at. WordPress offers this service, called "Hosting" and I'm sure you've heard of hosting pictures. I use Photobucket, so I'll teach you how to use them; I've used them for four years and they've been rock-solid, spam-free, and cost-free the whole time. If you want to get fancy you can pay them a nominal fee and get virtually anything you want, short of a housecall from a cavalcade of love-starved sex-slaves cloned from Janet Jackson and/or Hugh Jackman. That's coming in the next upgrade.

So click on this link and sign up for a Photobucket account. You want the free service, at least to start with. Once you've done that, activated the account, etc, you can start adding photos.

Albums are like folders; they hold all pix under a particular heading, and help you keep things organized. I dunno how many pix I have on Photobucket, but the Politics folder has seven pages of images. I don't want to have to browse through all of those eye-searing Bush/Cheney images when what I'm looking for is the pic of Viggo Mortensen with a muppet on his weenie.

Viggo Muppet

So. I've convinced you that Albums are a good thing. If you know the kinds of things you're interested in, make albums for them because you'll want pix of them eventually; if you have tags/categories in your blog, maybe make albums to match each of these. You don't have to make them all at once. Maybe just start with an album of "Me" and an album of "my cats" or "places I've visited" or "Mug shots" or whatever you need right away. The thing is, once you put a pic in an album, the album becomes part of its web address and you can't move it later without breaking the link, which means making the pic go blank (and have that horrible red X in the corner). So don't go putting a pic of your boss for a marketing report in the "Hot Tijuana T&A" album; if you want to put it there and you post it anywhere on the web, people will be able to see the name of the album if they are the least bit clever. That really messes up a marketing meeting, trust me. So keep church and state, dignity and nekkids, well seperate. Keep your dirty photos in a different album from your work ones.

Okay, so now that you've got albums, let us call them Church and State. And you want to put something in them. There are two ways to put pix in Photobucket: from your computer, and from a URL (ie just off the web somewhere).

To add pix that are already on your computer, go to the relevant folder, say Church. Open it up and you'll see…nothing there. Yet. But you'll see some option lines over on the right-hand side: choose whether it's Image or Video on the tabs, then it says Submit Multiple Pictures. You are only doing one right now, and that's the default, so just leave it. If you want to get fancy and add four or so at a time, you can. Just pick the number from the drop-down menu and it'll make lines so you can add each of them. If you miscount, no big deal; leave lines blank and it works just fine.

Then it says Add Images from URL. We're doing it from the compy right now, so we'll come back to this. Ignore it for now. There's a line for Image, and click Browse to locate it on your computer. Once you've selected it, it goes in the box. Name it if you like in the line below. As for the tickbox "Keep Original Image Names" that's entirely up to you. You can be witty with the names if you like, but only people who can read code will ever see them. Then click Submit and the pic should take a minute to load and Poof! You've got a picture in cyberspace.

Method two, adding images from URL, is the lazy person's way and by far my favorite. You find a pic you like on the web. You click on it to select it, yelling "hey computer, lookie here!" and the computer goes "huh? Oh, okay" and does. Then you right-click to get Properties, and when the Properties box pops up you see the URL there: copy it. If you can't right-click, I'm sure you know another way to get the properties (perhaps under File?). Now that you have the URL of the picture, you go to Photobucket as before, sign in, go to the relevant album (make sure you're INSIDE the album) in this case Church, and at the selection boxes click on the link that says "Add from URL". It will take a second to change over, but once it has it looks much the same, only without the "Browse" button. Paste the URL in the box and continue as before.

Okay, so one way or another you've got an image in your Photobucket account, in the folder named "Church." Kewl. Now what? Well, you'd like to get it to your WordPress blog, wouldn't you? Here's how:

Look at the album in Photobucket. You'll see, under each pic, three lines: URL, tag and img. For blogging, you need the URL, so copy it. This is the web address of that pic in your Photobucket account. Now, some of you are thinking, jeez, I went through all that when all I needed was the URL of the pic? I had that in the first place, so why did I go to Photobucket? You did that because linking directly to other peoples' photos steals their bandwidth, in some cases costing them quite a bit of money, thousands of dollars. Host your own photos at all times; it's only good netiquette. Besides, many sites ban hotlinking, as this is called, completely.

So you've copied the URL of your Photobucket photo. Now you go to your blog in either Write Post or Edit Post views(easiest if you keep your blog and your Photobucket album in separate windows or tabs, to click back and forth) and click more or less where you want the pic. Once the cursor is in place, click on the picture of the tree in the top toolbar; it's beside the link-related pix, fifth from the right. A box will pop up. There will be the familiar pause-and-screen-go-blank that WordPress does just to see if you're paying attention: wait it out, this is no cause for alarm. Just like with the link box, a box will pop up, but this is slightly different.

The URL for the pic goes in the top line, Image description shows up as a floater when people place their cursors over the image, so you can be witty with it if you feel up to it ("that tickles" has been done to death, though). Alignment is important. It's a bit buggy, and I find it easiest to use Left, Right, and Middle pretty much exclusively. Other than those, I dunno; when I learn more I shall tell you more about Absolute Top and Absolute Bottom and which of them is Lindsay Lohan and which of them is Prince, if you can't guess already.

Left and Right allow the text to go up against them; Middle occupies the middle of the column and the words continue below the image, rather than wrap around it. If you use Left and Right, you'll want to select either a Border (which is black) or a Horizontal Space so the text stays a certain distance away. Five pixels should do it, ten looks nice too. I don't worry about Vertical Space at all, as the lines keep things separate enough for me. Play around with it if you like, but you can leave Border and both Space boxes empty with no ill-effects.

You'll notice that Size is automatically filled in. If you want to change the size of your image, you can, but don't get too fancy or you might find that you've distorted things. Let's look at an example.

professor raincoaster

Here I am, and to put this in I selected Centered from the paragraph formatting section of the toolbar, the picture insert icon, pasted in the URL, hit Middle under Alignment, and hit Insert. I dunno why, but it sometimes doesn't put it in the middle unless you hit Center as well, so I always do both.

professor raincoasterHere I am again, only Left aligned, with no spaces. Looks a little cramped, don't it? Up at the top of this entry I chose 10 pixels of Horizontal Space, and that looks much better.

professor raincoasterAnd here I am again, Right aligned. Right aligned pix don't need so much space, because the text is left-aligned and generally leaves at least a bit of space on the right anyway.

Play around with these. I encourage you to post and edit at will. You can always edit something you've done, and I will make a quick note about that in the next lecture.