You are on page 1of 65

O t a k w o r k s .

N e t

How To Create A
Blog

A Simple Guide and Tutorial About How


To Create Blog Using Blogger and
Wordpress

Powered By Mohamad Hakim I Otakworks.net


About The Author
Hakim is the author and the creator of
Otakworks.net.Has blogging for 4 year
and he is Microsoft and Samsung.user.

Alhamdulillah,Finaly I create my own ebook.Thank for


those who helping me.Thanks to my family ,friends and to
all that supporting.

I create this ebook to teach or show to all newbie blogger


out there and for those who don’t know how to blogging.

I hope afer reading this book,you all can create our ow


blog and become a professional blogger.

In this ebook I wil show you how to create blog and how
to use wordpress and blogger.

Hope you all enjoyed this ebook and keep supporting.

Mohamad Hakim
http://www.otakworks.net

______________
★ LINKS

My Blog: http://www.otakworks.net
My Twitter: http://www.twitter.com/arkimz
Email: arkimzblogger@gmail.com
Table of contents

1. About Blogging ................................................. 3


What Is Blog .................................................................................... 4
Type Of Blog ................................................................................... 5
Why You Create Bog ....................................................................... 7
What Is The Aim Of Your blog ........................................................ 8

2. Blogger ............................................................. 9
How To Create A Blog Using Blogger.............................................. 9
How To Write Post At Blogger........................................................12
How To Create Page In Blogger ......................................................14
How To Upload Theme To Blogger .................................................16
Blogger Template Resources ...........................................................19
How To Add Gadget To Blogger .....................................................32

3. Wordpress ....................................................... 35
How To Upload Wordpress To Your Server ....................................35
How To Upload Plugin To Wordpress .............................................46
How To Upload Theme To Wordpress ............................................49
How To Enable Update File Button At Wordpress ...........................58
How To Write Post At Wordpress ...................................................61
How To Add Author To Wordpress .................................................64
How To Add Page To Wordpress ....................................................66
What Is Blog

Blog?What is blog?Blog is a space for you to share


anything.You can create a personal blog and other type of
blog.Using blog,you can share your knowledge or share
your personal diary.

From Wikipedia
A blog (a contraction of the term "web log")[1] is a type
of website, usually maintained by an individual with
regular entries of commentary, descriptions of events, or
other material such as graphics or video. Entries are
commonly displayed in reverse-chronological order.
"Blog" can also be used as a verb, meaning to maintain or
add content to a blog.
Many blogs provide commentary or news on a
particular subject; others function as more
personal online diaries. A typical blog combines text,
images, and links to other blogs, Web pages, and
other media related to its topic. The ability of readers
to leave comments in an interactive format is an
important part of many blogs. Most blogs are
primarily textual, although some focus on art (Art
blog), photographs (photoblog), videos (Video
blogging), music (MP3 blog), and audio
(podcasting).
Type Of Blog

Talking about blog,there are variety type of blog.There are

Personal Blog

Is a blog talking about your self.Share personal


diary.Majority of blogger that create personal blog is for
social networking.

Corporate and
organizational blogs

A blog can be private, as in most cases, or it can be


for business purposes. Blogs used internally to enhance the
communication and culture in a corporation or externally
for marketing, branding or public relations purposes are
calledcorporate blogs. Similar blogs for clubs and societies are
called club blogs, group blogs, or by similar names; typical use
is to inform members and other interested parties of club and
member activities (From Wikipedia)

Copyright 2010 I Mohamad Hakim I Otakworks.net


There more type of blog.So before you create a blog,you must
know which type of blog you want to create,

Copyright 2010 I Mohamad Hakim I Otakworks.net


Why You Create Blog

Before you star blogging or before you create a blog,you


must know why you create the blog.

Create Blog For Fun

Some people just create a blog for fun and share their
diary or personal thing or just sharing anything for fun.

Create Blog For Money

Majority of blogger create blog for money.Using blog you


also can earn money.

So ask your self,why you create blog?This is important


because when you are blogging,you know why you are
blogging.

Copyright 2010 I Mohamad Hakim I Otakworks.net


What Is Your Blog Aim

Ask yourself!What is the aim of your blog.What is


aim?Example of my blog.I create Otakworks.net because I
want my readers know how to blogging after reading my
blog.

So the aim of my blog is I want my readers know how to


blogging.

So when I write post at my blog.I will know what I need


to write because I have my own aim.

When I write post,I will write about how to blogging and


anything related to blogging.If you have your own
aim,you will know what you need to write.

So think about this before you create a blog.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Create Blog
Using Blogger

Blogger is another blogging platform powered by


Google.If you are new to blog,I recommended you to
create a blog using blogger.What awesome in blogger is
the services is free.

Now I will teach you how to create a blog using


Blogger.Com

1.First of all,you need to create a gmail account.Go to


Gmail.com and sing up.

2.After create an account at gmail,go to Blogger.com and


login at blogger using your gmail that you just created.

3.Click on Sign In.

4.Now put your display name and tick at the “I accept


the…”

Copyright 2010 I Mohamad Hakim I Otakworks.net


5.Now click on “Continue”

6.Then,wait until the page refresh and then put your blog
and blog URL and then click on continue.

Make sure you your blog URL is available before you


click on the continue button.

Copyright 2010 I Mohamad Hakim I Otakworks.net


7.Then choose which template you like and click on
continue.

8.Your blog is created and click on “Start Blogging” to go


to your blog control panel.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Write Post At
Blogger

Now I will teach you how to write post at blogger.

1.First Of all,Login to Blogger and at your dashboard,click


on New Post.

2.Then,at the Title section,put your post title.The title will appear
before your blog content at your blog.

3.Fill the box with your blog post content.

Copyright 2010 I Mohamad Hakim I Otakworks.net


4.Add your post category at the Lables section.

5.After finish writing your post,click on publish.

You'r done.Open your blog and see the result.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Create Page In
Blogger

Now I will teach you how to create page in blogger.

1.First of all,Login using your


blogger account at http://draft.blogger.com/

2.At your dashboard,select Edit Post.

3.The click at Edit Pages tab.

4.Click on New Page.

5.Fill the Page Title and the Page content with your page
content.

Copyright 2010 I Mohamad Hakim I Otakworks.net


6.After finish adding content to your page,then hit the Publish
Page and you'r done.You can use Page widget to show your
blog page at your blog sidebar or you can use manual link to
your blog page..

You'r done.Open your blog page and see the result.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Upload Theme To
Blogger

Now I will teach you how to upload theme to blogger.

1.First of all,Login to blogger and at your dashboard,select


Layout and click on the edit HTML tab.

2.Then,go to any blogger template site (Read The Blogger


Template Resources) and download which template you like.

3.The extract the .zip file (Template) that you have download.

Copyright 2010 I Mohamad Hakim I Otakworks.net


Click On Image To Enlarge
4.Go back to blogger at edit HTML section,and click on Choose
File and then find the folder that you have extract.

5.And choose .xml file.

6.The click on Upload.

7.The if you want to save the current widget that you are you
using,click on Keep Widget and if you want to delete it,click
on Delete Widget.

Copyright 2010 I Mohamad Hakim I Otakworks.net


8.You'r done.

Copyright 2010 I Mohamad Hakim I Otakworks.net


Blogger Template
Resources

1.DeluxeTemplates (www.deluxetemplates.net)

2.ThemeCraft (http://themecraft.net)

Copyright 2010 I Mohamad Hakim I Otakworks.net


3.BloggerTheme (www.bloggertheme.net)

4.TemplatesParaNovoBlogger
(www.templatesparanovoblogger.blogspot.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


5.BlogandWeb (www.blogandweb.com)

6.SkinCorner (www.skincorner.com)

7.TemplatesBlock (www.templatesblock.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


8.Ipietoon (www.ipietoon.com)

9.Anshul (www.anshuldudeja.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


10.Teknomobi (www.teknomobi.net)

11.BlogCrowds (www.blogcrowds.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


12.FalconHive (www.Falconhive.com)

12.BlogsMadeInSpain (www.blogsmadeinspain.blogspot.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


13.TemplateGoDown (www.template-godown.com)

14.Layout4all (www.layout4all.blogspot.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


15.Gosublogger (www.gosublogger.com)

16.ChicaBlogger (www.chicablogger.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


17.Noyod (www.noyod.com)

18.BloggerTricks (templates.bloggertricks.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


19.BlogTemplate4U (www.blogtemplateu.com)

20.ZoomTemplate (www.zoomtemplate.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


21.BloggerTemplatePlace (www.bloggertemplateplace.com)

22.OurBlogTemplate (www.ourblogtemplates.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


23.GoTemplatez (www.gotemplatez.blogspot.com)

24.BlogspotVision (www.blogspotvision.com)

Copyright 2010 I Mohamad Hakim I Otakworks.net


Copyright 2010 I Mohamad Hakim I Otakworks.net
How To Add Gadget To
Blogger

There are a lot of gadget available for blogger,there are


many kind of gadget.I will show you how to add gadget to
blogger.I will add follower gadget to my blog.

1.First of all,login at blogger.com and select layout at your


blogger dashboard.

2.Then select page elements and click on Add Gadget.

Copyright 2010 I Mohamad Hakim I Otakworks.net


3.Then select Followers.

Copyright 2010 I Mohamad Hakim I Otakworks.net


4.Now Click on Save button.

5.You are done.Open your blog and you will see like this.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Upload
Wordpress To Your
Server

Now I will show you how you can upload wordpress to


your server.I will use 000webhost for example.If you have
own server,follow the following step but use your own
FTP details.

1.First of all go to 000webhost.com and Sign Up.

2.Create a website and your website will be activate in 12


hours.

3.Go to wordpress.org and download Wordpress

Copyright 2010 I Mohamad Hakim I Otakworks.net


4.Then Extract the wordpress file that you have download.

5.The download the FileZilla ftp and install at your pc.

6.Now go back to your 000webhost and make sure that your


website already activate.The go to your website Cpanel.

7.Then select View FTP Details.

8.Then open the FileZilla FTP software that you install in your
computer.

9.Click on File the select Site Manager.

Copyright 2010 I Mohamad Hakim I Otakworks.net


10.The click New Site.

11.Go back to View FTP Details (In step 7).Then copy the
FTP Host Name,User Name and Password.

Copyright 2010 I Mohamad Hakim I Otakworks.net


12.Now open the site manager (Like in step 10) and add the
above detail.

13.Now click on connect.

14.After the connection successful,click on public.html

Copyright 2010 I Mohamad Hakim I Otakworks.net


15.Now look for the Wordpress file that you have extract in step
4.(Find in the File through FTP software.

16.Double click at the wordpress 2.9.2 (It depend on the version


that you download) file

17.Then inside the wordpress 2.9.2 have another folder


name Wordpress,double click on the folder.

Copyright 2010 I Mohamad Hakim I Otakworks.net


18.After that,there will be a lot of folder appear in the wordpress
folder.Select all the file inside the wordpress folder and click on
right click then hit the Upload button.Make sure at the right side
you are inside public.html folder.

19.Wait around 15-25 minutes (Until all the file uploaded


to public.html folder.

20.Now go back to your 000webhost cpanel and click


on MySQL.

Copyright 2010 I Mohamad Hakim I Otakworks.net


21.Create new database and user.Fill it as you like and make
sure you remember the password.

Then you will get result like this.

22.Don't close the MYSql result.Open back your FTP and make
sure your fill is uploaded to thepublic.html folder.In the
public.html folder,search for wp-config-sample.php.

23.After you find it,click on right click and hit the rename button.

Copyright 2010 I Mohamad Hakim I Otakworks.net


24.Rename the wp-config-sample.php to wp-config.php

25.Now right click at the wp-config.php and click view/edit.

26.You will get result like this in notepad.

<?php
/**
* The base configurations of the WordPress.
*

Copyright 2010 I Mohamad Hakim I Otakworks.net


* This file has the following configurations: MySQL settings, Table
Prefix,
* Secret Keys, WordPress Language, and ABSPATH. You can find
more information by
* visiting {@link http://codex.wordpress.org/Editing_wp-config.php
Editing
* wp-config.php} Codex page. You can get the MySQL settings from
your web host.
*
* This file is used by the wp-config.php creation script during the
* installation. You don't have to use the web site, you can just copy this
file
* to "wp-config.php" and fill in the values.
*
* @package WordPress
*/

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', 'putyourdbnamehere');

/** MySQL database username */


define('DB_USER', 'usernamehere');

/** MySQL database password */


define('DB_PASSWORD', 'yourpasswordhere');

/** MySQL hostname */


define('DB_HOST', 'localhost');

/** Database Charset to use in creating database tables. */


define('DB_CHARSET', 'utf8');

/** The Database Collate type. Don't change this if in doubt. */


define('DB_COLLATE', '');

/**#@+
* Authentication Unique Keys.
*
* Change these to different unique phrases!
* You can generate these using the {@link
https://api.wordpress.org/secret-key/1.1/ WordPress.org secret-key
service}
* You can change these at any point in time to invalidate all existing
cookies. This will force all users to have to log in again.

Copyright 2010 I Mohamad Hakim I Otakworks.net


*
* @since 2.6.0
*/
define('AUTH_KEY', 'put your unique phrase here');
define('SECURE_AUTH_KEY', 'put your unique phrase here');
define('LOGGED_IN_KEY', 'put your unique phrase here');
define('NONCE_KEY', 'put your unique phrase here');
/**#@-*/

/**
* WordPress Database Table prefix.
*
* You can have multiple installations in one database if you give each
a unique
* prefix. Only numbers, letters, and underscores please!
*/
$table_prefix = 'wp_';

/**
* WordPress Localized Language, defaults to English.
*
* Change this to localize WordPress. A corresponding MO file for the
chosen
* language must be installed to wp-content/languages. For example,
install
* de.mo to wp-content/languages and set WPLANG to 'de' to enable
German
* language support.
*/
define ('WPLANG', '');

/* That's all, stop editing! Happy blogging. */

/** Absolute path to the WordPress directory. */


if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');

/** Sets up WordPress vars and included files. */


require_once(ABSPATH . 'wp-settings.php');

27.Now open your Mysql result (Like in step 21) and replace the
red color text with

Copyright 2010 I Mohamad Hakim I Otakworks.net


Click To Enlarge
28.Then save the wp-config.php after your replace the red text
with your mysql information (Like the picture above)

29.Now open your browser and open your website URL that
you create at 000webhost.

30.After that,one form will appear and it ask Blog Title and Your
Email.Insert your blog title and your email.Then hit the button
under the page.

31.One unique password will appear at there and you need to


copy the password and past it anywhere.

32.Finally,all is done.Then your blog wp-admin page will appear


and insert the User Name: Admin and the Password : The
unique password.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Upload Plugin To
Wordpress

1.First of all,search for plugin


at http://wordpress.org/extend/plugins/

2.Download which plugin you like.

3.Extract the plugin .zip file.

4.Connect to your site FTP and open wp-content folder.

Copyright 2010 I Mohamad Hakim I Otakworks.net


5.Then search for plugins folder.

6.Search for plugins file that you extract and right click on the
plugins folder.

7.Click on upload and make sure you are at plugins folder.

8.Now go to your site control panel. (http://yourblog.com/wp-


admin/) and login.

Copyright 2010 I Mohamad Hakim I Otakworks.net


9.Click on Plugin > Installed.

10.Look for plugin that you upload and click on activate.

11.You are done.Open your blog and see the result.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Upload Theme To
Wordpress

Upload Theme Using FTP

1.First of all,open your FTP client and connect to your site.

2.Search for wp-content folder.(If you use 000webhost,it


located at public.html folder)

3.Search for Theme folder inside the wp-content and open the
theme folder.

4.Now download wordpress theme from anywhere.(Example


at NewWordpress Theme)

I choose the below theme from New Wordpress Theme

Copyright 2010 I Mohamad Hakim I Otakworks.net


5.The extract the theme that you download.

6.After extract the theme,locate the extracted theme (Theme


folder not .zip file) at your desktop.

Copyright 2010 I Mohamad Hakim I Otakworks.net


7.Now open back your FTP folder wp-content >> Theme (Like
in step 3).

8.At the right side (Your computer folder) search for the theme
folder that you locate at Desktop and then right click on the
folder and hit the upload button.

Copyright 2010 I Mohamad Hakim I Otakworks.net


9.Wait around 5 or 15 minutes until the theme uploaded to your
site and make sure it's uploaded.

10.Now go to your site control panel (http://yoursite.com/wp-


admin) and login.

11.Now open Theme at appearance section.

Copyright 2010 I Mohamad Hakim I Otakworks.net


12.Then make sure the theme is already add to your website
theme section.Then click on activate.

13.Tada!!!Success...you are now using the theme on your


site.Open your site and see the result.

Upload Theme From Wordpress Theme Directory

Copyright 2010 I Mohamad Hakim I Otakworks.net


1.First of all,go to (http://yoursite.com/wp-admin) and login.

2.Then select Apperance >> Theme.

3.Click on Add New.

4.Search theme that you like (Example Magazine)

Copyright 2010 I Mohamad Hakim I Otakworks.net


5.Then look for theme you like and click on Install.

Again..

Copyright 2010 I Mohamad Hakim I Otakworks.net


6.Now,fill the connection information with you own information
(For 000webhost user,you can get at Cpanel >> View FTP
Details)

7.Hit the Proceed button.

8.Wait until the theme uploaded to your website and then go


to Appearance >> Theme and then activate the theme.

Copyright 2010 I Mohamad Hakim I Otakworks.net


10.You'r done...

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Enable Update
Fill Button At Wordpress

1.First of all,go to your blog wp-admin and login.

2.Then go at theme section and select editor.

3.You will see this not under the editor.

4.If you want to change the note to the Update File


button. Connect to to your FTP.

5.At your FTP,find wp-content folder and right click on it.Then


click on File Permission.

Copyright 2010 I Mohamad Hakim I Otakworks.net


Click To Enlarge
6.Change the number value to 777 and tick at Recurse To
Subdirectories and click on Ok.

Copyright 2010 I Mohamad Hakim I Otakworks.net


7.Wait around 10-15 minute and then go back to your wp-admin
(Like in step 2) and check under your editor.it will be like this..

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Write Post At
Wordpress

1.First of all,go to your blog control panel


(www.yourblog.com/wp-admin/)

2.Then Login.

3.Now click on New Post at the post section.

Copyright 2010 I Mohamad Hakim I Otakworks.net


4.Put the post title and content and then click on Publish to
publish your post.

5.Your are done.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Add Author To
Wordpress

1.First of all,go to your blog control panel


(www.yourblog.com/wp-admin/)

2.Select “Add New” at the user section.

3.Fill the new author information and then set permission


as author and then click on Add User.

Copyright 2010 I Mohamad Hakim I Otakworks.net


4.You are done.

Copyright 2010 I Mohamad Hakim I Otakworks.net


How To Add Page To
Wordpress

1.First of all,go to your blog control panel


(www.yourblog.com/wp-admin/)

2.Then select Add New at the page section.

3.Then put the page title and the page content and click on
publish.

4.Your are done.

Copyright 2010 I Mohamad Hakim I Otakworks.net

You might also like