This is the second post of my WordPress Complete Tutorial series.

For all tutorials in this series, please visit:

I am going to guide you to register a free blog on today. We will use this blog as a testing blog, you can try out the power of WordPress with it. is a blog service website run by the company behind WordPress, Automattic. They offer free and paid blog service powered by WordPress.

Register a Blog on

This is the homepage of, it shows latest posts on You can select your language from the drop down box on the top right.: Homepage

To get our free blog, click on Get Started Here. You need to provide some information about your blog. Signup

The first thing is to select your own domain, you can use a domain under for free, which is like: Or you can register a .COM/.NET/.NET here. will host your both your domain and blog. It’s very convenient, you don’t need to worry about the setting of your domain. The only thing is that it’s a little bit expansive, $17 per year, usually a domain company charges for a price under $10.

Here we choose to get a free account. I use as my domain, and ZackLive for username. And then enter your password and email. You can select your language in the drop down box as well.

After clicking Sign Up button, a activate email will be sent to your email, you need to click the link in the mail to activate your blog: Activate email

You will be redirected to the Dashboard of your blog’s admin panel.

Dashboard of a WordPress Blog

Here you will see the basic information of your blog, like how many posts and comments on your blog. You can drag and drop to re-arrange the Dashboard, and you can select what to be showed in Screen Options on the top right. Dashboard

The video provided by is the best way to understand the Dashboard.

Let’s check out our blog.

Your First WordPress Blog

You can visit your blog by clicking on My Blog on the top Admin Bar. Or directly type your URL in your browser, for my blog that will be My blog

On the top of the page, you can see a Admin bar, that can only be seen by the owner of the blog. You can use it to go back to Dashboard or publish a new post quickly.

Right below the Admin bar is the blog Menu. We have two links, Home and About. You can change this in your admin panel(Appearance->Menus).

The big title, zacklive, is the name of my blog, and followed by a default slogan, “Just another site“. You can change these in your admin panel(Settings->General).

And here comes the post, you can see the post title(Hello World!), publish date and content. Post category is under the post.

There is a blank area at the bottom, that’s where sidebar is placed. There are usually three kinds of sidebars: Left, Right and Footer sidebar. For this theme, we have footer sidebar(at the bottom of the page), you can edit sidebars in admin panel as well(Appearance->Widgets).


So you have your first WordPress blog, you can try it out in Admin Panel.

In the next tutorial, I’ll show you how to work with themes to make your blog looks better.

If you’ve got any questions, feel free to talk to me via comment.

WordPress Complete Tutorial 01: Introduce WordPress

This is the first post of my Complete WordPress Tutorials series. For all tutorials in this series, please visit:

What is WordPress?

I suppose you have the concept of blog, or you can figure it out in Wikipedia.

WordPress is originally designed for blog, but now it becomes a full-featured CMS(Content Management System) , which means you can create all kinds of websites with WordPress.

So if you want to have your own personal website(blog), or you’re looking for a tool to create and manage your websites(CMS), I will suggest you to try WordPress. It’s one of the most popular CMS and blog platform in the world(Top 3 CMS: Drupal, WordPress, Joomla) .

Full features of WordPress is described here. And here are some of my favorites:

  • Everything of a Blog: Post, Page, Comment, Trackback, Tag…
  • Theme and Plugin System: Theme and plugin are separated from the core. So that you can change as many themes as you want, or install plugins to get new features without changing(re-installing) WordPress.
  • Easy to update: You can upgrade WordPress, themes and plugins with one click in Admin panel, rather than re-installing or uploading files.

Why You Need a Blog?

There are a lot of blog posts telling you why you need a blog. I’d like to suggest you to read this post by Mark Suster. He’s talking about startups, but you can figure out the power of blog, here are two examples from that post:

Example 1 :

Think In their early days they had an enormously effective blog on the topic of personal financial management. They created a reason for their customers to aggregate on their site on a regular basis. They became both a thought leader in the space as well as a beautifully designed product. They created inbound link juice on topics that drove more traffic to their site. Type “personal financial management” into Google. is the second result. Smart.

Example 2: Magento

Think Magento. They are an open-source & SaaS provider of eCommerce solutions. They are the fastest growing player in the world in this space. They achieved all of this before they raised even a penny of venture capital. eCommerce is an enormously competitive search term. Yet type it into Google and the third result (behind the Wikipedia entry and is Magento. Magic. They did it by creating a blog, discussion board and hub for eCommerce advice and information. and and

There are two WordPress websites: and

What’s the difference? is for the open source project of WordPress. Here you can download your own copy of WordPress and install it on your server. And there are a lot of great themes and plugins can be found here. is a blog service website run by the company behind WordPress, Automattic. They offer free and paid blog service powered by WordPress. You can have a WordPress blog by signing up on their website. The disadvantage  is less flexibility. You can’t edit everything, and they have limitation on themes and plugins.

That’s It for Lesson One

I guess that’s enough for the first lesson. In the next post, I will guide you to go through You will understand how to blog in WordPress.

jquery.qrcode.js: Browser QRcode Generation JQuery Plugin

jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download.

It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language.

jquery.qrcode.js wraps it to make it easy to include in your own code. jquery.qrcode.js is available under MIT license.

Visit JQuery.qrcode.js

Download JQuery.qrcode.js

Leaflet: Open-Source JavaScript Library for Interactive Maps

Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.

It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.

VISIT Leaflet

Download Leaflet