Are your posts displaying “funny characters”?

If after upgrading your MySql server or after upgrading your self-hosted WordPress install to a later version, your WP posts show gibberish characters (see image below), chances are the character set in your MySql install is ‘latin1′ which is causing incompatibility with the ‘utf8′ WordPress default charset. Read more...

4 reasons why I prefer a self-hosted WordPress blog

By way of background, below entry was meant to be posted at my WordPress.com blogsite to conclude my seven weeks of blogging there. Instead, I decided to post it to this site. Hopefully, this will explain why most of my posts and articles in this site refer to WordPress.com.

I am using the same title I have at WordPress.com for this blog, Working and WordPress-ing. In my seven weeks of blogging at WordPress.com, I have posted more than 20 entries mainly dealing with “how-to’s” which made available in this site.

***

On day 1 when I started this blog, I mentioned that I am here at WordPress.com to gain insight into how it is to blog at WordPress.com.

Now running into my seventh week into this WP blogging journey and after 24 posts, I think I can say that I have achieved my objective. I’ve learned a lot, and I thought I was able to return the favour by sharing with you what I learned plus my experience as a self-hosted blogger.

We have covered various topics by way of posts and comments including the following :

  • A PollDaddy poll outside your WP blog
  • A simple solution to tweet and retweet your WP posts
  • How to embed a Vimeo video
  • How to embed a video in your WordPress.com-hosted blog
  • How to blog spam-free at WordPress.com
  • The role of internet service providers in curbing spams
  • Displaying photos in a gallery as an instructional aid
  • If you want to customize your tweets from your WP posts, do not ignore the developer’s Support page
  • Revisiting PicApp images and embed codes
  • Experimenting with PollDaddy in my blog
  • How to encourage audience response
  • Experimenting with PicApp images in my blog
  • How to customize your blog with widgets
  • How to post by email (an experiment)
  • How reliable is Alexa in measuring your site’s traffic rank?
  • How to upgrade your WordPress theme
  • How to start a blog at WordPress.com (A quick digression)
  • How to XHTML validate a WordPress theme
  • How to select a WordPress theme
  • How to blog at WordPress.com

The above articles are available on this site as well as in my WordPress.com blog.

Now that we have covered most of the basics in WP blogging, it’s time to move on. ( Note: I exported my WP posts to this site today.)

I will still be writing articles on WordPress-related topics, but these will be posted in my self-hosted blog and if allowed, distributed here.

What makes a self-hosted WordPress blog attractive to me? Conversely, what makes a WordPress-hosted blog unattractive to me?

Here are four reasons:

Themes. I like to experiment with themes, their layout, their architecture, their CSS, etc. This, I can not do here at WordPress.com unless I upgrade my account. Currently, WordPress.com has 77 themes. They are good themes, I admit, but most of them do not meet my requirements. (Like this theme I am using right now is not among the 77 themes.)

Plugins. I am restricted from installing plugins or scripts.

Inbound Traffic. Whilst a WP-hosted blog can leverage on the traffic coming from the traffic of other WP blogs flowing from “Possibly related-posts” linked at the bottom of every post, the traffic that I generate for my blog is “credited” to WordPress.com. Should I decide later to blog in a self-hosted blog (like this one), the traffic ranking I generated for my WP-hosted blog remain with WordPress.com. It is not portable.

Revenue. On paper, there are restrictions from running third-party ads in a WP blog. This is covered by point #5 / Item 2 of WP’s Terms of Service (see part of the provision which I styled in bold, below):

the Content is not spam, is not machine- or randomly-generated, and does not contain unethical or unwanted commercial content designed to drive traffic to third party sites or boost the search engine rankings of third party sites, or to further unlawful acts (such as phishing) or mislead recipients as to the source of the material (such as spoofing);

Setting up a self-hosted WordPress blog is not that difficult. If you need help, please do not hesitate to contact me. Our group offers web hosting which includes WordPress and other blogging platforms.

A PollDaddy poll outside your WP blog

I mentioned in my earlier PollDaddy post, I am not a great fan of polls, but here is an opportunity to have another demo of a poll created using PollDaddy.

Someone asked me if a poll created in my WP blog can be displayed outside WordPress.com.

Yes, you can. I don’t think there is a restriction as to where you can display a PollDaddy as long as you use the correct embedding code.

To display the poll outside your WP blog, in your Polls > Edit control page, click HTML code link, then highlight and copy the poll’s javascript, and paste it to where you want to position your poll on your external page.

I am currently running in my personal site a very simple poll (see image on left).

No, the question asked in the poll is not earth-shattering. The question is very simple, and can be answered in less than one minute. I also wrote a brief background story about the poll with invitation to my readers to use the Comments to share their thoughts on the issue.

Poll results? The poll is generating good responses from my website followers.

Why not visit the poll and let me know what you think.

tweet-this-wp

A simple solution to tweet and retweet your WP posts

Our post two weeks ago on Publicize: Twitter is about automating the process of sending an update to a Twitter account each time a new post is published in your blog.

tweet itBut what if others want to tweet and retweet your posts?

One simple solution: Place a Twitter sharing code at the bottom, or anywhere else, on your post.

A sharing code comprises the Twitter grabber, a teaser which normally is the title of the post, and optionally, the permalink of the post or its equivalent shortlink. A shortlink is the “tiny URL” version of your post’s permalink generated by and stored in WP ~ very useful to get around the 140-character limit of a Twitter update.

Here is a sample structure of a Twitter sharer:

<a href=”http://twitter.com/home/?status=This+is+the+post+title+OR+Create+another+teaser+http://wp.me/Get-Shortlink”>Tweet it</a>

End Note: I acknowledge currently there are social bookmark applications which automate this process taking into account the scripting limitations imposed by WP. At this time though, I don’t think I am ready to use them, particularly if these are run in a local drive. I will just wait until their scripts are taken on board by WP.

Feel like designing your own “tweet me” icon? Why not create your own special Twitter graphics and store it in your Media library. Try googling out “Twitter icons” or similar search terms to pick up Twitter icons for use as-is or for customization.

Here is a sample Twitter icon customized for this blog:

tweet-this-wp

How to embed a Vimeo video

Following a tip in Comments to a WP’s support page on how to embed a Vimeo video, here’s a demo:

Click here to view the embedded video.

]

The above video was embedded using this shortcode (no space after [ and before ] ):

[ vimeo http://www.vimeo.com/7243598 ]

How to resize

The above video can be resized from the standard 400×300 to a larger 600×450 by inserting the width and height parameters in the shortcode:

[ vimeo http://www.vimeo.com/7243598 w=600&h=450 ]

This is the resized video:

Click here to view the embedded video.

Hmmm, that was easy too.

Thanks T3CK for the tip. And thanks Ileane for the prompt.

More resizing and formatting

Using a DIV tag and CSS, you can easily position a smaller video (left or right) and wrap text around it.

Here is a sample of the above video resized to 300×225 and text-wrapped:

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to Technorati

How to embed a video in your WordPress.com-hosted blog

I didn’t realize that embedding a video in a WordPress.com-hosted blog is so easy until I tried it. I guess my initial impression of not being able to install any plugin in my WP-hosted blog was mentally blocking me from even trying it.

In my company’s self-hosted WP sites, we have to install plugins to add video embedding functionalities.

Actually, I just accidentally hit the Add Video icon when adding a new post.  When pressed, the icon popped up a new window displaying the familiar (to me, anyway) shortcodes in embedding YouTube and Google videos.

Wow! I exclaimed. So, these video-embedding plugins are already built into my blog. Excitedly I searched YouTube for a test video clip which I could embed here. And I have this video titled “Sydney Sites” at http://www.youtube.com/watch?v=N3qY3pP1ARg which I am using here for the same reason that I want to help promote Sydney.

So, how do you embed a video? Here are the steps:

1. When in Add New / Edit Post mode, click on the Add Video icon to open an Add Video window.

2. Select the URL tab. On the Video URL, enter the video URL.

3. Click the Insert into Post button.

The video shortcode with the entered URL is generated and entered onto your post. The URL without the space after [ and before ] looks like this for a YouTube embedded video.

[ youtube=http://www.youtube.com/watch?v=N3qY3pP1ARg ]

Here is the video generated by the above steps:

Click here to view the embedded video.

How do you resize the video?

Just add the parameter &w= (w for width) and &h= (h for, you guessed it, height) to the shortcode like:

[ youtube=http://www.youtube.com/watch?v=N3qY3pP1ARg&w=600&h=425 ]

and you get a resized video like this:

Click here to view the embedded video.

or like this, if you want it smaller with w=200 and h=125:

Click here to view the embedded video.

There are tutorials found in WordPress.tv on how to embed YouTube videos. Search also “video embedding” in WordPress.com and you will find several posts where WP users narrate and share their experiences.

This is just one of them.