Anda di halaman 1dari 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 dont 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/wpadmin/) 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/wpadmin) 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 (www.yourblog.com/wp-admin/) 2.Then Login. blog control panel

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 (www.yourblog.com/wp-admin/) blog control panel

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 (www.yourblog.com/wp-admin/) blog control panel

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

Anda mungkin juga menyukai