Monday, January 11, 2010

Fix wordpress smilies problem when styling images

Pictures say a 1000 words. Adding images and style your images are important in your articles in two ways, first they add up in a good look and feel of your article and second it make you gain credibility as an author. But you should be aware of the problem with smileys …

Problem

You might use these CSS code to style images in your entries :
.entry img {
margin:10px;
padding:10px;
border:1px solid silver;
}

Yeah, it is fine. Those code make your images more beautiful, but wait … This would affect your smiley images too! Look at the image below
Wordpress smileys
Your smiley images is added 10px margin, 10px padding, 1px silver border. And therefore it is not good looking :(

How to fix

The smiley images in WordPress are automatically given a CSS class of wp-smiley when they are displayed in a post. You can use this class to style your smileys differently from other post images.
You could add these code to your CSS :
img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}

That’s all ;)

Labels:

Avoiding Common WordPress Errors

All systems built by humans are prone to fail, including the times they are editing code that shouldn’t necessarily be tampered with. When you look at WordPress as a whole, the system is continually becoming more feature-rich and secure, while the number of errors people are encountering appears to be on the incline. A large percentage of the time, the errors encountered are not the fault of the content management/blog system, but rather on the user’s end, as the result of an action that may have produced undesired results for your readers and visitors.
While no self-hosted solution can be completely error free, even managed solutions like Blogger have had its own share of problems, with widget error messages and difficulties using particular pieces of code when styling templates. However, there are some methods that you can use to make sure that everything involved in your blog works harmoniously with one another.

Do not let upgrades pass you by

This is possibly the most important step. Although some people tend to wait until the next point upgrade (ex. WordPress 2.7 to 2.7.1), there are typically few large-scale errors that occur if you upgrade immediately. Major releases do tend to inflict more harm than good, especially if you are transitioning from an outdated version to a current version, but it isn’t a reason to not upgrade.
Failing to upgrade leaves more than simply your blog vulnerable. If hackers try to issues attacks on your site, they will likely also try to target your plugins, assuming that your core code base hasn’t been upgraded either. Plugins can be even more dangerous from the security standpoint, offering multiple points of entry into your blog’s database and essential files that shouldn’t be altered.

Know what you are doing

To effectively make your theme “indestructible,” make sure that you know what you are doing before you begin customizing your template. One of the common misconceptions when it comes to editing templates by people who have previously worked with Blogger’s easy “Fonts and Colors” and “Page Elements” areas is that it’ll be just as easy to work with other systems includingWordPress , which isn’t necessarily true. Many premium and advanced free themes do include an options area, but it doesn’t substitute for knowing how to customize thecode in the “Theme Editor” panel.
Through some firsthand experience, changing a line in the theme’s code can prevent your entire blog from being accessible by visitors and your subscribers — extremely costly if you are profiting off ofyour blog. You want to prevent any and all downtime, or you’ll risk losing the opportunity to market a product to your visitors.

Spend some time on upgrading and adding plugins

Plugins, add-ons, and modules serve as the backbone of popular content management systems, once again with WordPress the primary blog system being used. Without plugins, the flexibility wouldn’t be there and nearly all blogs would still be where they were ten years ago. With the emergence of thousands ofplugins, it became extremely important that they are constantly updated, with code modifications to reflect upon changes in the core files, along with security updates.
Updating and adding plugins is another primary area where bloggers face difficulties. Each plugin editor and creator strives to create the best product possible – their reputation is on the line, as a plugin that “breaks”your blog will likely cause you to write about it somewhere else, leaving you looking for a new plugin and a fix to the problem. Unless the plugin had horrible coding and would damage nearly any blog, the fault lies on you, as you used the plugin “without warranties” and (likely) with a collection of other, possibly incompatibleplugins installed on your server.
A remedy for this problem lies in spending some extra time upgrading and adding plugins to your blog. The best way to do this is by disabling every plugin, then activating them one by one to find the problematic plugin. If no solution works through this method, you may need to remove the table from the database file or use an FTP client to remove the entire plugin, although these rather obvious methods may not solve the problem in every situation.
In the process of searing for plugins and add-ons that suit your blog, make sure the versions are as up-to-date as possible, as well as for the current version of your blog system. Any modifications should be noted by the plugin author, as well as documentation – changes to the coding with each version, installation instructions, license, and so on. Without this, the plugin should set off some “red flags” in your mind, signifying that the plugin wasn’t formally released, hasn’t been updated, or isn’t necessarily a plugin.

Stick with the basics

WordPress was originally intended to be the lightweight, universal blogging solution that made blogging easy for everyone. Additions over recent years have added somecode to the install, but it essentially the same as its first release – a tool that bloggers use to publish their thoughts and content to the web. It’s as simple as that. Expanding upon the core file ofWordPress , you will find the possibilities nearly limitless, but that doesn’t mean you won’t have to tamper with a lot of the essential files to create a true content management system, rather than a blog platform.
Think about it this way: stripped down, every website contains some form of content – whether it be text, images, or video. Blogs, from the theme to the content to the backend can be simple, but still effectively powerful, so there really isn’t a need to editcode . Although many people want to create a customized website, it becomes increasingly difficult should the blog owner not know the basics of coding.
The basic theme and admin area of WordPress currently give you enough options – from tagging, advance-published posts, Gravatars, widgets, and built-in (considering Akismet Anti-Spam) tools for basic, day-to-day blogging – plenty for the average user.

Bonus Tip: Learning the Basics Before You Begin

Like other skills that are necessary for conquering online activities, blogging does require you to learn some basics of coding (CSS, (X)HTML, and/or PHP/other) in order to customize the way you exhibityour blog to others. One of the biggest lessons that you can learn when you start blogging is that you can never have too much experience in any one field – everything is necessary for the long-term of your blogging “career.” You should start atyour blog ’s main website – read the help files, forums, and installation/FAQ pages to gain knowledge. Getting the basics of coding will allow you to counter attacks and solve the common problems that bloggers face everyday.

Labels:

Manage your feed with Feedburner : Part 2 – Email Subscription

Introduce to Email Subscription

What is FeedBurner Email?

FeedBurner email is a service that allows publishers to deliver their feed content to subscribers via email.

What will it help bloggers do that they can’t do today?

Today, if subscribers want to read, view or watch syndicated online content, they typically have to go to where the content is hosted or know how to subscribe to the feed and consume the content within a reader (e.g. GoogleReader, iGoogle, Bloglines, MyYahoo!, FeedDemon, iTunes, etc.). With email subscription capability, subscribers can now receive this information in their inbox, similar to an e-newsletter. More convenience and more easier for readers !

How to active your Email Subscription service

We will go through a few steps and you will get what you want :)
Step 1. Login to your account and click on Feed you want to active Email Subscription service
Step 2. Click on the Publicize tab
Manage your feed with FeedBurner

Step 3. Choose Email Subscription on the left sidebar
Manage your feed with FeedBurner
Step 4. Choose your feed deliver
You can choose FeedBurner, FeedBlitz, or Rmail to be your feed-via-email service provider.
I choose Feedburner (we are using their service, heh ? ;) ). Then click button Activate.
Manage your feed with FeedBurner
Step 5. Get your code
They offer us two ways to display the Email Subscription :
  • Subscription Form: Copy and paste the code into any web page. Your subscription form will be automatically inserted each time the page is loaded. From there, readers can subscribe to receive daily email with your newest content.
  • Subscription Link: You can also offer email subscriptions from a link rather than a form. Just copy the link code and insert to your blog. Users who click it will be prompted to enter their email address in the form that appears.
Manage your feed with FeedBurner
Manage your feed with FeedBurner
Hint : If your sidebar’s width is larger than 160px, you should use Subscription Form because a form will attract more readers than a link ;)
Step 6. : Past the code to your blog and DONE.
If you get into any trouble, feel free to ask me here. Have a nice day :)

Labels: ,

Manage your feed with FeedBurner : Part 1 – RSS feed

Introduction

FeedBurner is the leading provider of media distribution and audience engagement services for blogs and RSS feeds. Feedburner help bloggers promote, deliver and profit from our content on the Web. Best of all, it’s a free service and easy to use :)

Fast Facts and Stats about Feedburner

- FeedBurner is growing faster than MySpace and Digg with 385% traffic growth.
- Total feeds: 1,766,370
- Number of publishers: 995,630
- Number of podcast and videocast feeds: 240,797
- Number of subscribers across all FeedBurner feeds: Too many to fit on this page!
- Percent of FeedBurner employees using Macs: 39%, PCs: 58%, Other: 3%.
Do not believe me ? Ok see it here

How to burn your feed

As I said above, it’s easy-like-eat-a-candy :) . Believe me, just follow these steps and you are done
Step 1. Type your blog URL into FeedBurner’s home page then click button Next
feedburner step 1

Step 2. Sign up for a free account. Just enter your username, your password and your email then click button Active Feed
feedburner step 2

Hint : You should choose a feed name which is easy to remember. For example, my site’s name is ThemeLib, so I choose ThemeLib as feedburner address ;)
Note : If you receive this error message, this means you must change your feedburner address because it is already taken.
feedburner

Step 3. Receive a congrats message from feedburner :) and you are DONE.
feedburner step 3

Bonus Resource : If you have trouble with Feedburner, you can watch their guideline movie

Labels: ,