Posts Tagged ‘Custom’

Just finding out about WordPress? Then you my be wondering , “What’s the difference between WordPress.com and WordPress.org blogs?”

WordPress.com is a free blogging site where you register and set up one or more new blogs. You blog’s Web address will be {mynewblog}.wordpress.com, where “{mynewblog}” is the domain you select for your blog.

WordPress.org blogs are blog sites that have WordPress’s free blogging system installed on them. This means you would download the code then install it on a server and run the blog from there. Many choose to use a Web hosting company that has a quick WordPress install. WordPress.org blog are often referred to as “custom blog installs.”

The following items are some of the key characteristics of WordPress.com and WordPress.org blogs:

WordPress.com

• Free, most of the time. You can pay for premium services like domain mapping and video-related upgrades
• Allows users to create multiple blogs under one user account.
• Does not allow users to run JavaScript code. This limits a user’s ability to add many types of custom widgets.
• Does not allow users to run advanced analytics programs like Google Analytics. This falls under the “no JavaScript” bullet point but is an important example of the limitation. WordPress.com does have a very basic blog stats feature though.
• Has a set number of available themes. However, WordPress recently expanded it’s Theme team and has been releasing a greater number of new themes.
• Has a new Slideshow tool that is wicked cool and even works with the new iPad.
• Has strict rules about the type of advertising that can be done on the blog.
• Has built-in widgets but does not allow for third party-plugins
• Has support at http://en.support.wordpress.com/. Note: there are different Support sites for WordPress.com and WordPress.org sites.

I recommend WordPress.com to:

• New bloggers or people who have only dabbled in blogging. The system is easy to use, it’s free, and if you change your mind about your blog’s focus, you can easily create a new blog under that same account. It also makes for a good introduction to WordPress.org blogs because the two function the same way.
• Anyone who is “testing out” blogging.
• Small companies and organizations that need a blog but don’t have the resources (time, people, or money) to manage a custom install blog.
• Small companies and organizations that need a Web site with a full content management systems, but don’t have the resources to build a custom site. There are several tweaks that can be made to a WordPress.com blog that can make it run as a “regular” Web site.
• Teachers/professors that want to teach blogging to their students. It’s an easy to use fully functioning blogging system.

WordPress.org

• Free WordPress.org code download. The download includes everything you need to get a new blog running if the server is properly configured. WordPress.org boasts of having a 5-minute install but it will take longer the first time.
• Allows for one blog per install. However the highly anticipated WordPress 3.0 release will allow for the creation of multi-site blog networks.
• Allows site owners to add plugins and code that contain JavaScript. WordPress.org runs on your site domain, so you can put any kind of code you want on it. There are thousands of free plugins to help customize your blog.
• Requires frequent updates to patch up new security holes and new builds.
• Can use thousands of different free and premium themes as well as custom-designed themes.
• Allows you to run any kind of Analytics program you like, including Google Analytics.
• WordPress.org blogs are open-source.
• Has its own Support site: http://wordpress.org/support/.

I recommend WordPress.org to:

• People, companies, and organizations that want to leverage the full force behind blogging and have the resources and willingness to learn a full-bodied blogging system.
• Individuals that want to build a personal brand.
• Techie tinkerers. There are a million and one things you can do with a WordPress blog.
• Anyone who wants to couple ecommerce and blogging.

So which is right for you, a WordPress.com or WordPress.org blog setup? Still not sure? Drop a comment or tweet me up on Twitter at @jesseluna.

One of the best ways to tell your blog visitors about your Facebook presence is by using a Facebook Fan Badge. This allows users to click a button and join your Fan page and to click through to your Facebook account.

Quick note, are you looking for information on the Facebook Fan Widget? If so, click here.

To add the Facebook Fan Badge Widget:

1. Go to the Facebook Fan Badge Widget page. You will need to be logged into Facebook to access this page.

2. The “Select a Page” drop down box will show all of the fan pages you have joined. By default, the Fan Badge Preview section on the right will show the first fan page in your fan page list. Select your fan page and the Fan Badge Preview will update.

3. When you select your fan page, the “Copy the code below and paste it on your website” textbox will update with the correct code. Copy the code. Pro-tip: I like to keep a text file open (like Notepad) so I can paste in and label code. I do this in case I totally forget what I just copied and end up copying something else into my clipboard. It saves time and my sanity. ;)

4. Log into your blog, and add a text widget to your blog, paste in the code, and save your changes. This part of the process will be different depending on your blogging system.

For WordPress.com and WordPress.org (custom install) users
1. Log into WordPress.com
2. From your blog’s dashboard, go to the Appearance> Widgets page
3. Assuming you have at least one sidebar, click + drag a Text widget to your sidebar
4. Set a title. I used “Join My Facebook Fan Page” as the title
5. Paste in the code that we copied from the Facebook Fan Badge page. If it is no longer in your clipboard, you can copy it from your temporary text file mentioned in the Pro-tip above.
6. Save then Close and you’re set.

This is a screenshot of adding the badge to WordPress.com (click to enlarge):

Adding the widget to WordPress.com and WordPress installs is fairly easy but to add them to Tumblr and Posterous take more work and you have to muck around in the HTML. I’ll show you exactly how to do that.

For Tumblr users:
1. Log into your Tumblr account
2. Click on the Customize link button (upper right part of the page with the wrench icon)
3. Click on the “Theme” tab at the top of the page. We’re assuming you have Advanced HTML turned ON for your theme.
4. Navigate to the part of the theme where you want the badge to show up. I put mine right below a FormSpring widget which shows up under the Archive/RSS segment.
5. Click on the Update Preview button to see your changes.
6. After adding the exact code the box was slightly our of whack so you may have to tweak the colors a bit. Once you’ve done that, click on the Save & Close button and you’re set.

This is where I added in the Facebook code (click to enlarge):

For Posterous users (requires Advance Theme view to be turned on):
1. Log into your Posterous account
2. Go to the Settings page by mousing over the upper right section of he page and clicking on “Settings” button
3. Click on the big “Theme and Customize My Site” button
4. Click on the Advanced tab in the upper left hand side of the page
5. Once again, you’ll need to have Custom Theming turned on to proceed. If you do, you’ll see HTML template code in the top window. Expand the window by clicking on the “Expand” link
6. Navigate to where you would like to add your badgeand paste it in. I added my badge right below the “Subscribe via RSS” link

This is what the RSS link template code look like. Paste your badge code right after this section (it ended up being 90% down towards the end of the template page on my theme). Click to enlarge:

So we just learned how to add a Facebook Fan Badge to your blog site. If you desprately need help with doing this with one of the other blogging platforms, leave a comment below and I’ll update this blog post with those instructions. M’Kay?

—

Whoa there big feller, how to I display the fan pictures and my Facebook feed like on some other sites?

Facebook has several types of goodies for sites and one of them is a Facebook Fan Widget (not the same thing as the badge). The Fan Widget uses JavaScript code so some blogging systems do not allow them. WordPress.org blogs do allow them since they are installed on one’s own server but WordPress.com does not allow them because of the JavaScript.