1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika...

16
Pelatihan Blog HIMA IPA 2011 Page 1 MEMBUAT BLOG MELALUI WORDPRESS 1. Pendahuluan Blog sekarang sangat populer. Karena kemudahannya, setiap orang dari anak - anak, remaja, hingga dewasa bisa membuat sebuah blog dengan sangat cepat. Berbeda dengan membuat website, membuat atau menulis blog tidak dibutuhkan skill pemrograman yang rumit. Kita juga bisa lebih mudah menyalurkan ide dan kreativitas kita, karena isi blog mudah di-update setiap saat kita mau. Banyak manfaat yang diperoleh dari menulis atau membuat blog, antara lain: Sebagai catatan pengetahuan kita agar tidak hilang begitu saja karena lupa atau terselip Latihan menulis dan mengungkapkan pendapat secara tertulis Sarana belajar komputer Menambah sahabat atau teman Dan masih banyak lagi Blog dapat berisi: Catatan harian atau apa saja yang ingin ditulis pemilik blog. Ide-ide, opini, dan pandangan Anda. Berita terkini dan ulasannya menurut pendapat Anda. Tips dan trik misalnya seputar olahraga, keluarga, masak-memasak, komputer, otomotif, dsb Artikel agama, hukum, seni musik, lirik lagu, dan lain-lain. Pelajaran sekolah, kuliah, dan kursus. Pengalaman pribadi yang berguna jika dibaca orang lain. Hobi, misalnya panduan bermain catur, koleksi lirik lagu, dsb Komik, humor, karikatur, gambar-gambar lucu. Syarat membuat blog: Memiliki email, jika Anda belum memiliki email, Anda bisa membuat email gratis di http://mail.yahoo.com atau http://mail.google.com Koneksi Internet, minimal butuh waktu sekitar 10 menit untuk melakukan pendaftaran Anda bisa mengoperasikan komputer minimal Microsoft Word atau Open Office TIPS: Anda tidak harus memakai komputer yang selalu terkoneksi Internet, karena Anda bisa menulis artikel Anda secara offline (tanpa koneksi Internet) dengan menggunakan Notepad, Microsoft Word, atau Microsoft Frontpage. Kemudian pada saat online, Anda tinggal copy-paste dari tulisan yang sudah Anda buat. Hal ini dapat

Transcript of 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika...

Page 1: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 1

MEMBUAT BLOG

MELALUI WORDPRESS

1. Pendahuluan Blog sekarang sangat populer. Karena kemudahannya, setiap orang dari anak - anak, remaja,

hingga dewasa bisa membuat sebuah blog dengan sangat cepat. Berbeda dengan membuat

website, membuat atau menulis blog tidak dibutuhkan skill pemrograman yang rumit. Kita juga

bisa lebih mudah menyalurkan ide dan kreativitas kita, karena isi blog mudah di-update setiap

saat kita mau.

Banyak manfaat yang diperoleh dari menulis atau membuat blog, antara lain:

• Sebagai catatan pengetahuan kita agar tidak hilang begitu saja karena lupa atau terselip

• Latihan menulis dan mengungkapkan pendapat secara tertulis

• Sarana belajar komputer

• Menambah sahabat atau teman

• Dan masih banyak lagi

Blog dapat berisi:

• Catatan harian atau apa saja yang ingin ditulis pemilik blog.

• Ide-ide, opini, dan pandangan Anda.

• Berita terkini dan ulasannya menurut pendapat Anda.

• Tips dan trik misalnya seputar olahraga, keluarga, masak-memasak, komputer, otomotif, dsb

• Artikel agama, hukum, seni musik, lirik lagu, dan lain-lain.

• Pelajaran sekolah, kuliah, dan kursus.

• Pengalaman pribadi yang berguna jika dibaca orang lain.

• Hobi, misalnya panduan bermain catur, koleksi lirik lagu, dsb

• Komik, humor, karikatur, gambar-gambar lucu.

Syarat membuat blog:

• Memiliki email, jika Anda belum memiliki email, Anda bisa membuat email gratis di

http://mail.yahoo.com atau http://mail.google.com

• Koneksi Internet, minimal butuh waktu sekitar 10 menit untuk melakukan pendaftaran

• Anda bisa mengoperasikan komputer minimal Microsoft Word atau Open Office

TIPS: Anda tidak harus memakai komputer yang selalu terkoneksi Internet, karena Anda bisa

menulis artikel Anda secara offline (tanpa koneksi Internet) dengan menggunakan Notepad,

Microsoft Word, atau Microsoft Frontpage. Kemudian pada saat online, Anda tinggal copy-paste

dari tulisan yang sudah Anda buat. Hal ini dapat

Page 2: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 2

2. Apa itu Wordpress? WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan

sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan

basis data (database) MySQL. PHP dan MySQL merupakan perangkat lunak sumber terbuka

(open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah

CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan

dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang

dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, yang

merupakan teman Matt Mullenweg pendiri dan ketua pengembang (developer).

Sejarah Wordpress? Sejarah WordPress dimulai saat Matt Mullenweg yang merupakan pengguna aktif dari b2

mengetahui bahwa proses pengembangan b2 dihentikan oleh pemrogramnya (programmer) yang

bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan

pengembangan b2. WordPress muncul pertama kali di tahun 2003 hasil kerja keras Matt

Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal adalah selain karena

banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan komunitas terhadap

perangkat lunak sumber terbuka untuk blog.

3. Pendaftaran di Wordpress.com? Untuk membuat blog pribadi di wordpress kita harus melakukan pendaftaran terlebih dahulu di

WORDPRESS

Langkah-langkah pendaftaran cukup sederhana, yaitu:

a. Buka http://www.wordpress.com

b. Klik pada tulisan Sign Up Now

c. Saat ini Wordpress sudah support bahasa Indonesia. Klik Bahasa Indonesia untuk

mengaktifkan pendaftaran dengan bahasa Indonesia. Isikan data-data Anda. Lihat contoh

dibawah ini. Blog Anda nantinya mempunyai alamat: http://username.wordpress.com

Page 3: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 3

Jangan lupa cek pada pilihan bahwa

Anda menyetujui syarat-syarat

(Term of Service) dan pilih Gimme a

blog (berikan saya blog). Setelah

data-data diisi lengkap, klik next.

Jika username sudah diambil orang,

Anda dipersilahkan untuk membuat

username yang baru. Pilihlah yang

unik tetapi mudah diingat.

Kemudian Klik tombol

Next / Selanjutnya

d. Kemudian isi profil anda dan setelah itu simpan profil Anda. Setelah itu Anda juga

akan segera menerima email dari Wordpress.com. Buka email dan klik link aktivasi

yang ada di email tersebut, maka Anda akan melihat halaman seperti ini

e. Selamat, Anda sudah mendaftar blog di Wordpress.com, selanjutnya Anda dapat

login di http://wordpress.com

4. Login di Wordpress.com Buka http://wordpress.com, masukkan username dan password Anda kemudian klik

login atau enter. Anda dapat mulai masuk ke Dashboard (dasbor) dengan cara mengklik

My Blog >> Dashboard.

Page 4: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 4

5. Masuk ke Dasboard (Dasboard) Setelah Anda login, Anda akan masuk ke dashboard (Dasbor). Halaman dashboard

inilah yang merupakan halaman control panel blog Anda. Sekarang klik pada username

Anda yang terletak pada bagian kanan atas atau menu Pengguna -> Profil Anda atau

Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini).

Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil.

6. General Setting / Pengaturan Blog

General Setting merupakan pengaturan dari blog kita, seperti menambahkan nama

blog, judul blog, deskripsi blog, Format Penanggalan Blog, Zona Waktu, Format Jam,

dan Bahasa

Pengaturan Blog ada di menu Pengaturan -> General

Page 5: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 5

Anda juga dapat memilih interface Bahasa Inggris meskipun blog Anda isinya

Bahasa Indonesia atau sebaliknya. Untuk memudahkan Anda mempelajari tutorial ini,

settinglah Bahasa Interface menjadi Bahasa Inggris (en – English). Kemudian klik di

tombol “Simpan Perubahan”.

Mengapa bahasa interface menggunakan bahasa Inggris?

• Ketika saya mencoba bahasa interface menggunakan Bahasa Indonesia, banyak kata -

kata yang terjemahannya terkesan aneh, misalnya “Kepala Gambar” untuk menggantikan

“Header Image”. Atau mungkin nyaman menggunakan kata “Link” daripada “Taut”.

• Sambil membuka-buka control panel, Anda bisa sekalian belajar bahasa Inggris dan

menguasai istilah-istilah blog dalam bahasa Inggris. Sekarang coba menuju Dashboard

kembali. Anda akan melihat Dashboard dalam bahasa Inggris.

7. Penjelasan Menu dan Sub Menu Pada halaman sebelah kiri, terdapat menu

Dashboard, Post, Media, dan lain-lain. Menu ini jika

diklik akan muncul sub menu yang ada di bawahnya

misalnya jika Anda mengklik menu Post maka akan

muncul sub menu Post, Add New, Categories, Post

Tags. Sekarang Anda perlu mengetahui fungsi menu-

menu tersebut tanpa harus mencobanya sekarang,

karena nanti kita akan lebih lanjut

MAIN MENU

Dashboard adalah pusat control panel blog Anda

Upgrade adalah menu untuk mengupgrade Wordpress anda ke tingkat yg terbaru

Post adalah menu untuk membuat dan mengedit tulisan atau artikel

Media adalah tempat menyimpan file JPG, JPEG, PNG, GIF, PDF, DOC, PPT, dan

ODT

Links: adalah untuk menambahkan link pada blog Anda atau yang disebut blogroll

Rating adalah menu untuk memberikan Rating pada artikel Anda nantinya

Pages adalah menu untuk membuat dan mengedit halaman statis

Comments digunakan untuk mengedit komentar dalam blog

Pools digunakan untuk membuat dan mengedit pool dalam blog Anda.Anda

Appearance adalah menu yang digunakan untuk mengganti tampilan blog Anda

Users menu untuk setting identitas

Tools adalah fasilitas tambahan untuk blog Anda, diantaranya adalah fasilitas install

turbo agar komputer Anda lebih cepat saat membuka blog di Wordpress.copenulis

atau pemilik blog

Page 6: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 6

8. Memilih Theme (Tema Tampilan Blog) Tampilan blog Anda secara default sangat sederhana, cobalah sekarang buka:

http://nama-blog-anda.wordpress.com, itulah standart default wordpress anda, namun

tenang saja karena kita bisa merubahnya.

Sekarang buka menu Apperance -> Themes, pilihlah themes (tema/tampilan) yang

Anda suka! Buka kembali blog Anda. Pengaturan lainnya agar blog Anda menjadi lebih

indah akan dibahas lebih lanjut. Kita akan melihat dulu bagaimana sebuah posting atau

tulisan Anda ditampilkan dengan themes yang baru ini.

9. Menulis Posting/Artikel di blog Anda Inilah yang paling sering Anda lakukan nantinya (menulis artikel atau tulisan baru

pada blog Anda). Artikel ini disebut “post”.

1. Pada menu Wordpress pilih Post -> Add New

2. Mulailah menulis pada kolom ini.

3. Ada tombol-tombol kecil mirip tombol pada Microsoft Word. Anda bisa mengatur

Bold, Italic, Hiperlink, gambar, dan sebagainya. Silakan coba tombol ini satu persatu.

4. Masukkan kata kunci (TAGS)

5. Masukkan kategori (CATEGORIES)

6. Jika sudah selesai menulis, klik tombol PUBLISH

TIPS

Perbedaan Tag dengan Category Tag adalah kata kunci, misalnya blog Anda

berisi tentang masak-memasak, kemudian Anda menulis artikel tentang “gudeg

jogja”, maka tag-nya dapat berupa gudeg, masakan enak, jogja, dan sebagainya.

Tag biasanya lebih dari satu, idealnya 3 sampai 5.

Kategori adalah kelompok artikel Anda yang memiliki ciri khusus, misalnya

artikel “gudeg jogja” tadi dapat dimasukkan ke dalam kategori “masakan jawa”.

Tentu saja di blog Anda ada kategori lain, misalnya “masakan sunda”. Kategori

untuk setiap artikel biasanya terbatas (satu atau dua).

Page 7: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 7

10. Memasukkan Gambar ke Dalam Artikel Anda dapat menyisipkan gambar (JPG, GIF, atau PNG) ke dalam artikel, dengan

cara mengklik tombol Add an Image

Akan muncul window baru. Selanjutnya klik di tombol Select Files:

Jika di layar tidak terlihat tombol Select Files, klik di Browser Uploader. Pilih file di

komputer Anda, tunggulah beberapa saat. Setelah gambar selesai di-upload ke internet,

muncul window seperti ini:

Selanjutnya isilah judul, deskripsi, URL, dan perataan. Selanjutnya klik pada tulisan

Sisipkan ke dalam Tulisan atau Insert to Post.

Page 8: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 8

11. Menulis Page atau Halaman Statis Halaman yang isinya tidak berubah-ubah disebut page atau halaman statis. Halaman ini

misalnya berisi contact atau identitas Anda. Pada blog, halaman statis biasanya menjadi

link-link di bawah header (contact, about us, dan sebagainya).

Cara membuat Page baru adalah dengan mengklik menu Pages -> Add New. Cara

menulis Page adalah sama dengan cara menulis Post atau artikel.

12. Mengganti Gambar Header Agar blog Anda terlihat lebih indah dan spesial, Anda dapat meng-upload gambar header

dari komputer ke blog Anda. Gambar header akan muncul pada bagian atas di setiap

halaman blog Anda. Untuk men-upload gambar header, buka menu Appearance ->

Header. Anda dapat memasang gambar JPG, PNG, atau GIF (Animasi juga bisa).

Klik pada tombol Browse, pilih file di komputer Anda, kemudian klik tombol Upload.

13. Memasang Blavatar Salah satu fungsi blavatar (blog-avatar) adalah sebagai favicon, atau icon kecil yang ada

di browser ketika blog tersebut dibuka pengunjung.

Untuk memasang blavatar, buka menu Setting -> General. Pada bagian Blog Picture, klik

Browse. Pilihlah file JPG atau PNG dari komputer Anda.

14. Memasang Avatar Untuk memasang avatar, buka menu Users -> Your Profile. Pada bagian My Picture,

klik Browse dan Upload Image. Tunggulah beberapa saat. Anda akan diminta crop

(memotong) gambar Anda. Tipe gambar yang dapat digunakan sebagai avatar adalah

JPG, GIF, atau PNG.

15. Melihat Statistik Pengunjung Yang ada di halaman statistik antara lain:

a. Grafik jumlah pengunjung, dinyatakan dalam pageview unik

harian, mingguan, atau bulanan.

b. Referers, yaitu dari URL mana pengunjung datang.

c. Top Posts & Pages, yaitu artikel dan halaman yang paling

banyak dibuka pengunjung.

d. Search Engine Terms, yaitu kata-kata yang dimasukkan ke dalam search engine

untuk pengunjung yang menemukan blog Anda di dalam search engine.

e. Clicks, yaitu URL yang diklik pengunjung blog Anda.

f. Incoming Links, yaitu halaman baru yang di dalamnya terdapat link ke arah blog

Anda.

Page 9: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 9

16. Mengatur Komentar Anda dapat melihat seluruh komentar pengunjung blog Anda (dan Anda sendiri). Selain

itu, Anda juga dapat mengedit, membalas, atau menghapus komentar. Buka menu

Dashboard -> My Comments.

Arahkan mouse ke bagian bawah komentar, maka muncul pilihan Unnaprove, Spam,

Delete, Edit, Quick Edit, dan Reply (lihat gambar). Klik pada pilihan Quick Edit untuk

mengedit komentar, atau Reply untuk menjawab komentar (akan muncul komentar baru

jawaban Anda).

17. Mengatur Blogroll Anda bisa menambahkan link pertemanan jadi ketika anda membuka blog anda maka

anda juga bisa langsung berkunjung ke blog teman anda juga. Disini (default) ternyata

hanya ada dua buah link, yaitu http://wordpress.com dan http://wordpress.org.

Cara menambah link adalah melalui menu Links -> Add New

1. Link dapat ditambah melalui menu Links -> Add New

2. Masukkan alamat blog atau web site yang link-nya mau dipasang pada blog Anda,

misalnya http://www.ilmugrafis.com (jangan lupa tulis lengkap dengan http://)

3. Masukkan judul link, misalnya Website Tutorial Grafis

4. Klik tombol Add Link.

5. Setelah itu ke menu sebelah kiri pada layar, lalu pilih Appearance - Widgets

6. Drag Link ke Sidebar

~ semoga bermanfaat ~

Page 10: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 10

MEMBUAT BLOG MELALUI BLOGSPOT

1. Buka link : http://www.blogger.com

2. Login atau sign in di bagian kanan atas dengan account gmail anda (username dan

password account gmail), lalu klik sign in.

3. Jika anda baru pertama kali membuat sebuah BLOG di blogger.com maka langkah

selanjutnya adalah mendaftar untuk BLOGGER. Isilah nama anda di bagian „nama

tampilan‟. Bagian ini akan muncul di halaman BLOG di bagian „About Me‟. (Lihat

gambar 1 di contoh tampilan BLOG di blogger.com). Setelah selesai, silakan klik

„LANJUTKAN‟.

Page 11: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 11

4. Langkah selanjutnya adalah „Name Your BLOG‟. Di bagian ini kita di wajibkan untuk

membuat sebuah nama untuk BLOG kita.

Blog Title : nama dari BLOG anda. Isilah nama yang anda inginkan. Blog title ini

akan ditampilkan di bagian atas dari BLOG.

Blog address (URL) : nama dari link blog anda. Isilah atau pilihlan nama yang anda

inginkan. Nama ini akan di pakai untuk membuka BLOG anda dalam bentuk URL

(misal : http://catatan-danti.blogspot.com). Anda bisa klik „check availability‟ untuk

menge-check apakah nama yang anda pilih bisa dipergunakan atau tidak. Jika nama

yang anda pilih tidak di perbolehkan maka akan muncul pesan error seperti pada

gambar 5. Sedangkan jika nama pilihan anda di perbolehkan oleh blogger.com, maka

akan muncul pesan seperti pada gambar 6. Selanjutnya klik „CONTINUE‟.

Page 12: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 12

5. Langkah selanjutnya adalah „choose template‟ atau memilih salah satu template yang

telah tersedia. Klik di radio button pada template yang anda inginkan. Jika ingin melihat

template-nya lebih lengkap, klik „preview template‟ di template yang ingin anda lihat.

Anda dapat melihatnya di sebuah pop up window terbaru seperti pada gambar 8.

6. Selesai langkah anda untuk membuat sebuah BLOG. Jika anda ingin langsung mencoba

mengisi BLOG tersebut, silakan klik „start posting‟.

Page 13: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 13

Jenis-jenis fungsi di dalam editor

1. Font : untuk memilih jenis font yang akan digunakan di dalam penulisan. Cara

menggunakan block text yang akan diganti font-nya kemudian klik list menu font.

2. Font Size : untuk memilih ukuran huruf.

3. Bold : untuk menebalkan text.

4. Italic : untuk membuat huruf miring pada text.

5. Text Color : untuk membuat text berwarna.

6. Hyperlink : untuk membuat sebuah link dari text.

7. Left Format Paragraph : untuk membuat paragraph menjadi rata kiri.

8. Center Format Paragraph : untuk membuat posisi paragraph menjadi di tengah.

9. Right Format Paragraph : untuk membuat paragraph menjadi rata kanan.

10. Justified Format Paragraph : untuk membuat paragraph menjadi rata kanan-kiri.

11. Numbering : untuk memberikan urutan nomor pada text.

12. Bullets : untuk memberikan tanda bulat pada text.

13. Blockquote : untuk membuat quote dari sebuah text. Biasanya di pakai jika text

tersebut merupakan kutipan dari sumber atau ucapan orang lain.

14. Check spelling : untuk menge-check apakah tulisan yang di ketik merupakan bahasa

inggris baku atau bukan.

15. Add Image : untuk meng-upload atau menambahkan gambar ke dalam blog.

16. Add video : untuk meng-upload atau menambahkan video ke dalam blog.

17. Remove formatting from selection : untuk menghilangkan format yang telah di buat

dalam tulisan yang di seleksi atau di block.

Page 14: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 14

Cara Pasang Jam di Blog

Mempercantik blog agar enak dilihat dapat dilakukan dengan

berbagai cara, salah satunya dengan menambahkan asesoris

jam pada blok anda. Jam ini bisa anda dapatkan secara gratis

pada situs http://www.clocklink.com. Berikut ini langkah-

langkah yang bisa anda lakukan :

1. Silahkan klik link berikut --> http://www.clocklink.com

2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your

Website ?

3. Lihatlah dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal,

Animation, dll

4. Jika anda sudah menemukan model jam yang anda suka, klik tulisan View HTML tag

yang berada di bawah jam yang anda sukai tadi

5. Klik tombol yang bertuliskan Accept

6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh :

untuk indonesia bagian barat pilih GMT +7:00

7. Set ukuran jam yang anda sukai di samping tulisan size

8. Copykan kode HTML yang di berikan pada notepad

9. Pastekan kode HTML yang di copy tadi pada tempat yang anda inginkan, dan

10. Selesai sudah

Memasang ShoutBox di Blog

Shoutbox adalah salah satu asesoris blok, dimana kita bisa saling berinteraksi dengan

pengunjung. Keberadaan shoutbox sangat mendukung blok karena kita dapat menerima

kritikan sebagai bahan masukan untuk perbaikan blok kita. Blok terasa kurang nilainya jika

tidak adanya shoutbox ini. Penyedia shoutbox amat banyak di internet dan kita bisa

memilihnya, diantaranya Karena kemudahan dalam register dan banyaknya tool yang

disediakan, maka saya memilih Oggix sebagai bahan pembelajarannya. Langkah-

langkahnya adalah sebagai berikut:

1. Silahkan anda klik alamat berikut : http://www. oggix.com

2. Carilah bagian dengan tulisan seperti gambar yang ada di bawah ini:

3. Klik Register at oggix.com seperti yang ditampilkan gambar diatas atau klik tulisan

GET IT NOW seperti yang ada diatas.

Page 15: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 15

4. Isilah form pendaftaran dengan data-data anda, diantaranya; alamat email, password,

nama legkap, nama website, alamat website, deskripsi website, security code sesuai

dengan code yang ditampilkan

Jika anda merasa sudah benar dan lengkap dalam mengisi data, maka klik lah Register

Jika pendaftaran anda berhasil, maka akan ditampilkan : You have finish the

regristration process. Please login to manage your account. Kemudian loginlah dengan

alamat email yang sudah anda masukkan di data tadi dan jangan lupa passwordnya.

Dari sini proses pendataan sudah selesai.

Langkah selanjutnya adalah menginstal shoutbox dan ikutilah langkah-langkahnya

step by step dengan benar hingga didapatkan code HTML yang nantinya akan anda

copy pastekan di blog anda dengan cara sebagai berikut: Loginlah untuk masuk ke

blog anda. Klik menu Tata Letak, klik Elemen Halaman dan klik Tambah Gadget

seperti pada gambar dibawah ini :

Page 16: 1. Pendahuluan · Users -> Your Profile di kiri bawah halaman (lihat gambar di bawah ini). Jika Anda mengklik menu ini, maka Anda akan masuk ke halaman Profil. 6. General Setting

Pelatihan Blog HIMA IPA 2011 Page 16

Kemudian kliklah pilihan HTML/JavaScript seperti gambar dibawah ini:

Ketikkan Shoutbox pada judul dan pastekan kode HTML tadi di konten, kemudian

klik SIMPAN (Gambar dibawah ini).

Nah.. mudah bukan, sekarang anda bisa melihat tampilan shoutbox di blog anda.

Selamat mencoba.