Archive for the ‘Blogging Tutorials’ Category

h1

Newly Wed Newly Bred Diaper Swap Button Code

September 6, 2009

For Mom2ChunkyMonkey

<center><a href="http://bit.ly/nw0Q" target="_blank"><img border="0" alt="Newly Wed Newly Bred" src="http://members.shaw.ca/nicolemarr/NWNB_diaperswap.png"/></a><br/>
<textarea rows="4" cols="15"><a href="http://bit.ly/nw0Q" target="_blank"><img border="0" alt="Newly Wed Newly Bred" src="http://members.shaw.ca/nicolemarr/NWNB_diaperswap.png"/></textarea></center>

For the Diaper Swap Participants

<a href="http://bit.ly/nw0Q" target="_blank"><img border="0" alt="Newly Wed Newly Bred" src="http://members.shaw.ca/nicolemarr/NWNB_diaperswap.png"/>
h1

How to add a blog badge in WordPress.com

September 4, 2009

Everyone can tell you how to add a blog badge (aka button) in Blogger. It’s harder to do in WordPress because they don’t allow the textarea tag. But they do provide their own proprietary way of displaying what you want.

GrudgeMom.wordpress.com

<a href="https://grudgemom.wordpress.com" target="_blank"><img src="https://grudgemom.files.wordpress.com/2009/07/button.jpg" alt="GrudgeMom.wordpress.com"></a>

Now how did I do that? WordPress has this fancy code tag [ sourcecode language='html' ] [ /sourcecode ] (without the spaces around the [ and ]) that you can use to display your html as html, without it being stripped. It also comes with a handy “Copy to Clipboard” link and “View Plain” which opens the html in another window as plain text. VERY handy!

No need to use the textarea tag at all for your badge. Just the link, image and end link.

If you can’t get it to work, let me know and I’ll see if I can help.

Edited to add an image of my current code as a sample, in a format that WordPress can’t render!

h1

Populating Twitter’s Text Field From Your Blog

July 31, 2009

OK people, bear with my excitement here please. When I spend DAYS trying to figure something out, and then I do it, I get ecstatic! I especially get crazy when it’s something simple (programmers will understand what I mean if they’ve ever had a tiny syntax error keeping them awake for days).

But fear not, I did all the thinking and testing and working, and NEWLY bug free for you:

How to automatically populate a twitter follower’s update field using a link on your blog!

All they have to do is hit the Update button!

I saw this during Moonfruit’s MacBook Pro contest, as well as someone using a bit.ly link to achieve the same effect. And I’ve been trying to recreate it ever since. It’s not hard, and I’m sure tons of people have figured it out. But when I tried to search for it, NADA.

This will come in especially handy for review/giveaway blogs, like Makes Mom Happy, The Cloth Diaper Report, and others like them (believe me, there’s TONS). Often during giveaway contests on these blogs, you can obtain entries by tweeting about the contest. Most of the time there is a pre-set message the blog owner would like you to use to advertise the contest. Now the blog owner can make a link for you and save you the trouble – if they read this post and learn how.

Review/Giveaway blog owners, here’s how you do it:

Use a link when you have a specific message you’d like tweeted, for example: “RT @halfjapanesegrl Enter a Britax Marathon CS car seat giveaway at The Cloth Diaper Report! http://bit.ly/TcYbS. Open to US and Canada!Contest is closed, by the way.

Assuming you use Twitter, click this link to see my example in action!

If you know basic HTML, like how to add a link to your blog, this will be easy peasy for you. Normally a link looks like this:

<a href=”http://www.yourlink.com”>Your Link’s Name</a>

That’s the format this Twitter tip will follow too:

<a href=”http://twitter.com/home?status=Enter the text you would like Tweeted here. The only catch is, everywhere you want to use a space, put a ‘+’ instead!” target=”_blank”>Tweet this message</a>

A couple of notes for you:

  1. DO NOT put www. in front of twitter.com or it will not work.
  2. Always put target=”_blank” in your external links. This will make your link open in a new window. Why is this important? Then YOUR site is still open in another window. Even if your visitor forgets what they were doing when they clicked on the link, eventually they will make it back to your window. This can induce more visiting on your site, and for some people this can mean more income (depending on your product or service)

Please, feel free to tweet about this blog post so other blog owners can learn how to do this too!
UPDATE: Figured it out finally, thanks to Digital Rev. Instead of spaces, use a + sign, then you won’t get any %20’s.