WordPress.com Basic: Splitting Content

Writing a post in a blog has its own challenge. Different to printed writing, writing in the online media (posting) that force reader to stay for a long time in front of the monitor, makes us should create the post that is not boring, not tiring, and not torturing reader as possible as we can. As a writer, we want our writing is truly read, not only seen its head and tail. That is why our writing should be produced wisely so that the readers don’t think that read our post is just wasting their time. On the other word, we try to make our post as short as possible.

But how if our post is already a long writing?

Of course the only solution for this problem is shorten the post by splitting the content. Yes, in WordPress.com, we can split some parts of the long post become shorter parts without using any plug-in.

Splitting Content
Splitting Content

At this chance, we’ll split the content of the post become some parts. Not only two parts, but also more than that. Using this way, we’ll get the output just like the image above. The example shows us that the post is split into three pages, so the numbers that appear are one to three.

All right! Now let’s just  follow this easy trick to split long content become some shorter parts.

Prepare the long post
For the first time, of course we should prepare the long post that would be split. Make sure the post is long for sure and suitable to be split into some parts. We don’t want some parts look to short, do we? Although there is no rule about this, but the part that too short is not good looking.

Write down the secret code
In WordPress.com, we can use one of the code for splitting the content. The code is like this:


The code can be used as many as we can (meet the need) in HTML View of the WordPress.com text editor. But before that, make sure we place the code to the proper place.

Save the post and see the result
Complete other necessaries like category and tags. Then, finish it by pushing the PUBLISH button as the expression that we publish the post. Now we can see that the long post has been split into some shorter parts.

Wordpress Plugins

Using Custom Post Type

WordPress starts as a blogging platform, but in its development, it now has become a full Content Management System (CMS). One of some feature that make a WordPress as a CMS is Custom Post Type.

When using WordPress as a blogging platform, you will likely to get a common post type just like any other blogging platforms: blog post or also known as blog entry on some platform. But a CMS must have an ability to accommodate more broad post type such as news, article, quotation, etc. This is the place where Custom Post Type takes place.

For simplifying site management, you should use Custom Post Type UI. Custom Post Type UI is a WordPress plugin to add, edit, and delete Custom Post Types with its own administration panel. The advantage of using Custom Post Type UI is you only need to create a Custom Post Type once, not to create it again and again every time you want to publish the same Custom Post Type.

New Custom Post Type
New Custom Post Type

Open the administration panel and choose Settings > Custom Post Type UI. There is a new page with all you need to create a new Custom Post Type. Fill in the form just like the example above and press Create Custom Post Type button to save it.

Custom Post Type Menu
Custom Post Type Menu

The new Custom Post Type that you just created will be added into the administration menu, so it can be accessed every time you want to use it. Create more Custom Post Type needed for your site. When you want to publish a content with custom type then it will be available to you from the menu.


3 Easy Steps to Create a Child Theme

Twenty Ten WordPress Theme
Twenty Ten WordPress Theme

WordPress child theme is a theme that inherits all features from other theme (parent theme), which is modified and added with new features. Creating a child theme can be a complicated process, but if you just want to change the style from parent theme without adding any feature, then it can be done with only 3 easy steps. The default theme from WordPress 3.x used as an example.

  • Step 1: Create a Folder for a Child Theme
  • Create a new folder inside wp-content/themes/ for the child theme. One thing to note,  although basically the child theme inherits all features from a parent theme, but the folder you need to create has to be inside wp-content/themes/, not inside the parent theme.

  • Step 2: Create a Stylesheet
  • This is the stylesheet which make the child theme presentation differs from the parent theme. Create a new stylesheet and add the information below right at the top of the stylesheet:

    Theme Name: Twenty Ten Child Theme
    Theme URI: http: //itx.web.id/
    Description: Child theme for Twenty Ten
    Author: Eko Author URI: http: //itx.web.id/author/eko
    Template: twentyten
    Version: 0.1.0

    To use the style from the parent theme as a base for your own style, you just need to import the style from the parent theme:

    Theme Name: Twenty Ten Child Theme
    Theme URI: http: //itx.web.id/
    Description: Child theme for
    Twenty Ten Author: Eko Author URI: http: //itx.web.id/author/eko
    Template: twentyten
    Version: 0.1.0

    @import url(“../twentyten/style.css”);

    # Add your custom styles here #

    Save the stylesheet file as style.css and put it inside the folder you’ve created for the child theme. When you have a child theme, then the parent theme is not loaded in the WordPress administration panel.

  • Step 3: Activate The Child Theme
  • The last step is testing. Activate the child theme just like any other themes from Appearance -> Themes menu.

That’s all you need to create a child theme. This is a quick guide to create a child theme. To create a unique child theme, you might need to add new features not available on the parent theme. It’s beyond what we discuss here.

Wordpress Plugins

URL Shortening Service Directly from Your Site


Gambar oleh Chris Dlugosz

You must be already know the url shortener technique used in the Internet. Basically, the url shortening process involve HTTP Redirect with a short domain address which is directed to a target site with a long URL.

This process can create a compact URL, but you cannot trace how many times a link has been clicked. You’ll need to trace click count as an example for measuring the number of clicks to affiliate sites by your site visitors.

Off course there are some site providing free URL shortening service, such us the one offered by bit.ly. But this will create an impression your site isn’t professional. It will be a lot more convenient if you have URL shortening services integrated into your site.

You can do that process by using Simple URLs. Simple URLs is a wordpress plugin for managing URL where you can create, edit, trace outbound links, and delete links from your site. With Simple URLs, every links will be published using your own domain address.

Simple URLs developed by StudioPress. In their site, it’s explained that Simple URLs using a custom post type with a custom permalink structure too. Reducing performance and scalability problems.

You can download the plugin either from StudioPress or fram WordPress Plugin Directory. It’s free.


What is FireSheep and How to Protect WordPress from FireSheep

Sites authentication involving encryption process to scramble login information that pass through Internet. This is a standard procedure and supported by almost all publishing platform including WordPress. Unfortunately, for everything else, encryption is not a default feature.

When a user login for the first time with username and password, the web server will check the information to decide if the account is valid. If it is valid, then the web server will reply dan put cookies on browser to track user login session. Even thought the login information are encrypted, but the cookies are not.

This is the hole exploited by FireSheep. FireSheep is a FireFox add-on to sniff wifi network for cookies. It’s easy now to find open wifi network such as in shopping center, restaurant, coffee shop, etc. FireSheep user just need to sit and activate the FireSheep add-on. If there’s an unsecure website, then FireSheep will display names and picture from the accounts captured. By clicking those name/picture, FireSheep can login to those accounts.

FireShip User Interface
FireShip User Interface

Below are few tips to protect WordPress users from FireSheep:

  • Do not use public wifi
  • Use add-ons to force FireFox to use secure channel

From the WordPress itself, the administrator can force WordPress to use secure access via SLL by adding configuration commands in the wp-config.php file:

# Securing login session
define(‘FORCE_SSL_LOGIN’, true);

# Securing administration panel
define(‘FORCE_SSL_ADMIN’, true);

Those two configuration commands are a very good option for securing WordPress sites. To activate it, you should make sure your hosting provider supports it. Consult with your hosting provider about SSL feature.

Wordpress Plugins

WP Post to PDF Conversion

WP to PDF image

WordPress is a platform that can help you to publish content on the Internet. You can easily writing a pos, adding a picture, embedding a file using WordPress. Contents are very important because they can attract attention from visitors to read your site.

If you prepared the contents well, then the more likely your reader will like the contents that you’ve published. There will be a chance they will save the content their like from your site into their computer.

The easiest choice for saving content into computer is using Save As facility from a browser. Browser will save the file as an html file with a separate folder for images. Some browser such as Internet Explorer and Opera provide a compact format to save a web with images and other files as a single file, using .MHT format. Unfortunately, this format isn’t available by default in other browser.

Using default option to save a page is not a compact choice, because it requires a file + a folder to save a single content. It will be a lot more convenient if your site can provide a single file for most of page.

Yes, you can do that using your WordPress site by converting a web page to pdf with WP Post to PDF plugin. PDF is become feasible option for you to provide, because it’s a popular format. Many users already have pdf reader installed in their computer.

Use a WordPress built-in installer to install WP Post to PDF easily. If you prefer to install it manually, then you can get it from WordPress Plugin Directory. After installing and activating WP Post to PDF, then there will be a PDF icon in right side of your web page. Visitors can now download contents from your site as a PDF file.

WP Post to PDF is created by Neerav Dobaria.

Wordpress Plugins

Adding Google Calendar to WordPress

Image by Hiroaki Maeda

Google Calendar is a web based application that offers the same features as desktop application counterparts such as Microsoft Outlook. This is a time management application where you can manage meeting schedules in office or as a remainder for special day with your family. You can customize calendar by giving it a title, explanation, remainder with alarm, etc. Google calendar can be accessed by almost every operating system including for mobile devices such as cell phone and PDA as long as the operating system has browser that supports AJAX. It differs from desktop application, Microsoft Outlook, which only available only to PC and MAC users.

It will be convenient if Google Calendar can be added to your WordPress site. A site that MENGGELAR events for it’s visitors can gain advantages using Google Calendar. It’s because Google Calendar can be set to be accessed publicly by your visitors. The problem is the color scheme of Google Calendar can clash with the color scheme of your site.

Now that problem can be handled using Stout Google calendar plugin for WordPress. With Stout Google Calendar, you can have several calendars with different color schemes. These color schemes can be set as you wish. Below are the features of Stout Google Calender plugin:

  • Custom color schemes
  • Calendar management from WordPress administration panel
  • Save many calendars with different configurations such as color scheme, size, and date format
  • Display calendar using widget
  • Preview before saving
  • Color picker tool for easy color scheme selection

You can get Stout Google Calendar from WordPress Plugin Directory or using WordPress built-in installer directly from your administration panel.

Wordpress Plugins

Diagnostic tool for Web Server

Image by labormikro

It will be troublesome for us to get information from our web hosting provider where we put our wordpress installation about technical detail of their server. For an instance from my web hosting provider, I have to ask for a ticket support for every question about their services. Including detailed information about web server such as version of PHP or MySQL that can be helpful to a wordpress administrator. Surely they will always updating their system. The details that we get today are not always the same in the next month. The process of sending a ticket support has to be repetead to get updated information.

This is where Diagnosis plugin can help you. Diagnosis plugin can provide detailed technical information about PHP, MySQL, and other services that might be needed by a wordpress administrator. Diagnosis plugin provide this information by adding a new subdirectory to dashbord menu. From this page you can get a lot of information about the web server where you host your wordpress installation. Example of information that you can get from diagnosis plugin are similar to information from phpinfo() page.

The information from diagnosis plugin displayed in simple tables with extra explanations that can help in administering wordpress. Every field in the table comes with a link to wikipedia. Just in case you need more explanation. The information from diagnosis plugin can be used to determine is the web server that you’ve been using has the capabilities needed to handle specific plugin which requires the specific version of web server.

You can get information about Diagnosis plugin in WordPress plugin directory.


from WordPress.Com, to WordPress.Org



Actually, what’s the difference between blogging with both the above facilities? Please googling if you want to know the definitions of both terms are complete, perhaps Wikipedia will explain it in detail, hahaha. I myself have never googling about the difference the two. According to my understanding, to summarize:

WordPress.COM –> must be ONLINE. Get a free domain with the suffix wordpress.com. For example, www.sapijantan.wordpress.com

WordPress.ORG –> a CMS (like Joomla, Drupal, etc.) that you download, and install on your own. After that you have to upload it on a hosting. The last you usually have to buy a domain, too.

Why WordPress.Org ?

From sapijantan.wordpress.com, you can switch to sapijantan.com. Cool, right? And remember, still with WordPress. So it can be concluded that WordPress.Org is a service provided by wordpress to use wordpress but with our own hosting and domain name, does not belong to WordPress. What are the benefits? Of course by using WordPress.Org, your website / blog more customizable. And there are many other advantages. Hohohoh.

This is a quote from WordPress.Org,

WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.

Okay, let’s start install it.

Case Study: Installing CMS Wordpress at Localhost

Requirements :

  1. Webserver+PHP+Mysql Package, because we will try to install wordpress on our localhost. You can get it at AppServ or EasyPHP or the others.
  2. CMS WordPress, download here.

Practice 1 : Setting Up the Database

  1. Create a database named wordpress by using phpmyadmin atau mysql command prompt.

    Membuat DB dengan phpmyadmin
    membuat DB dengan phpmyadmin
  2. Leave it blank, you did not need to make a table or etc.

Practice 2 : Installing WordPress

  1. Extract the zip file downloaded from WordPress.Org into your document root.
  2. Rename the extracted folder name to wordpress (actually you can use another name, but for the need for this lab this time we use the same name, though more easily. Okay okay)
  3. Go to http://localhost/. Click on wordpress folder to starting the installation.

    Index Localhost
  • Installing WordPress
  • The figure below shows the installation step-by-step. Oh oh do not worry, for per-step installation instructions there is a picture in the gallery below. Ok, good luck.

    WordPress Installation Instruction

    1. Click on create configuration file to create a configuration file that will be installed on our wordpress.
    2. It would appear the information that directs you to fill in information about the database. Okay, choose let’s go!
    3. Fill our database setting, fill in as shown Step 3 above. Then submit.
      Database name : wordpress
      Username : Adjust according to your mysql setting. Usually root
      Password : Adjust according to your mysql setting. Why password field empty in the picture above? Thats because i use no password 🙂
      fordatabase host and table prefix let it default
    4. Click on Run the install
    5. Fill out the settings that we will create a website with wordpress. You can fill it with as you like, if confused, you can use the example of my settings. Click install wordpress when you have finished filling out the form.
      Site title : Wiwik’s Personal Page
      Username : adminwiwik
      Password : adminwiw1k (write twice)
      email : wiwik@admin.com
    6. TADAAAAAAA. Success!! You have successfully installed wordpress in localhost. To start login on the site, click login.
    7. Enter your username and password (such as the setting in Step 5). Click login.
    8. You will be redirected to the WordPress dashboard. Up here, you can start posting, set the theme, and others such as your activity on wordpress.com:)
    9. To see the “result”, go to http://localhost/wordpress/
    Step 9

    Hohoho. Now you can play around with WordPress on your local server. If you really want to use it, of course you have to upload them on the hosting. Hosting is usually paid, but some are free. If you want to try, please use the free ones first, such as in byethost or freehostia.

    Okay, happy WordPress-ing! Keep Blogging! 😀

    WordPress Wordpress Plugins

    ShareThis Button for WordPress

    ShareThis Button Image

    Social media has become a trend. More and more new social media site pop-up with their services. Even thought features and services offered by these media can vary, but they have a common thing, which is sharing contents.

    You can share content with your friends, followers, readers, or any other terms which might used in a specific social media. Every social media has its own strength. Particular content sharing might more appropriate for one media but not for the others. Not to mention your audience background that can be different. It will be difficult to accommodate all the need of your audiences for sharing content without ShareThis button.

    What you only need to do is go to http://www.sharethis.com and choose a ShareThis button design that you like the most. Click Get The Code Already button to retrieve the code for your ShareThis button of choice. This code can be embedded in any page on your site. Copy this code, then go to your site and install + activate ShareThis plugin. It will become a lot easier if you just use the WordPress built-in plugin installer to install ShareThis in your site. You also have a choice to get the ShareThis plugin directly from WordPress plugin directory and install it manually.

    When the ShareThis plugin has been activated, now is time to do some configuration. Open configuration option for ShareThis plugin. In the text box Paste your widget code in here:, put the code that you copied from www.sharethis.com for your ShareThis button of choice. Save the configuration by clicking Update ShareThis Options button.

    ShareThis Options Image

    ShareThis can count how much content shared. Now your audiences can easily share contents in your site to social media sites, such as twitter, digg, facebook, myspace, and others.

    Go to www.sharethis.com for more information.