I am bloging now, but I really don’t know how exactly to run and build a perfect blog for me and other readers.
But I know I would love to do my best to improve my blog to meet readers needs. I know I would love to do everything to try to improve my blog’s quality. I know I would love to try and try again to run and build a good blog by myself.
I am working hard for it.
Now the first thing I think I need to do is read more more good blog to see how do they build their blog.

You can see these codes in the foot:
<script type=”text/javascript”>// <![CDATA[
try {
var pageTracker = _gat._getTracker("Code-Site");
pageTracker._trackPageview();
} catch(err) {}
swfobject.registerObject("FlashID");
// ]]></script>

Today when I was reading others’ blog I try to see theirs code then I found there are many blog use Google Analytics for WordPress. This plugin adds pageTracker undefined for admin. Only one problem the webpage doesn’t load the ga.js but the filter which adds javascript:pageTracker around the outbound links still applies, thus cause the problem.
This is what I found these days and share it with you.
Maybe you know it eariler or later, no matter what, you can try to run and build your blog better now with Google Aanlytics for wordpress.

Could you tell me what this code used for?

<script type=”text/javascript”>// <![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
// ]]></script>

Share on Facebook

I checked some sites in this article about study css3 tips and tutorials from 10 top sites.
About the first one it’s a wordpress. I love the theme I am sure you can figure why it’s PR5. Study the tutorials from it and improve your wordpress blog. I will make my own WordPress Theme later.(of course I will show you.)

Hello and welcome. We know we can do amazing things using CSS3. Helps create some design elements or whole page style. So there you have top 10 sites where you can find css3 tips , tricks and tutorials.

this article collected different articles from different places to show you tips of css3.

You still can learn some other things from these web, dig them!

#1 http://www.w3avenue.com/

#2 http://www.design-dc.co.uk/

#3 http://www.smashingmagazine.com/

#4 http://css3please.com/

#5 http://www.css3.info/

#6 http://css-tricks.com/

#7 http://wordcastnet.com/

#8 http://psdcollector.blogspot.com/

#9 http://www.ectomachine.com/

#10 http://sixrevisions.com/

reference :http://www.clickonpost.com/top-10-sites-for-css3-tips-tricks-and-tutorials/

Share on Facebook

The following is a Guest post by Tom Walker.

Tom Walker is a blogger and designer who works for an ecommerce store (offering HP supplies) as the lead editor and writer on their blog about vintage advertising and print media design.

Successful blog authors have learned that reaching their goals comes through following proven strategies that are known to be effective in delivering new, consistent and productive visitors to any site. If you are new to the blogosphere, here are six rules every successful blogger has learned to implement. Put them into practice with your own unique flair, and you will see steady growth that may well lead to big things.

1. Be Uniquely You: Let’s start there, because to stand out in an increasingly crowded field, you’ll want to create a one-of-a-kind look that is compelling – as opposed to just weird! This will tell your visitors you’ve got a unique perspective and provide something they won’t read in the mainstream of your niche. An approach to the design of the blog that’s uniquely individual will enhance the fresh perspective they are getting in your content. Don’t be afraid to do things differently. Add occasional video or audio or turn over the pen to an expert in the niche from time to time. Read plenty of other blogs in other niches and grab some good ideas, putting your own spin on them. Do some research on the idea of branding yourself, and apply what you learn to your blogging style.

2. Deliver Consistent Value: Being unique is great, but if it is not backed up by consistent value, your visitors won’t stick. Post consistently, if not daily, and make every contribution count with new, usable information that your readers can use TODAY! Guess what – this takes work! Those willing to put in the work to be consistently helpful to their readers will be those who reach their blogging goals. That’s why there is always room in a niche for you if you are willing to do what it takes to make your blog a “can’t miss” event for your readers.

3. Work Harder & Smarter Than the Next Guy or Gal: We say “don’t work harder, work smarter!” Success comes from working both harder and smarter. Both characteristics are absolutely essential. When you work really hard to be relevant, helpful and unique, you are creating your own competitive edge. That kind of self-reliance is a hallmark of those who succeed in every kind of endeavour.

4. Be Honest: Ever hear the talk radio guy start casually discussing a product and ¾’s of the way through you realize he’s trying to weave sponsored content seamlessly into his show? Blog readers hate that! Don’t you? If you’re posting sponsored content, let your readers know. In addition, provide an “About” page that gives readers a chance to get to know you, including the intention behind your blog.  Most readers would expect that you blog in order to make some money. They will appreciate you being up front about any partners or affiliates you may have. This is called integrity, and it is foundational to building trust.

5. Care About Your Subject: If you are passionate about your subject matter it will bleed through your content. If you are not passionate, you simply will not be able to keep up the consistency, quality, and hard work it takes to succeed. There are a million topics you build your blog around. Choose one that deeply matters to you, work it really hard, be unique, and success – along with profits – will follow. Any seasoned veteran will tell you that.

6. Engage your Readers in a Conversation: Great blogs are two-way streets. Feature responses to your posts. Highlight great comments, not only in your response section, though that is important, but consider devoting a post now and then to the great feedback you are getting from your readers. This will build readership, and using reader content will mean you don’t always have to have something fresh to say! Harder, smarter blogging will absolutely produce more, and more dedicated, readers.

While blogging may be relatively new, the rules for achieving the success you desire are as old as humanity. These will put you well on your way to producing a blog that many readers consider their most reliable and valuable source of information on topics you cover.

Share on Facebook

You don’t need to be a PHP whizz to be able to put together your very own custom WordPress theme. If you’re clued up with your general web design and development skills and can easily put together a HTML/CSS based website, you’re ready to move onto WordPress theme development to give your blog its very own design.

For this walkthrough, we’ll be using a theme I recently built as an example. If you were around last week, you’ll have seen how the design was built from a concept PSD right through to a coded mockup in HTML/CSS. Now, let’s take the static code and inject some simple PHP template tags to give that dynamic functionality of a WordPress theme.

Before getting stuck in, it’s useful to spend a few moments familiarising yourself with how WordPress themes work. WordPress themes are made up of multiple files, and each one is either called from the index, or is used when viewing a particular page on the website, such as a post view or an archive. So you’ll basically be splitting up your HTML across the various template files.

Setting up the theme structure

Create a new folder and give it the name of your theme. Within this folder copy across the images, Javascript and CSS files that are used in your static mockup. You’ll also want to create a number of empty PHP files to correspond with the template files listed above.

In your style.css file, add the following code to the very top of your file. This is used by WordPress to identify your theme in the admin dashboard.

/*
Theme Name: Particle
Theme URI: http://www.blog.spoongraphics.co.uk/
Description: A premium theme by Chris Spooner of Blog.SpoonGraphics.
Version: 1.0
Author: Chris Spooner
Author URI: http://www.blog.spoongraphics.co.uk
*/

You might also want to add some extra CSS styling to the bottom of your stylesheet. This will allow the user to align elements using the WYSIWYG editor in a post or page.

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

Template file – header.php

It makes sense to work from the top downwards, so I always start with the header.php template file. Paste in the HTML from your static mockup ranging from the doctype right down to where the main content is due to start. Then you can go through the code and replace elements with the special PHP template tags that allow WordPress to take control. Having a copy of the Default WordPress theme to hand is useful in order to copy across tags, otherwise the WordPress Codex is like your very own instruction manual for each and every template tag available.

Starting at the top, the title is firstly switched out for a couple of template tags that will insert a WordPress generated title for each page of the site. Then, the URL to the stylesheet can be swapped for a special template tag that is reserved specifically for this job. We can also use <?php bloginfo('template_url'); ?> to render the URL to the theme directory, to easily add any additional CSS or Javascript files. Just above the HTML </head> the template tag <?php wp_head(); ?> is placed. This tag tells WordPress where to insert any additional code from plugins etc, that need to sit inside the document head.
Further down the code, we come to the categories list. Inside the <ul> the WordPress template tag <?php wp_list_categories(); ?> can be used to dynamically insert the list of categories, neatly contained within <li> tags. This tag itself also has a range of parameters. show_count=0 removes the default post count from beside the category title, title_li= removes the default header above the categories list, hide_empty=0 ensures that all categories are visible, even if they are empty and finally exclude=1 removes the category with an ID of 1 from the list, which is always the ‘uncategorized’ category.

Template file – index.php

The index file acts as the base for all the other template files. It’s also the file that is called to display the homepage. The index displays all the recent posts, and also calls the header, sidebar and footer files to render a complete page.

At the top of the index file, <?php get_header(); ?> calls the header.php file so that all the code from within this file is inserted above the content in the index when the web page is rendered. This is followed by the WordPress loop, which essentially checks for new posts and displays them accordingly. Each post is contained within a div which is given a range of CSS classes from the <?php post_class(); ?> tag, which makes it a breeze to style up certain posts differently, for instance posts within category X, or that have tag Y.
The standard HTML in the static mockup can then be switched out for dynamic tags, which WordPress will use to insert the relevant information about each post. For instance the link to the post is displayed using the <?php the_permalink(); ?> tag, and the title of the post is rendered with the <?php the_title(); ?> tag. There are all kinds of tags available, allowing you to render all the details about your posts you could ever wish for, but other popular uses are <?php the_category(', '); ?> to show which category the post was saved in, and <?php comments_number('No Comments','1 Comment','% Comments'); ?> to show the number of comments the post has.
Pagination links can be added after the endwhile, so links to previous pages appear once the ‘posts per page’ limit in the settings has been reached. At the bottom of the index, the sidebar and footer files are called, just like the header. These will be inserted exactly where the tags sit in the code.

Template files – archive.php & search.php

The archive template file acts in a similar way to the index, in that it’s used to display a list of all the recent posts. The archive template file is used when a user views a category archive, an archive by date, or any other archive view, such as by author or tag.

The archive.php file is almost identical to the index.php file, but it does have a couple of additions at the top, in order to identify and give a visual clue to the user where they are on the site. By using if (is_category()), WordPress will check whether the user is browsing the category archives, or the date archives and display a title accordingly. There’s also other options that can be put to use here. If your theme makes use of multiple authors or shows tags publicly, you could also insert snippets to display titles for these scenarios.
The search.php file is also pretty similar. This uses the same code to generate a list of posts, and just like the archive template file a title can be inserted at the top to give a visual clue for the user. The code <h2>Search results for <?php the_search_query(); ?> </h2> displays a heading that includes the search query the user entered.

Template files – page.php and single.php

The page.php and single.php template files are used to render full pages and posts. Each file still contains the loop, but instead of displaying multiple posts like the index.php or archive.php, page.php and single.php show the whole content for just one entry.

Article from Google Reader Subscription

Share on Facebook

The first step is to instantiate your own variable using the WP_Query class.

What we’ll be doing in this example is creating a common feature on blogs, which is to display a list of the recent articles.

<?php
    $recentPosts = new WP_Query();
    $recentPosts->query('showposts=5');
?>

All I’ve done in the above code is defined a variable named recentPosts and instantiated an instance of WP_Query.

I then used a method of WP_Query to start a query (pretty much the same thing as using query_posts). You even use the same usage parameters as query_posts.

Now it’s time to start our own loop:

<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
   <!-- do some stuff here -->
<?php endwhile; ?>

Notice the use of the recentPosts variable to start the loop. We utilize two methods of WP_Query, which is have_posts and the_post. You can read more about those two methods on my article Global Variables and the WordPress Loop.

The beauty of this is that once you are inside your own loop, you can use the standard post tags.

The Full Code

Here’s the full code for showing the last five recent posts using your own loop:

<h3>Recent Articles</h3>
<ul>
<?php
    $recentPosts = new WP_Query();
    $recentPosts->query('showposts=5');
?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
    <li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>

Update: Using Pagination

This comment is from Aaron Harun –

@Ron and Monika

If you use the query:

$recentPosts->query('showposts=5'.'&paged='.$paged);

it will automatically page the wury based on the page number passed
through the url eg “/page/4″

However, this doesn’t work with the “post_nav_link” function because it
only checks the $wp_query variable. To get around this you have to
trick the function by switching $wp_query on it. Add the first block
before your custom loop and the second after to achieve this effect.

<?php //query_posts('paged='.$paged);
$temp = $wp_query;
$wp_query= null;
   $wp_query = new WP_Query();
   $wp_query->query('showposts=5'.'&paged='.$paged);
?>

<?php $wp_query = null; $wp_query = $temp;?>

Thanks Aaron for the contribution.

Share on Facebook

Here will teach you how to create a character 404 page for your WordPress Blog.  If you had already had the page, you can learn how to make it more friendy and character.

Most time people will ignore and not design the 404 page for it’s for  a wrong 404. Actually 404 page also means that browser will leave or go on browsing your website. Of course they will leave if your 404 page is too boring, but they will go on to other pages if the page is rich and friendy enough.

What is a 404 error page

Most of the time, you create a website and several checks to ensure that each link is valid. However, over time, you’re likely to forget a link to a page has been deleted or changed the name of the page, or may change the name. Or search by search engine visitors to your website but can not link to this page, you will jump to the 404 error page. General wordpress theme contains 404.php, you do not need to design a single. But if not or if you want a personalized, creative 404 error page, you can design a single.

Error 404, 404 error page translated into Chinese, when a user directly through a search engine or open the link no longer exists when the page returned. 404 error page has a special meaning: a message to the viewer feedback, they requested page does not exist or the link error, while guiding users to browse the site rather than directly from other pages.

Based 404.php

General wordpress theme contains 404.php, other than individual. WordPress default setting for when to automatically find 404.php error page file, but if the file does not exist, the browser will display annoying error message. More is even possible to your blog’s SEO have adverse effects. If your blog topic is not the document. You can create a new blank file named 404.php

The following is the most basic 404.php code:
404.php File

<? Php get_header ();?>

<h2> Error 404 – Page Not Found. </ h2>

<? Php get_sidebar ();?>

<? Php get_footer ();?>

404.php basic code including H2 tags – “Error 404 – Page Not Found”, reads the header, sidebar, and footer of the instructions. Of course, you can implement the code as needed to adjust accordingly to suit their own blog template, style.

We will decompose through several steps to modify the 404.php tutorial. Please note that I have will use get_header, get_sidebar and get_footer command file called wordpress theme. You should be slightly modified as needed 404.php file to fit your theme.

Start editing 404 error page

First, we will add a search page 404 error code 404 error page that will not be too monotonous lack of action options. If there are 404 visitors visit your page, he can search through the search box to your other pages. This is to help you retain visitors a way.

Add a search code for the 404.php

<? Php get_header ();?>

<h2> Error 404 – Page Not Found. </ h2>

<p> Search: </ p>
<? Php include (TEMPLATEPATH. “/ Searchform.php”);?>

<? Php get_sidebar ();?>

<? Php get_footer ();?>

Creative 404 error page

Create a creative 404 error page to enable visitors to stay a short message on the error and then re-channel them into your home. 404 error page can be done and friendly as possible in order to achieve search engine optimization.

Now we will begin editing the header.php template file. In your header.php in the top of meta tags, you can add the following code:

<? Php
if (is_404 ()) (
$ RedirectHome = get_option (‘home’);?>
<? Php echo $ redirectHome;?>

Then add in the 404.php under the code:

404.php File

<? Php get_header ();?>
<h1> Error 404 – File Not Found. </ h1>
<h3> Please <a href = “<? php bloginfo (‘home’);?>” Click here </ a> to return to our home page, or you can wait to be redirected in 15 seconds. </ h3>
<? Php get_footer ();?>

The above example is used to guide visitors from the 404 error page turned to homepage. This will also help keep the user site, rather than make them feel confused and eventually leave. This example may not always be the best solution, but for visitors to find content on your website is very effective.

ensure that 404 error pages can work

You can enter one of your web page does not exist to test the 404 error page is valid. (Red is your home address)

For example: http://www.yourwebsitedomain.com/test404page.php

This will open your 404 error page, if not then explain the test fails.

If the test fails
If by chance your server does not automatically open the 404.php, you can modify. Htaccess support. Address found in the wordpress installation. Htaccess file and add the following code:

ErrorDocument 404 / index.php? Error = 404

If you have not installed wordpress ftp root directory, but installed in the ftp sub-folder, you must. Htaccess file modified to: (YOURSUBFOLDERNAME, that sub-folder name)

ErrorDocument 404 / YOURSUBFOLDERNAME / index.php? Error = 404

This will call your 404.php file.

The following is a complete code example, you use the 404.php church to help users find what originally looking for. Feedback as possible to give them some information in order to attract them to visit the other pages.

<? Php get_header ();?>

<h1> 404 Error </ h1>

<p> We cannot seem to find what you were looking for. </ p>
<p> Maybe we can still help you. </ p>

<ul>
<li> You can search our site using the form provided below. </ li>

<li> You can visit <a href = “<? php bloginfo ?>”</ a> </ li>
<A href = “<? Php (‘url’);?>” The homepage. </ A>
<li> Or you can view some of our recent posts. </ li>
</ Ul>

<p> Search: </ p>
TEMPLATEPATH. “/ Searchform.php”);?>

<h3> Recent Posts </ h3>

<ul>
<? Php
query_posts (‘posts_per_page = 5′);
if (have_posts ()): while (have_posts ()): the_post ();?>
<li> <a href = “<? php the_permalink ()?>” title = “Permalink for: <? php the_title (); ?>”><? php the_title ();?> </ a>
endwhile; endif;?>
</ Ul>

<? Php get_footer ();?>

You can page your personal style preferences and change the code to adjust. In the above example, we just told viewers it was a wrong link, and provide them with options for operation, such as search box. Can also increase the list of the latest articles to attract them to visit the website. These options are for tourists to visit the other pages, not allow tourists to see the 404 error page turned away.

To a more friendly 404 error page

To make a more friendly 404 error page, you pass the method described above, and add a creative image. You can also use the html code 404.php file in order to achieve the full page is an error page.

Here are some of the more interesting and creative 404 error page, hope to give you inspiration:
1. Mundofox.com

Mundofox.com error 404 page

2. CSSRemix.com

cssremix.com error 404 page pic

3.ChrisJennings.com

ChrisJennings.com error 404 page

4. ook.co.uk

ook.co.uk error 404 page

5. Youcastr.com

Youcastr.com error 404 page

6. JustCreativeDesign.com

JustCreativeDesign.com error 404 page

7. Agens.no

Agens.no error 404 page

To use it flexibility

Using the 404 error page on wordpress and static HTML pages are favorable. Both can use it to advertise, they can use it to better help visitors browse your website, blog. There are many ways you can create your own custom 404 error page, it can be said that there are many ways to help visitors to visit the website. Reference to other methods, according to personal web pages modified to suit your 404.php page. Note that before the backup of data changes 404.php.

Share on Facebook