What you’ll need is:

• A reference to JQuery
• A link to your RSS feed you want to consume

First you start off by referencing JQuery (if you don’t already), either user your local version or refer to the CDN
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>

I’ve chosen to invoke the Google API call when the document is ready (so we don’t risk using / referring to elements that are not yet ready).

$(function() {  
// when document is ready this will invoke
});

With the code that is needed the document ready will look like the following;

    $(function () {
        $.ajax({
            url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://www.yourwordpressblog/feed/'),
            dataType: 'json',
            success: function (data) {
                var rssPanel = $("#rsspanel");
                var maxPosts = 5;
                var showPostCharacters = 100;
                rssPanel.empty();
                for (var i = 0; i < maxPosts && i < data.responseData.feed.entries.length; i++) {
                    rssPanel.append(data.responseData.feed.entries[i].title);
                    rssPanel.append(data.responseData.feed.entries[i].link);
                    rssPanel.append($(data.responseData.feed.entries[i].content).text().substring(0, showPostCharacters - 1));
                }

            }
        });
    });

As you can see in the example there is a var rssPanel = $(“#rsspanel”);

This is the reference to the div, span or element of your choice where you wish to inject the result of the feed. I’ve chosen a div;

<div id=”rsspanel”></div>

The other 2 parameters are self explanatory, maxPosts is the number of posts to show from the RSS, showPostCharacters is the number of characters to extract from the content of the RSS feed entry. Also note that if you read the entry as it is returned, you will have the content formatted as HTML. Normally when you want to read characters you want to be certain that you are reading the content without HTML tags. With jQuery you can easily remove the HTML tags by creating a reference to the content and extracing the text by calling the .text() function.

    $(data.responseData.feed.entries[i].content).text(); // this is the content without HTML formatting
    data.responseData.feed.entries[i].content; // this is text WITH HTML formatting

You need to know the url (web address) of the web service
You need to understand what the web service will return
You need to know what kind of security the web service accepts (My example uses Basic Authentication)
You need to understand under which context you are consuming the service (My example uses a Proxy server to communicate)

I found a site that automatically generates a class based on the result of the JSON web service at http://json2csharp.com/. This site can generate an class either by you specifying the url to the web service or providing the JSON result from the service you wish to consume.

Lets just assume in the example that my service will return {“variable1″:1,”variable2″:”a return string”}

By definition this means one variable with an int and one with a string.

JSON2CSHARP will return a usable class for me to use in my code;

public class RootObject
{
    public int variable1 { get; set; }
    public string variable2 { get; set; }
}

Lets go ahead and add some more code to consume this now when we have a nice helper class to contain my result.

string url = “http://yourserver/service?someparams=somevalue“;

HttpWebRequest wr = (HttpWebRequest)WebRequest.Create(url);
string username = “username”;
string password = “********”;

// Use the CredentialCache so we can attach the authentication to the request
CredentialCache mycache = new CredentialCache();

// We want to use Basic Authentication
mycache.Add(new Uri(url), “Basic”, new NetworkCredential(username, password));
wr.Credentials = mycache;
wr.Headers.Add(“Authorization”, “Basic ” + Convert.ToBase64String(new ASCIIEncoding().GetBytes(username + “:” + password)));

// Proxy (if you do not need it – ommit it)
wr.Proxy = new WebProxy(http://proxyserver:8080);

// Get the response from the web service
HttpWebResponse response = (HttpWebResponse)wr.GetResponse();
Stream r_stream = response.GetResponseStream();

//convert it
StreamReader response_stream = new StreamReader(r_stream, System.Text.Encoding.GetEncoding(“utf-8″));

string jSon = response_stream.ReadToEnd();

//clean up your stream
response_stream.Close();

System.Web.Script.Serialization.JavaScriptSerializer jsSerializer = new System.Web.Script.Serialization.JavaScriptSerializer();
 RootObject result = jsSerializer.Deserialize<RootObject>(jSon);

Notice that you should of course not copy all your template stylesheet styles to the editor stylesheet. Only the ones necessary, typically the styles that is used for styling your posts.

This default behaviour can be changed if you’d like your images not to be automatically linked. Preferably in your templates function.php file so you can make sure you can update WordPress later with no lost setup.

update_option('image_default_link_type','none');

The other options are 'file' and 'post'.

However, to my suprise, it seems like when you forward these e-mails in Outlook (version 2003 was the one) and Word is used as editor, some content that were hidden are suddenly displayed in the e-mail.

There are a couple of solutions to this:

Try to make conditional outputs instead of just hiding them if you have server side controls:
<div ID=”youruniqueid” style=”display:none” runat=”server”>
 Your content goes here
</div>

This element defaults to not display (however it is displayed if you forward such an element in an e-mail)
youruniqueid.InnerHtml =”"; // this line will server side remove the content

If you don’t have access to the element server side use either jQuery or javascript to clear the element data
jQuery:
$(“:hidden”).remove(); // this will also pick up visibility: hidden styles
or…
$(“div[style*='display:none']“).remove(); // this will only pick up div elements with display: none

If you need to update your elements dynamically (with javascript/jQuery), then rather add the attribute when it is needed and never inject the attribute empty.

http://www.nczonline.net/blog/2009/11/30/empty-image-src-can-destroy-your-site/

http://docs.jquery.com/Plugins/Validation/

Setup

A reference to jQuery validator plugin
<script type=”text/javascript” src=”http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js”></script>

A reference to jQuery
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>

Configuration – simple on class and attribute level

It is possible to declare your validation rules in various ways. It is suggested primarily to try it on class and attribute level and secondary using dependency-callback.

Example class and attribute rules:

<input id=”cemail” name=”email” size=”25″ class=”required email” minlength=”2″ title=”Required or not correct format.” />

/* this would check that email is entered, that at least 2 characters are typed and also that email validation rule */

The validation on the form is registered by

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate();

  });

  </script>

A list of available validators can be found here http://docs.jquery.com/Plugins/Validation/#List_of_built-in_Validation_methods

There are also custom validation rules that can be implemented by including additional-methods.js (when you download the plugin validation package).

If you don’t specify any validation messages you will get standard validation messages so it would be a nice thing to specify your own. The title attribute is available for a standard message, however if you need to customize the message for each different type of validation error, check later advanced topic on how to customization validate()

Configuration – custom messages

To specify your own messages you pass it into your form validation rules

The validation on the form is changed to

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

   messages: {

     email: {

       required: “We need your email address to contact you”,

       email: “Your email address must be in the format of name@domain.com”,

       minlength: jQuery.format(“At least {0} characters required!”)

     }

   }

}
      );

  });

  </script>

Configuration – specify rules for validate()

It is possible to define your own rules by sending on more options for validate()

Example class and attribute rules:

<input id=”cemail” name=”email” size=”25″ />

/* notice that we now removed the class and attribute rules from the input element  */

The validation on the form is then changed to use

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

   rules: {

     email: {

       required: true,

       email: true,

       minlength: 2

     }

   },

   messages: {

     email: {

       required: “We need your email address to contact you”,

       email: “Your email address must be in the format of name@domain.com”,

       minlength: jQuery.format(“At least {0} characters required!”)

     }

   }

}
      );

  });

  </script>

Configuration – validation using dependency expression

It is possible to define limit validation for a specific expression (such as #object:checked, #object:filled, #object.visible)

The validation on the form is then changed to use

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

   rules: {

     email: {

       required: “#identifyofmycheckbox:checked”,

       email: true,

       minlength: 2

     }

   },

   messages: {

     email: {

       required: “We need your email address to contact you”,

       email: “Your email address must be in the format of name@domain.com”,

       minlength: jQuery.format(“At least {0} characters required!”)

     }

   }

}
      );

  });

  </script>

Configuration – validation using dependency callback

It is possible to define limit validation using your own functions. This enables even more complex checks such as ajax-calls to perform server side checks.

The validation on the form is then changed to use

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

   rules: {

     email: {

       required: function(element) {

        return getValidationIsEmailNeededFromServer();

      },

       email: true,

       minlength: 2

     }

   },

   messages: {

     email: {

       required: “We need your email address to contact you”,

       email: “Your email address must be in the format of name@domain.com”,

       minlength: jQuery.format(“At least {0} characters required!”)

     }

   }

}
      );

  });

  </script>

It is also possible to use the addMethod() to register any custom checks to the validator

  <script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

   rules: {

     email: {

       required: true,

       email: true,

       minlength: 2,
       duplicate: true
     }

   },

   messages: {

     email: {

       required: “We need your email address to contact you”,

       email: “Your email address must be in the format of name@domain.com”,

       minlength: jQuery.format(“At least {0} characters required!”)

     }

   }

}
      );

  });

    jQuery.validator.addMethod(“duplicate”, function(value, element, params) {

        return checkUniqueEmail(value) {

    }, jQuery.format(“Email is not unique.”));

  </script>

Placement of errors

By default jQuery validator injects the error messages just next to the control that does not validate. It also adds an error class on each element that does not validate. Therefore it is easy to style elements and give an invalid <input> element a red border when it is invalid.

<style type=”text/css”>

input.error { border: 1px solid red; }

input.error:focus { border: 1px solid red; }

</style>

If you want to override the placement of errors next to your invalid control you can specify the errorPlacement function.

<script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

    errorPlacement: function(error, element) {

        error.insertBefore(element);

    }

}
      );

  });

However in some situations this would mess up your design and therefore you might use a summary instead. To pinpoint a specific area where you’d like to have your summary displayed you can use an errorLabelContainer and even define if you’d like to wrap your elements with a specific tag.

<script>

  $(document).ready(function(){

    $(“#aspnetForm”).validate(

{

    errorLabelContainer: “#ErrorBox”,

    wrapper: “li”

}
      );

  });

/*

In your html you need to have your error box defined, since you reference it in your javascript

*/

<div><ul id=”ErrorBox”></ul></div>

I use WordPress as a blogging tool. Instead of logging into the administration system I can easily create my blog entries in a desktop program and publish my entry if XML-RPC and Atom Publishing Protocol settings are enabled in your WordPress blog (Settings –> Writing)

I use Windows Live Writer and my blog is in a hosted environment and therefore I can not configure server myself since configuration is shared among all users.

I noticed using WordPress 2.9.2 that I could not use any desktop program to remotely publish correctly formatted posts anymore. <> and & characters were removed from my posts and therefore rendered incorrectly. I found out that it is was caused by an incorrect usage of a library, LibXML2, associated with PHP (the scripting engine WordPress use).

To correct this problem in a hosted environment you can download a plug-in that will help you take care of this problem. http://core.trac.wordpress.org/ticket/7771

The plugin can be located here http://josephscott.org/code/wordpress/plugin-libxml2-fix/

If you still have problems (which I had), you can try to downgrade the library one version further by editing the plugin file libxml2-fix.php

Replace:

if (
    LIBXML_DOTTED_VERSION == ’2.6.27′

With:

if (
    LIBXML_DOTTED_VERSION == ’2.6.26′

Reason:
This is because the MS SQL Server is attempting to execute a T-SQL query to retrieve a list of databases along with additional information about those databases. One of those pieces of information is “Collation”, which you will not have permission to action for all databases as you’re in a shared hosting environment and you only have access to your database alone.

Solution:
Step 1: In Object Explorer, click Databases
Step 2: Display Object Explorer Details (F7) or View > Object Explorer Details
Step 3: Right click the column headers and de-select “Collation”
Step 4: Refresh Databases.

Reference:
http://www.kf7.co.uk/sql-server-principal-not-able-access-database.aspx

www.youtube.com/watch?v=-EBxReP_BkE