Top Banner
GO-BLOG NgeBlog biar ga goblog
34

Tutorial bikin blog

Nov 11, 2014

Download

Technology

Dhimas kasep

slide buat workshop blog ITB

Berisi tutorial membuat blog bagi pemula dengan platform wordpress.com
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tutorial bikin blog

GO-BLOGNgeBlog biar ga goblog

Page 2: Tutorial bikin blog

OUTLINE What is blog? Sign Up Posting Custom Appearance: theme & widgets Edit Profile Blogroll (links) Comments Others

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

http://wp.me/p3GsM-15x

Page 3: Tutorial bikin blog

WAD IZZ BLOG? Web + Log = Weblog = Blog

Web based on internet Log notes, catatan perjalanan, diurut berdasar

waktu Blog catatan yang ditulis di internet

Jenis blog Personal, corporate/bisnis, organisasi By genre: political blogs, educational blogs,

travelogs, etc By media: photoblog, vlog (video), tumblelog (mix)

Blog provider WordPress, blogspot, dagdigdug, blogdetik,

multiply, dll

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 4: Tutorial bikin blog

ALAMAT BLOG / URLhttp://blablabla.wordpress.comAlamat blog TIDAK bisa diubah

Syarat:> 3 karakterHuruf & angka onlyBelum ada yang punya

A good blog’s url:Mudah diingat orang; tidak lebih dari dua

kataTidak menimbulkan misstypeMencerminkan isinya

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 5: Tutorial bikin blog

SIGN UP #1 buka browser (recommended: Firefox or

Chrome)

#2 buka http://wordpress.com #3 klik tombol “Sign Up now”

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 6: Tutorial bikin blog

#4 isi form A Username ID kita Password bikin password Confirm diisi dengan password yang ditulis di

atasnya Email diisi dengan email kita Legal flotsam dicentang “Gimme a blog” sekalian bikin blog baru

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 7: Tutorial bikin blog

#5 klik “Next”Kalau ada fill merah, itu berarti isi form

tidak bisa digunakan. Harus diganti dengan yang lain

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 8: Tutorial bikin blog

#6 isi form B Blog domain alamat blog (PERMANEN) Blog title judul. Terserah. Setting bisa diganti

nanti Language bahasa yang dipakai Privacy kalo di-uncheck, nanti blognya ga bisa

dicari lewat google. Setting bisa diganti nanti

#7 klik “Sign Up” Pastikan tidak ada fill merah

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 9: Tutorial bikin blog

#8 email activationBuka tab baru pada browserBuka email yang tadi didaftarkanCari di inbox, email dari WP.comKlik pada link aktivasi (atau copypaste di

browser)

Page 10: Tutorial bikin blog

#9 isi profile

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 11: Tutorial bikin blog

#10 View your site

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 12: Tutorial bikin blog

CONGRATS!!!!

You have your own blog

Page 13: Tutorial bikin blog

#11 loginBuka http://wordpress.com login dengan

mengisi form di kiri atas. Atau:Buka http://blablabla.wordpress.com/login

Page 14: Tutorial bikin blog

#12 memperkenalkan: Dashboard

Page 15: Tutorial bikin blog

#13 manage dashboardKlik pada tanda panah di tiap box yang ada

di panel sebelah kiri

Page 16: Tutorial bikin blog

POSTING #14 “Dashboard” “Post” “Add new”

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 17: Tutorial bikin blog

#

Judul Artikel Isi artikel

Kategori

Tag

“Publish” BOX

ExcerptComment

management

Page 18: Tutorial bikin blog

#15 PostingTitle : judul artikel Isi artikelCategories :

kategori tulisan di blog kita. By default, artikel akan masuk ke kategori “uncategorized”

Kategori dibuat untuk merapikan struktur artikel-artikel yang di-posting di blog kita

Tags : Keyword dari artikel yang ditulis Memudahkan pencarian

Excerpt : semacam ringkasan. Tidak harus ditulis

Discussion : untuk mensetting apakah artikel dapat diberi comment atau tidak

Publish box

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 19: Tutorial bikin blog

#16 mengedit isi artikelTampilan Visual vs tampilan html

Visual : seperti mengedit di Ms Word Html : melihat tulisan kita dalam bahasa html

Toolbar Membuat efek tulisan: bold, italic, strike (coret),

bullets & numbering, quote, align L C R, insert link, membuat “read more”

Membuat styles, underline, align justify, warna font, insert symbol, dst

Upload gambar, file, insert video

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 20: Tutorial bikin blog

#17 Tutorial upload/insert gambarCara #1: mengupload

dari komputer Klik icon “add an image” Akan muncul window baru Klik “select file” *)

Pilih gambar yang ingin diupload

Setelah selesai upload, pilih “insert to post”

*) kalau bermasalah dengan flash, pilih “browser uploader”

Page 21: Tutorial bikin blog

Tutorial insert gambarCara #2: insert gambar yang sudah ada di

internet Klik icon “add an image” Pilih tab “from URL” Masukkan URL gambar yang ingin di-insert

Cara mendapat url gambarBuka situs yang terdapat gambarKlik kanan pada gambarPilih “copy image URL”

Page 22: Tutorial bikin blog

CUSTOM APPEARANCE #18 Memilih themes blog

“Dashboard” “Appearance” “Themes”Pilih theme yang sesuaiKlik “activate” untuk memilih

Beberapa themes yang bagus: monochrome, iNove, contempt, structure, twenty ten,

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 23: Tutorial bikin blog

#19 Customize WIDGETS “Dashboard” “Appearance” “Widgets” Drag (geser) salah satu widget yang ada di

sebelah kiri ke bagian kanan Widget yang biasa dipakai:

Categories : berupa widget kategori tulisan Tags : widget Tags Search : fitur “search” untuk mencari tulisan di blog

kita Recent comments : menampilkan komentar terakhir

dari pengunjung blog kita Links : menampilkan link / blogroll ke situs lain Image widget : untuk menginsert image Text widget : dapat menampilkan tulisan, gambar,

dan lain-lain. Support html

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 24: Tutorial bikin blog

#20 Tutorial memasang image pada Text WidgetEdit Text WidgetMasukkan kode html sbb

<img src=“http://www.kaskus.us/images/smilies/toastcendol.gif “>

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 25: Tutorial bikin blog

EDIT PROFILE & BLOG SETTINGS #21 Mengedit profil

“Dashboard” “Users” “My Profile” Upload gambar sebagai Avatar kita Mau ganti public name kita di sini

“Dashboard” “Users” “Personal settings” Pastikan di bagian “account details”, sudah terisi

link “website” ke blog kita. Berpengaruh pada saat kita memberi komentar di blog lain

Mau ganti password di sini

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 26: Tutorial bikin blog

#22 Blog Settings“Dashboard” “settings”“General Settings”

Dapat mengganti title blog, tagline, email address, settingan waktu

Blog pictore/icon berguna untuk mengganti icon blog kita

“Writing” Mengatur settingan pada saat kita membuat/edit

post“Reading”

Mengatur bagaimana tampilan blog kita saat dibaca oleh pengunjung

“Discussion”

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 27: Tutorial bikin blog

BLOGROLL (LINKS) #22 Membuat blogroll

Memasang link situs/blog lain di blog kitaBerguna buat ajang silaturahim

Caranya: Pastikan link widget sudah terpasang “Dashboard” “appearance” “Widget” “links

widget” Mengedit list links di : “dashboard” “links”

“edit”/”add new”

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 28: Tutorial bikin blog

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

“dashboard” “links” “add new”

Nama Link(wajib)

URL Link (wajib)

Deskripsi link (sunnah)

Kategori link

Finishing touch

@dhimasln

Page 29: Tutorial bikin blog

#

Contoh link widget yang sudah jadi

Stats widgetText widget

akismet widget

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 30: Tutorial bikin blog

COMMENTS #23 Membuat comments

Kalau sudah login, kita tinggal menulis komentar kita

Kalau belum login, kita perlu terlebih dahulu mengisi form nama, email, & url

Ga bisa menginsert gambar pada komen (wp.com). Cuma bisa pake smiley

Beberapa kode html yang bisa dipakai: <b>tulisan bold</b> <i>tulisan miring</i> <strike>coret</strike>

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 31: Tutorial bikin blog

Kalau di-check, maka komentar berikutnya akan masuk ke email kita

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 32: Tutorial bikin blog

#

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

CONGRATS!!!You have mastered all basic blogging

Page 33: Tutorial bikin blog

THEN WHAT? Posting, posting, & posting!!!! Blogwalking, ninggalin jejak komen,

tukeran link, benchmarking Ngecek blogstats (“dashboard” “stats”

) Sesekali ngedit appearance Belajar tutorial lengkap ngeblog wp.com

di:http://en.support.wordpress.com/http://en.blog.wordpress.com/http://en.forums.wordpress.com/ http://google.com

Prolog

Sign Up

Posting

Appearance

Edit Profile

Blogroll

Comments

Other

@dhimasln

Page 34: Tutorial bikin blog

CREDITS http://dhimaskasep.wordpress.com http://twitter.com/dhimasln