pengembangan blog sebagai media komunikasi bk.docx

8/16/2019 PENGEMBANGAN BLOG SEBAGAI MEDIA KOMUNIKASI BK.docx

1/42

PENGEMBANGAN BLOG SEBAGAI MEDIA KOMUNIKASI BK

1. Definisi Blog

Blog merupakan singkatan dari web log, adalah bentuk aplikasi web yang menyerupai

tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-

tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi

yang lebih lama), meskipun tidak selamanyademikian. Situs web seperti ini biasanya dapat

diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog

tersebut.

Salah satu platform blog yang ukup populer sampai saat ini diperkenalkan oleh !yra

"ab dengan nama situsnya Blogger.om, namun kepemilikannya telah diakuisisi pada tahun

#$$# oleh %oogle dan lebih dikenal dengan nama lain yaitu Blogspot. Sebenarnya ada banyak platform yang bisa digunakan sebagai media untuk membuat blog, dua platform yang

ukup terkenal dan mudah dalam pengoperasiannya hingga saat ini adalah Blogger.om

(Blogspot) dan &ordpress.om.

2. Manfaat Blog

!erkembangan blog yang saat ini masih ukup pesat, disebabkan oleh banyaknya

pengguna blog serta manfaat yang bisa didapatkan dari sebuah blog. Berikut beberapa ontoh

manfaat yang bisa kamu dapatkan dari kegiatan ngeblog.

'. enghindari kegiatan yang bersifat negatif dan menyalurkannya kedalam kegiatan

lain

khususnya menulis.

#. apat digunakan sebagai media pembelajaran untuk menjadi seorang penulis yang

baik.

*. apat dijadikan mesin penghasil uang melalui media periklanan, jaringan affiliasi,

re+iew produk, dll

. apat digunakan untuk merekam kegiatan rutin baik kegiatan sehari-hari maupun

kegiatan proyek melalui tulisan.. edia berbagi pendapat dan tulisan dengan orang lain.

. edia promosi untuk berjualan baik barang ataupun jasa.

/. embangun jaringan baik usaha maupun jaringan pertemanan, dll.

Terdapat jenis- jenis media pendidikan diantaranya menurut unir (#$$01'*0), yaitu1

edia pembelajaran sederhana dan media pembelajaran modern. edia pembelajaran

sederhana meliputi papan tulis, sedangkan media pembelajaran modern meliputi komputer

dan

internet . Blog sebagai salah satu aplikasi internet merupakan singkatan sejenis website

pribadi

yang dapat digunakan untuk menuliskan suatu pesan atau informasi seara terus menerus dan

1


2/42

mempublikasikannya. (2eni Setyani1 #$'*). Terdapat berbagai jenis blog diantaranya adalah

blog pendidikan, yaitu blog yang dibuat oleh seseorang yang berkeimpung di dalam dunia

pendidikan termasuk dalam hal ini guru B3 atau mahasiswa. 4ontohnya adalah blog yang

dikembangkan oleh penulis yaitu Blog pengembangan instrumen dan media B3. Ini terkait

dengan tujuan dari pengembangan media blog ini yaitu wadah informasi dalam

mengembangkan berbagai instrumen non tes dalam bidang pendidikan, pribadi sosial dan

karir serta pengembangan media yang berguna untuk mahasiswa, guru B3 serta tenaga

pendidik lainnya.

3. Pengembangan Blog sebagai Meia Kom!ni"asi BK

Tujuan umum media blog sebagai media komunikasi B3 menurut 2andono (#$'*1 ''#)

adalah1

sebagai media penunjang pelaksanaan bimbingan dan konseling di sekolah

sebagai alat bantu dalam kegiatan layanan informasi

sebagai media yang dapat mengefisiensi waktu peserta didik dan konselor

sarana yang mempermudah konselor dalam penyampaian materi informasi, khususnya

perguruan tinggi

sarana informasi dan komunikasi antara konselor dengan peserta didik tanpa tatap

muka.

Sedangkan tujuan khusus media menurut 2andono (#$'*1''#) adalah1 apat

mempermudah peserta didik dalam mengakses informasi materi studi lanjut, apat

mengefisiensi waktu konselor dan peserta didik dalam kegiatan layanan informasi B3 di

sekolah, Internet merupakan media yang ukup digemari oleh remaja sekarang,

!erkembangan teknologi informasi dapat dimanfaatkan oleh konselor dan peserta didik arah

yang positif, empermudah konselor dan peserta didik dalam kegiatan layanan informasi,

Sebagai media pendukung dalam kegiatan layanan informasi di sekolah

3ajian yang berkaitan menurut 5ursalim (6fendi, #$'), layanan informasi ialah

kegiatan bimbingan untuk membantu siswa dalam mengenal lingkungannya yang dapatdimanfaatkan untuk saat sekarang maupun yang akan datang. !emahaman yang diperoleh

melalui layanan informasi digunakan sebagai auan dalam meningkatkan kegiatan dan

prestasi belajar, mengembangkan ita-ita, menyelenggarakan kehidupan sehari-hari dalam

mengambil keputusan. Terkait dengan pemanfaatan media dalam pelaksanaan bimbingan

karir sebagai sarana informasi karir bagi siswa maka pengadaan media dapat menggunakan

media yang sudah ada yang dibuat oleh pihak tertentu (produsen media) dan kita dapat

langsung menggunakannya. menurut Santosa (#$$/) untuk membuat blog terdapat bebarapa

2


3/42

hal yang perlu dilakukan, yaitu1 email , memilih tipe blog dan memilih penyedia blog yang

ada seara online seperti blogger , multiply, blogsome, wordpress dan lainnya.

Berikut ini merupakan ontoh blog B3 yang terdapat di dunia maya1

http://mgbksmplumajang.blogspot.co.id/2016/03/pengembangan-materi-bk-

melalui-media.html

https://ibnulinggasakti.wordpress.com/tentang-blog-bimbingan-dan-konseling/

https://waskitamandiribk.wordpress.com/

http://konselorindonesia.blogspot.co.id/

#. Memb!at Blog i Blogs$ot

7ntuk membuat blog di Blogspot dibutuhkan akun %oogle, bagi kamu yang sudah

memilik alamat email di %oogle, kamu dapat melewati tahap ini dengan menggunakan

alamat email kamu tersebut untuk login di Blogspot, namun bagi yang belum punya mari kita

lanjutkan ara membuat akun di %oogle. Berikut adalah langkah langkah untuk membuat

akun di %oogle.

'. Buka situs http188www.blogger.om pada browser yang kamu gunakan, kemudian

kamu akan masuk ke halaman seperti ini.

#. ihalaman tersebut klik 94reate an aount:, setelah itu kamu akan dibawa ke

halaman

pendaftaran akun %oogle. Isikan data-data yang sesuai ke dalam kolom pengisian

tersebut (ontoh pengisian dapat kamu lihat pada ontoh gambar dibawah berikut)!enjelasan pengisian kolom pada gambar

3

http://mgbksmplumajang.blogspot.co.id/2016/03/pengembangan-materi-bk-melalui-media.htmlhttp://mgbksmplumajang.blogspot.co.id/2016/03/pengembangan-materi-bk-melalui-media.htmlhttps://ibnulinggasakti.wordpress.com/tentang-blog-bimbingan-dan-konseling/https://waskitamandiribk.wordpress.com/http://konselorindonesia.blogspot.co.id/https://ibnulinggasakti.wordpress.com/tentang-blog-bimbingan-dan-konseling/https://waskitamandiribk.wordpress.com/http://konselorindonesia.blogspot.co.id/http://mgbksmplumajang.blogspot.co.id/2016/03/pengembangan-materi-bk-melalui-media.htmlhttp://mgbksmplumajang.blogspot.co.id/2016/03/pengembangan-materi-bk-melalui-media.html


4/42

a. Name 1 isikan nama depan dan nama belakang kamu

b. %&oose 'o!( !se(name 1 isi sesuai dengan nama yang kamu inginkan, username ini

nantinya berfungsi sebagai email login untuk akses ke dashboard blogspot kamu dan

bisa juga untuk login ke %mail. (jika username tidak tersedia, tambahkan angka atau

huruf di belakangnya).

. %(eate a $ass)o( 1 isi dengan password yang akan kamu gunakan, (gunakan

password yang mudah kamu ingat saja)

d. %onfi(m 'o!( $ass)o( 1 masukkan kembali password yang sama dengan kolom

create a password.

e. Bi(t&a' 1 Isikan bulan dan tanggal kelahiran kamu.

f. Gene( 1 !ilih jenis kelamin.

g. Mobile $&one 1 Isikan nomer handphone kamu.

h. *o!( +!((ent email a(ess 1 kolom ini dikosongkan saja.

i. P(o,e 'o!-(e not a (obot 1 jika kamu entang, maka kode angka (haptha) tidak

akan tampil, namun membutuhkan +erifikasi lewat nomer handphone. ;ika tidak kamu

entang, maka kode angka (haptha) harus kamu isi, masukkan kode haptha sesuaidengan angka8huruf yang tampil di gambar.

(ontoh gambar diatas adalah #/).

j. Lo+ation 1 pilih Indonesia (terkadang sudah terisi otomatis)

k. I ag(ee to t&e Google1 entang kotak tersebut sebagai dasar persetujuan layanan

akun %oogle. Terakhir adalah klik tombol Net ste$ (tombol kotak berwarna biru ).

*. Setelah kamu klik tombol next step, langkah berikutnya adalah memasukkan nomer

handphone kamu kedalam kotak yang ada (seperti terlihat dalam gambar). Setelah

mengisi, pilih Text message (SMS) lalu lanjutkan dengan mengklik tombol continue.

. Setelah kamu mengklik tombol continue, kamu akan segera mendapatkan pesan sms dari

%oogle yang berisi kode +erifikasi ke handphone kamu. 3etikkan sms kode +erifikasi

4


5/42

%oogle seperti pada halaman berikut ini (lihat gambar dibawah). "alu klik tombol

continue untuk melanjutkan proses berikutnya.

. Setelah kamu lakukan dengan benar langkah pengisian kode +erifikasi diatas, maka saat

ini

kamu sudah memiliki akun %oogle seperti tampilan pada gambar dibawah ini.7ntuk kamu ketahui, akun %oogle ini bisa digunakan untuk fasilitas lain yang disediakan

oleh %oogle, seperti %oogle plus,


6/42

) enentukan 0!!l blog

Tulis nama blog misal nama lengkap, nama organisasi, atau nama toko online.

/) enentukan Alamat blog

>lamat blog atau juga disebut domain merupakan yang alamat yang digunakan untuk

mengakses blog. >lamat blog dapat diisi dengan nama lengkap, jurusan, produk, perusahaan, organisasi, atau toko online. isal, ketik agungprasetyo.blogspot.om.

Tentukan nama blog sampai munul keterangan 9>lamat blog ini tersedia:.

0) !ilih em$late

!ilih salah satu template yang tersedia, tidak usah bingung klik saja salah satu, karena

nanti bisa di edit atau ustom.

?) 3lik B!at blog

Selamat, sekarang blog baru sudah jadi, akan tetapi blog masih kosong jadi perlu diisi

dengan artikel.

i$s

3amu juga dapat memilih P(ofile Blogge( jika tidak ingin artikel anda terpublish di

6


7/42

%oogle@ seara otomatis.

%unakan alamat blog (domain8 url) singkat misal # suku kata, saya menyarankan

maksimal * suku kata.

Bisa memakai tanda strip (-) jika alamat blog tidak tersedia misal agung-

prasetyo.blogspot.om. ;angan gunakan kombinasi angka misal agung.blogspot.om karena susah di ingat

orang.

Tidak perlu bingung menentukan alamat blog, karena alamat blog bisa di rubah.

1. MENGENAL DASBO4 BLOGSPO

Setelah selesai membuat blog, selanjutnya adalah mengenal bagian = bagian yang ada

pada dasbor blog. Sebelumnya masuk dulu ke dasbor blog dengan ara klik nama blog. ;ika

memiliki banyak blog pilih salah satu yang hendak akan dikelola.

!erhatikan sebelah kiri dasbor blog. Saya akan menjelaskan seara singkat tapi tidak

semua komponen akan dipakai karena hanya bagian utama yang dibahas dan dikelola yaitu

!os, "aman, %oogle@, Tata "etak, Template, dan Setelan.

') I"&tisa(, gambaran seara umum tentang status blog terdiri dari jumlah penayangan

hari ini, kemaren, jumlah penayangan, jumlah artikel, dan statistik pengunjung.

#) !os, merupakan tempat menyimpan semua artikel

*) "aman, atau juga disebut page untuk menulis keterangan lain diluar pos

) Komenta(, mengatahui siapa yang berkomentar ke blog

) Google/, mengatur integrasi Blogger dengan %oogle@

!


8/42

) Statisti" , mengetahui rinian lalu lintas (traffit) blog

/) Kam$an'e, untuk promosi blog

0) ata Leta"5 mengatur posisi dan melakukan edit gadget

?) em$late5 untuk merubah tampilan (ustom) blog

'$) Setelan, sejumlah pengaturan mulai dari pengaturan waktu, pengarang, komentar dan

lainya.

Setelah mengetahui nama dan fungsi setiap kompenen pada dasbor diatas silahkan

klik satu persatu untuk memahami lebih mendalam.

2. MENULIS POS 6A4IKEL7

!os pada blogspot adalah tempat untuk menyimpan artikel. Saya akan menjelaskan

tentang +a(a men!lis a(ti"el baru dengan baik, rapi, dan tepat agar tampilan artikel menarik

dan nyaman dibaa.

Aormat penulisan memang tidak selengkap di mirosoftword harus menyesuaikan

dengan fitur yang ada. Saya disini tidak akan menjelaskan semua format, saya hanya

menjelaskan ion - ion yang paling sering digunakan. Sedangkan ion yang lain bisa anda

oba sesuai kebutuhan.

engatur sub judul

enebalkan tulisan

emasukkan tautan dari sebuah 7" blog

emasukkan gambar

engatur numbering

engatur bullet

enghilangkan format tulisan

i$s

enulis artikel blog ukup antara *$$ sampai $$ kata, jika artikel terlalu panjang

bisa dibagi menjadi # sesi atau lebih.

Tulis artikel seara langsung pada kotak pos blog.

;ika mengkopi artikel dari file o atau dari internet silahkan hilangkan format

tulisanya terlebih dahulu. Tujuanya adalah agar format penulisan yang ada tadi tidak

terbawa ke blog dan menyebabkan tulisan berantakan. 4aranya silahkan blok semuatulisan (4T"@>) lalu klik 4emo,e 8o(mating. Setelah itu baru tulisan dirapikan

"


9/42

kembali.

Blog tidak mengenal paragraph menjorok, jadi untuk ganti paragraph silahkan

gunakan Ente(, supaya ada jarak antar paragraph.

%unakan teknik penulisan standar yang terdiri dari pemukaan, isi, dan pentup agar

mudah dipahami oleh pembaa.

Selanjutnya menulis artikel atau posting. !enulisan artikel baru silahkan klik Ent(i

ba(! pada dashbord .

Setelah itu beralih pada form penulisan artikel seperti dibawah ini.

alam penulisan artikel tidak hanya sekedar menulis saja. !erhatikan pula beberapa

format berikut ini agar tulisan menjadi rapi dan nyaman untuk dibaa, antara lain1 penulisan

judul, penggunaan fitur = fitur penulisan (2eading, Bold, "ink, %ambar, >lignment, dan

Bullet), dan penggunaan pada Setelan entri.

A. 0!!l Pos, buatlah ;udul !os seara singkat ukup = kata. ;udul harus jelas dan

mudah dipahami. ;udul yang terlau pendek akan bermakna terlalu umum, sedangkan

judul terlalu panjang dan susah diapahami. 4ontoh judul yang tepat1 94ara embuat

Blog dengan Blogspot:. ;angan hanya menulis judul 9embuat Blog: saja.

i$s Tulis judul = suku kata saja

%unakan huruf kapital pada setiap huruf pertama keuali kata penghubung (dan, yang,

untuk, dan lain = lain)

Tulislah judul yang terarah pada satu pembahasan

%unakan judul sebagai kata kuni sasaran

;angan ulangi menulis judul blog pada kalimat petama artikel

B. 9eaing, gunakan 9eaing pada sub judul artikel untuk membedakan ukuran huruf

antara artikel dan sub judul. heading pada blogspot terdiri dibagi menjadi tiga yaitu1

2eading, Subheading, inor heading. Sedangkan 5ormal untuk untuk ukuran isi artikel.

#


10/42

Silahkan blok sub judul lalu klik jenis heading yang dibutuhkan

i$s

!enggunaan heading menjadikan artikel lebih tertata

2eading meningkatkan artikel di mesin penari (S6C)

;angan gunakan 2eading pada kalimat pertama artikel

4. Bol, menebalkan kata kuni, lakukan blok pada kata kuni (keyword) yang sedang

ditargetkan lalu klik Bold (B7, misalkan judul artikel 94ara embuat Blog dengan

Blogspot: maka kata kuni yang bisa ditebalkan adalah 94ara membuat blog:.i$s

%unakan bold untuk membidik kata kuni (targeted keyword)

4ukup * = kata kuni yang ditebalkan per artikel

Bold memudahkan pengunjung membaa artikel, karena terkadang pengunjung

enggan membaa kesuluran artikel.

D. Lin" , link merupakan tatuatan (7") yang mengarah pada suatu halaman blog tertentu.

Terdapat dua jenis link yaitu1 Internal link dan eksternal link. Internal link yaitu tautan

yang mengarah pada blog itu sendiri. 6ksternal link yaitu tautan yang mengarah pada

blog orang lain. Aungsi internal link untuk menghubungkan (menautakan) antra satu

artikel dengan artikel pada blog sendiri.

1. Copy link yang akan ditautkan

2. 3lik Lin"

3. !aste link yang tadi dicopy tadi pada :eb a(ess. ;ika eksternal link maka entang

O$en t&is lin" in a ne) )ino). ;ika internal link makat tidak perlu di entang.

10


11/42

i$s

enyertakan link memudahkan pengunjung membaa artikel terkait yang diari

Buat link dalam bentuk keyword misal 9ara menambah link:, hindari keyword

9klik disiniD disini: jika tidak benar = benar diperlukan

eningkatkan artikel blog di mesin penari yang dikenal dengan Searh 6ngineCptimasation (S6C)

Sertakan ' -* link per artikel

#. Gamba(, !enggunaan gambar memang tidak wajib, akan tetapi saya lebih suka

menggunakan gambar karena terlihat lebih menarik baik di artikel atau saat

menggunakan template yang memiliki auto read more. Sebelum menambahkan

(insert) gambar rubah nama gambar sama dengan nama judul artikel atau sesuai

dengan nama gambar tersebut.

') 3lik ion Gamba(

#) !ilih salah satu metode menambah gambar. ;ika ingin upload dari komputer silahkan

klik Pili& 8ile

a.

*) Setelah gambar munul silahkan klik gambar tersebut lalu klik A sele+te

a.

) Setelah gambar munul di kotak penulisan artikel, maka gambar harus diatur dulu.

) 3lik gambar lalu pilih ukuran gambar yang tersedia1 Small5 Mei!m5 La(ge ata! ;<

la(ge5

) !ilih posisi gambar yang tersedia1 Left ata! %ente(

/) 3lik A +a$tion untuk memeberikan keterangan gambar misal1 %unung Slamet.

0) 3lik P(o$e(ties5 tujuanya untuk memberikan nama gambar.

11


12/42

Tulis itle et dan Alt et sesuai dengan nama gambar atau sama dengan judul

artikel, lalu klik O" . Saya lebih suka menggunakan ukuran medium dengan posisi

gambar dibawah paragraph pertama.

i$s

%unakan ' = * gambar per artikel

%ambar yang terlalu banyak akan menyebabkan loading lebih lambat

%oogle tidak bisa melaak gambar maka perlu (ename gambar sebelum di upload

dan menulis alt tet.

%unakan ukuran gambar yang ook, saya lebih suka pakai ukuran edium dan

"arge

%unakan %a$tion jika diperlukan untuk menamai gambar

;ika gambar tidak bisa berada di tengah walau sudah klik %ente(5 sila&"an Kli"

Align %ente( (rata tengah).

. Label, digunakan untuk mengelompokkan (mengkategorikan) jenis artikel. Satu pos

artikel dapat menggunakan lebih dari satu label dengan menggunakan tanda koma (,)

sebagai pemisah.

i$s

%unakan "abel dengan ukup ' = # kata saja. isal1 !endidikan, 2iburan, Sewa

obil !enulisan "abel dengan konsisten. ;ika huruf pertamanya besar maka label yang

lainya juga harus sama. isal label !endidikan huruf 9!: nya besar, maka untuk

label yang lain1 2iburan, Tekno, dll.

. 0a)al5 pengaturan jadwal penerbitan pos ada dua jenis yaitu Otomatis dan Setel

anggal an :a"t!. ;ika memilih Ctomatis maka artikel akan langsung terpublish.

;ika memilih Setel anggal an :a"t!, maka tanggal dan jam penerbitan artikel

dapat diatur.

12


13/42

i$s

;ika ingin mempublikasikan artikel dalam ' hari, lebih baik atur jadwalnya agar

artikel pada tanggal yang berbeda

!os artikel seara rutin agar blog terkesan hidup

>tur jam penerbitan, pilih waktu sore hari karena biasanya pengunjung mulai

membuka internet sore hari.

"ebih baik menerbitkan artikel satu miggu sekali dari pada sehari / kali posting.

/. a!tan Pe(manen, juga disebut Pe(malin" merupakan alamat 7" pada sebuah

artikel. Tautan !ermanen dibagi dua yaitu1 Tautan !ermanen Ctomatis dan Tautan

!ermanen 3husus. >tur agar tautan permanen agar sama dengan judul artikel.

%unakan pemisah strip (-) untuk pemisah setiap kata. isal1 ara-membuat-blog-

dengan-blogspot.

i$s

Buat tautan permanen maksimal = kata

Buatlah tautan permanen sama dengan judul blog

;ika judul terlalu panjang, maka dapat menghilangkan kata penghubung seperti1

dalam, dan, untuk, bagi, dll.

7ntuk artikel yang sudah terpublish, Tautan !ermanen tidak munul, jadi klik

Kembali "e D(af terlebih dahulu lalu edit tautan permanen.

;angan terlalu sering mengganti Tautan !ermanen karena akan menyebabkan (link

hilang) broken link.0. Aligment5 digunakan untuk mengatur agar tulisan rata. !astikan gunakan 0!stif'

13


14/42

untuk agar tulisan rata kanan kiri.

') Blok semua artikel

#) "alu klik >lignment, setelah itu klik ;ustify

?. N!mbe(e an B!llet, gunakan dua fitur ini agar tulisan tertata dalam bentuk list

angka dan bullet.

i$s

!enggunaan N!mbe(e dan B!llet biasanya menimbulkan jarak dengan paragrap

sebelum dan sesudahnya sehingga perlu di 6dit dengan ara menghapus jarak

tersebut.

'$. P!bli"asi"an5 Setelah menulis judul yang tepat dan format penulisan artikel sesuai

prosedur diatas, maka tinggal menerbitkan artikel klik P!bli"asi"an. Selamat artikel

telah terbit. ;ika tidak ingin artikel tersebut diterbitkan langsung bisa disimpan

terlebih dahulu klik Sim$an atau ingin melihat dulu klik P(atin=a!.

3. EDI POS

Setelah mempublikasikan artikel, terkadang artikel perlu diedit, mungkin karena

diarasa masih ada yang kurang atau keliru.

') 3lik Pos

#) >rahkan kursor ke salah satu artikel, lalu klik Eit

*) Setelah selesai melakukan edit artikel atau label atau tautan permanen silahkan kik

Pe(ba(!i.

14


15/42

emikian ara edit artikel pada !os blog, sangat mudah bukan bukan. Silahkan perbaiki

artikel sesuai format yang saya sarankan pada ara menulis artikel diatas.

#. MEMBUA LAMAN

"aman merupakan tempat untuk menyimpan dan menulis keterangan = keterangan

lain diluar artikel. !erlu diketahui pula bahwa "aman berbeda dengan 2alaman. 3alau laman

juga dikenal dengan page, sedangkan 2alaman merupakan penayangan blog. "aman wajib

dalam blog ada dua yaitu entang dan Konta" . Tentang berisi tentang apa yang dibahas

didalam blog, sedangkan kontak membantu pengunjung mengubungi pemilik blog.

') 3lik Laman, lalu klik Laman ba(!

#) Tulis 0!!l laman, misal Konta"5 %onta+t5 Abo!t5 entang, dan lainya.

37 3lik Pili&an disebelah kanan kotak penulisan Laman, 3lik ;angan bolehkan mode

tulis pada Komenta( $emba+a, karena "aman tidak memerlukan komentar, lalu klik

selesai.

1


16/42

#7 Setelah semua semua tertata rapi klik P!bli"asi"an

i$s

%unakan insert link (menambahkan link) pada akun sosial media, dengan ara copy

7" profile akun sosial media misal profile faebook, lalu paste pada link yang

ditargetkan.

%unakan B!llet list agar lebih rapi

!astikan membuat Laman wajib yaitu entang dan Konta"

4antumkan 6mail dan sosial media yang aktif seperti Aaebook, %oogle@, Instagram,

Twitter, dan lainya Semua fitur pada Pos dan Laman hampir sama jadi gunakan sesuai kebutuhan.

>gar 7" "aman agar terlihat baik maka silahkan tulis judul "aman terlebih dahulu

seara singkat, baru tulis keterangan yang diperlukan pada kotak penulisan, karena

dalam "aman Blogspot tidak bisa edit Tautan !ermanen. 4ontoh 7" laman yang

baik http188tutorial-blogid.blogspot.om8p8kontak-kami.html.

Silahkan buat "aman lainya seperti Tentang, 4ara emesan, 4ara !embayaran,

3ebijakan, !rofil, Strukur, !rogram 3erja, dan lain = lain sesuai kebutuhan dan jenis blog.

>. EDI LAMAN

Sama halnya dengan !os, "aman juga bisa diedit, hanya saja bedanya yaitu ada edit

Tautan !ermanen karena fitur ini tidak disediakan.

') 3lik Laman

16

http://tutorial-blogid.blogspot.com/p/kontak-kami.htmlhttp://tutorial-blogid.blogspot.com/p/kontak-kami.html


17/42

#) >rahkan kursor ke salah satu Laman, lalu klik Eit

*) 6dit isi laman sesuai dengan kebutuhan setelah itu klik Pe(ba(!i

?. AKI@ASI GOOGLE/

%oogle !lus (%oogle@) merupakan sosial media yang dimiliki oleh %oogle. engan

mengaktifkan akun ini maka bisa share artikel ke %oogle@. ;ika sebelumnya kamu memilih

P(ofil Blogge( saat pembuatan blog atau memang belum memiliki Google/ silahkan

aktifkan terlebih dahulu.

') >kti+asi Google/5 silahkan klik Google/ lalu klik emulai, lalu ikuti isi data sesuai

alur.

#) ;ika akun %oogle@ Sudah aktif silahkan entang Bagikan seara otomatisE setelah

mengeposkan.

Setelah menentang Bagikan seara otomatisE setelah mengeposkan maka seara

otomatis setiap artikel akan dishare ke %oogle @. 4entang %unakan %oogle@

3omentar di blog iniE ;ika menginginkan kolom komentar artikel dengan %oogle@.

. AA LEAK

Tata letak atau "ay Cut merupakan struktur yang ada dalam blog. !ada Tata letak

akan mengatur dan menambah fitur- fitur antara lain1 ') mengganti Aa+ion, #)menonaktifkan 5a+bar, *) mengatur tampilan header, engatur ain (pos blog), )

1!


18/42

menambah %adget di 4ross-4olumn, Sidebar, dan Aooter. Tujuan penerapan dari semua fitur

tersebut agar tampilan blog terlihat lebih profesional, menarik, memudahkan pengunjung,

dan terstrukur dengan baik.

. 8A@I%ON

Aa+ion merupakan logo yang munul pada blog, gunakan fa+ion sesuai dengan

nama blog. 4ontoh fa+ion standar (kiri), sedangkan fa+ion yang sudah diganti (kanan)

') 4ari atau buat logo terlebih dahulu, usahakan memiliki panjang dan lebar yang sama

#) 3unjungi web pembuat fa+ion www.fa+ion-genenator.org lalu klik 4hoose Aile,

setelah itu entang %enerate only 'F' fa+ion.io, yang lainya tidak perlu di

entang. 3lik 4reate Aa+ion.

*) ownload Aa+ion yang telah dibuat

) 3embali ke Blogger, klik Eit pada Aa+ion

) 3lik %&oose 8ile, !ilih fa+ion yang telah dibuat tadi di Aa+ion-generator.org.Setelah itu klik Simpan.

) Seara otomatis blog akan memuat ulang (reload), maka jika logo Aa+ion sudah

berganti maka fa+ion sudah jadi.

i$s %unakan logo yang jelas dan sederhana

1"

http://www.favicon-genenator.org/http://www.favicon-genenator.org/


19/42

!ergantian fa+ion pada tampilan di blog membutuhkan beberapa, tunggu saja.

C. NA@BA4

5a+bar merupakan gadget yang na+igasi munul dibagian atas blog. Sebenarnya

na+bar berfungsi untuk login, log out, dan menari blog orang lain. Saya lebih suka

menghilangkan 5a+bar agar blog terlihat profesional.

') 3lik Eit pada Na,ba(

#) 4entang Off , lalu klik Sim$an

1. 9EADE4

2eader merupakan bagian judul atau nama blog (kepala blog). %anti nama,

menambah diskripsi, dan header dengan gambar.

') 3lik Eit pada 9eae(

#) Tulis diskripsi tentang blog atau tagline (slogan)

1#


20/42

*) ;ika ingin mengganti dengan gambar maka silahkan klik 4hoose Aile

) 4entang Selain judul dan keterangan, lalu klik Simpan

i$s

%unakan judul yang singkat ukup # -* kata

Buat diskripsi singkat sesuai isi blog

7kuran gambar 2eader untuk blog yang belum dirubah adalah ?$ F '$$ pF ukuran

ini bisa dilihat pada edit tem$late ba)aan blogge(.

7kuran gambar untuk tem$late (es$onsi,e saya lebih suka memakai ukuran *$$ F /$

pF.

11. MAIN 6MENGAU4 POS7

ain berfungsi mengatur tampilan !os blog. Terdapat beberapa pilihan yang bisa

diatur, saya lebih suka mengatur dan menampilan jumlah pos, tanggal penerbitan, pengarang,

komentar, dan label. !ilihan yang lain bisa disesuaikan.

') 3lik Eit pada Main

#) 4entang sesuai kebutuhan

20


21/42

*) %eser susunan fitur = fitur yang dientang diatas sesuai selera, lalu klik simpan

12. MENAMBA9 GADGE

%adget juga dikenal dengan &idget merupakan fitur = fitur tambahan yang disediakan

oleh blog agar blog bisa digunakan dengan mudah, dan membuat tampilan lebih menarik.

%adget pertama yang ditambahkan adalah %adget di 4ross-4olumn yiatu Gaget Laman5

sedangkan untuk %adget pada Sidebar dan Aooter hanya menyarankan %adget utama yaitu

3otak !enelurusan (penarian), 6ntri !opuler, "abel, Ikuti lewat 6mail, >rsip Blog, dan

!engikut %oogle@. %adget yang terlalu banyak akan menyebabkan blog menjadi lambat, dan

%adget yang terlalu aneh menjadikan blog justru terkesan tidak profesional.

>. Laman

%adget laman diletakkan di %(oss


22/42

#) 4ari %adget Laman5 lalu klik simbol plus (@)

*) 4entang "aman yang ingin ditampilkan, misal Tentang dan 3ontak

) ;ika urutanya belum rapi silahkan digeser atau rag laman. Tempatkan Tentang

dibawah Beranda dan 3ontak paling bawah. "alu klik Simpan.

i$s

Buat "aman dari "abel (kategori) dengan ara opy 7" label, lalu klik @ Tambah tautan

eksternal.

Selanjutnya tulis ;udul misal Tutorial, lalu !aste 7" pada kolom >lamat web (7"). "alu

klik Simpan Tautan.

Setelah itu urutkan lagi dengan rapi, lalu klik Simpan. Tambahkan 7" apapun untuk

dijadikan "aman.

B. Kota" Penel!s!(an

enambah %adget Sidebar Kota" Penel!(!san (penarian). emudahkan

pengunjung menari artikel yang diari pada blog.

') 3lik amba& Gaget pada Sidebar

#) 4ari gadget Kota" Penel!s!(an, lalu klik Kota" Penel!s!(an atau simbol plus (@)

22


23/42

*) ;udul 3otak !enelusuran dapat diganti dengan judul lain seperti 94ari artikel, 4ari

jadwal, 4ari produk, dan lain = lain:

) Sedangkan pengaturan lain tidak perlu diganti, lalu klik Sim$an

%. Ent(i Po$!le(.

enambah gadget Ent(i Po$!le(. enampilkan artikel yang paling sering dilihat

pengunjung.


#) 4ari gadget Ent(i Po$!le(

*) ;udul Ent(i Po$!le( bisa diganti dengan judul lain seperti 9>rtikel !opuler, !aling

"aris, Top 5ews, dan lain - lain:.

) !engaturan yang lain silahkan sesuaikan, sedangkan am$il"an &ingga, biasanya

saya hanya pilih > ent(i lalu klik Sim$an.

. Label

enambah gadget Label. "abel atau kategori untuk memunulkan pengelompokan

artikel sehingga memudahkan pembaa menari artikel dengan kategori yang sama.

') 3lik amba& Gaget pada Sidebar #) 4ari gadget Label

*) ;udul Kota" Penel!s!(an dapat diganti dengan judul lain seperti 93ategori, ;enis

Buku, ;enis !roduk, !roduk kami, dan lain - lain:

23


24/42


6. I"!ti le)at Email.

enambah gadget I"!ti le)at Email. >gar pengjung bisa mendapatkan update

artikel terbaru melalui email mereka.

%a(a

') 3lik amba& Gaget pada Sidebar #) 4ari gadget I"!ti le)at Email

*) ;udul I"!ti le)at Email dapat diganti dengan judul lain seperti 9Subsribe,

Berlangganan, Berlanganan artikel, dan lain- lain:.


A. Pengi"!t Google/

%adget %oogle@ bertujuan menampilkan profile penulis blog sehingga pengunjung

bisa follow akun %oogle@ penulis dengan epat.


#) 4ari gadget Pengi"!t Google/

*) &alau judul bisa diganti, tapi saya biasanya tidak mengganti judul gadget %oogle@

24


25/42

) 7kuran bisa disesuaikan karena ukuran Ctomatis terkadang 6rror. "alu klik Sim$an.

isal "ebar *$$ dan tinggi #$.

Setelah semua gadget dipasang, gadget dapat digeser (drag) agar susunanya rapi.

7rutan yang saya pakai 3otak !enarian, 6ntri populer, dan lainya bebas.

i$s

%adget bisa ditambah dengan klik add gadget atau geser gadget ke 8oote(

Setelah selesai menggeser silahkan klik Simpan Setelan

Selain menambah %adget bisa pula menghapus %adget yang tidak digunakan.

;ika Blog merupakan toko online atau jasa silahkan tambahkan gadget Gamba(

misal 4ustomer Ser+ie dan 5omer Telp agar orang epat menghubungi pemilik blog.

13. EMPLAE

Template merupakan tampilan blog. >gar tampilan terlihat lebih menarik dan

profesional maka perlu di edit. Sebelum edit template blog bisa dilihat dulu agar nanti

terlihat perbedaan. 6dit atau ustom template ada dua ara yaitu1 ') edit template bawaan

blogger, dan #) upload tempalate (pihak ketiga). >da banyak template bawaan blogger yaitu

Sederhana, Tampilan inamis, ;endela %ambar, !T keren Sekali, Tampak >ir, dan

3elembutan, dan !erjalanan. Saya tidak menyarankan memakai template Tampilan inamis

karena gadget pada sidebar tidak lansgung munul dan loadingya lebih lama.

Selain itu, pada pengaturan template saya lebih suka menonaktifkan +ersi seluler agar

tampilan blog tetap sama antara di +ersi eskstop dan +ersi Seluler.

2


26/42

') 3lik em$late

#) 3lik simbol (oa gigi pada +ersi Seluler

*) 4entang Tidak. Tampilkan template seluler di perangkat seluler, lalu klik Sim$an

1#. EDI EMPLAE BA:AAN

Saya akan menjelaskan ara edit template bawaan blogger agar bisa mengatur

tampilan. Saya sendiri jarang menggunakan template standar, akan tetapi untuk blog tertentu

saya tetap masih menggunakan template jenis See(&ana.

') 3lik em$late, lalu klik Ses!ai"an

#) 3lik "atar belakang untuk memilih warna sesuai selera

*) Bisa pula menggunkan latar belakang gambar, dengan ara 3lik tanda Pana&

Keba)a&.

) !ilih bakground gambar yang ada atau klik Ungga& gambar untuk unggah dari

komputer, lalu klik Selesai

) enyesuaikan lebar blog dan sidebar. 3lik Ses!ai"an Leba(. Saya enderung

memakai yang standar1 ?$ = '#$$ pF untuk lebar seluruh blog dan lebar bilah pinggir

kanan (sidebar)1 *$ pF.

26


27/42

) emilih ata Leta" , tata letak yang biasa saya pakai adalah ' sidebar sebelah kanan

pada Tata letak isi dan * footer pada Tata letak kaki.

/) !engaturan Tingkat "anjut bisa menyesuiakan jenis huruf dan warna pada judul blog,

header, body, page, sidebar, link dan lain-lain.

0) Setelah selesai silahkan klik Terapkan ke Blog, lalu lihat blog.

;angan terlalu fokus pada tampilan blog, gunakan sewajarnya saja karena edit blog

seperti ini tidak ada habisnya. Salah satu ontoh blog dengan template bawaan blogger lihat

di http188tutorial-blogid.blogspot.om8.

i$s eferensi bakground blog download di subtlepatterns.om

7kuran lebar seluruh blog pada sesuaikan lebar dapat dijadikan patokan lebar header

yaitu (gambar header G lebar seluruh blog = #$ pF)

&arna link gunakan warna biru erah

Teks pos8 artikel gunakan warna hitam

%unakan jenis huruf standar bawaan Blogger (tidak perlu diganti)

Bakground Lata( Utama tetap gunakan warna putih agar nyaman dibaa

1>. UNGGA9 EMPLAE

4ara yang kedua berikut ini saya akan menunjukan edit template denga ara 7pload

template dari pihak ketiga yaitu webiste yang menyediakan template blogspot ada yang gratis

dan ada yang berbayar. 4arilah template denga fitur responsi+e agar blog bisa menyesuaikan

bentuk dengan berbagai perangkat termasuk seluler. Berikut beberapa daftar link template

%ratis.

'. Sugeng.id, http188sugeng.id8kategori8template-blogger8gratis8

#. askolis.om, http188www.maskolis.om8searh8label8template

*. Btemplaes.om, https188btemplates.om8 . 5ewbloggerthemes.om, http188newbloggerthemes.om8

2!

http://tutorial-blogid.blogspot.com/http://sugeng.id/kategori/template-blogger/gratis/http://www.maskolis.com/search/label/templatehttps://btemplates.com/http://newbloggerthemes.com/http://tutorial-blogid.blogspot.com/http://sugeng.id/kategori/template-blogger/gratis/http://www.maskolis.com/search/label/templatehttps://btemplates.com/http://newbloggerthemes.com/


28/42

Berikut ini beberapa template berbayar karya dalam negeri, saya lebih suka beli yang

dalam negeri karena lebih tingkat error yang rendah dan bisa bayar pakai transfer bank

Indonesia.

'. Sugeng.id, http188sugeng.id8template-blogger

#. BamH.o.id, http188templates.bamH.o.id8searh

*. >rlindHgn.om, http188www.arlinadHgn.om8searh8label8Template

Bagi pemula saya sarankan pakai yang gratis dulu, kalau nanti sudah mantap bisa beli

template berbayar dengan harga mulai p. $.$$$ = '$.$$$.

'. ownload salah satu template pada link diatas

#. ;ika file yang didownload dalam bentuk Hip8 rar silahkan ekstrak terlebih dahulu.

*. 4ari file dengan fo(mat .ml, lalu eFtrak file tersebut

. 3embali ke dasbor blogger klik Template, lalu klik %aang"an P!li&"an.

. 3lik 7nduh template lengkap terlebih dahulu jika ingin menyimpan template yang

telah dibuat sebelumnya.

. 3lik %&oose 8ile untuk unggah template dengan format .Fml yang telah diekstrak tadi

/. 3lik Ungga&, setelah selesai diunggah maka lihat blog.

;ika blog berantakan maka klik ata Leta" dan oba geser (drag) %adget pada lokasi

yang ook. 2apus beberapa widget yang munul seara sendirinya dan tidak diperlukan.

!enataan %adget yang tepat dan penyesuaian ukuran header akan membuat terlihat lebih rapi.

4ontoh blog dengan template pihak ketiga http188linguistikid.blogspot.o.id8

i$s

%unakan template dengan fitur responsi+e

;ika ingin mengembalikan ke template semula silahkan unggah template lama yang

tadi di unduh.

Template berbayar lebih saya sarankan karena bisa diatur dan tingkat error yang

rendah dibanding yang gratis.

'. 6dit 9ML Template

6dit tempalte 2T" diperlukan saat kita menggunakan tempalte dari pihak ke-*. 6dit

template ini terutama untuk mengganti laman blog yang tidak munul. Berikut ini akan

2"

http://sugeng.id/template-bloggerhttp://templates.bamz.co.id/searchhttp://www.arlinadzgn.com/search/label/Templatehttp://linguistikid.blogspot.co.id/http://linguistikid.blogspot.co.id/http://linguistikid.blogspot.co.id/http://sugeng.id/template-bloggerhttp://templates.bamz.co.id/searchhttp://www.arlinadzgn.com/search/label/Templatehttp://linguistikid.blogspot.co.id/


29/42

diontohkan edit template 2T" dari template amai, Template Blogger esponsi+eJ milik

Sugeng.id.

'. ownload template tersebut di http188sugeng.id8ramai-template-blogger-responsi+e-

gratis8.

#. Cpen file Hip tempalte tersebut lalu eFtrak file dengan nama ramai.FmlJ ke folder

komputer

*. asuk ke dashboard blog, lalu klik em$late

. 7nggah template file ramai.FmlJ yang sebelumnya telah di ekstrak

. "ihat blog setelah diganti template, lalu lihat menu yang ada, misal MENU 1.

. 3embali ke em$late, 3lik Eit 9ML

/. Tekan 4T"@A pada keyboard lalu ketik MENU 1, pengetikan pada kotak penarian

edit template harus sama persis dengan yang tertera pada laman.

0. "ihat 657 ' yang telah ditemukan

?. Setelah ketemu, ganti nama 657' dengan nama laman yang sesuai, misal diganti

dengan Tentang.

'$. %anti tanda F (pagar) dengan 7" laman yang sesuai

''. 3lik Sim$an em$late, pada bagian atas kanan kotak edit template

2#

http://sugeng.id/ramai-template-blogger-responsive-gratis/http://sugeng.id/ramai-template-blogger-responsive-gratis/http://sugeng.id/ramai-template-blogger-responsive-gratis/http://sugeng.id/ramai-template-blogger-responsive-gratis/


30/42

6dit template sudah jadi silahkan ek hasilnya ("ihat blog). "aman 657' berubah

menjadi Tentang. Silahkan edit laman lainya atau hapus laman jika tidak diperlukan.

1. SEELAN

Terdapat beberapa pengaturan pada Setelan blog yang untuk mengatur blog. Aitur =

fitur ini kadang diperlukan terutama untuk blog yang profesional, dan bersifat kelembagaan.

Aitur Setelan blog ada beberapa tapi saya hanya akan tunjukan beberapa fitur yang biasa saya

gunakan yaitu1 ') enganti alamat blog, #) enambah admin blog, *) enyembunyikan

komentar, ) Kona waktu, dan ) engatasi broken link .

1. MENGGANI ALAMA BLOG

>lamat blog atau domain blog blogspot yang telah dibuat bisa dirubah jika merasa

alamat blog tidak sesuai dengan isi blog.

') 3lik Setelan

#) 3lik 6dit pada >lamat Blog

*) 3etik alamat baru blog, lalu klik Simpan

;ika tidak tersedia, silahkan ganti sampai nama blog tersedia, maka nama blog berhasil

diganti.

1C. AMBA9 ADMIN 6PENGA4ANG7

Sebuah blog dapat dimiliki oleh beberapa orang atau dapat dikarang oleh beberapa

orang bahkan bisa diserahkan ke orang lain tanpa harus orang lain login ke %mail. 4ara ini

dinamkan amba& Penga(ang Amin.

') 3lik Setelan

#) 3lik amba& Penga(ang

30


31/42

*) 3etik email yang akan di undang (harus gmail)

) 3lik Unang Penga(ang

) Silahkan minta orang yang memiliki email tersebut untuk membuka email dan

menerima undangan

) ;ika undangan telah diterima silahkan reload browser

/) 3it bisa merubah status orang yang diundang dari Penga(ang enjadi Amin

i$s

Sedangkan yang diunang menjadi pengarang maka akan mendapat email seperti ini

3lik Terima undangan, lalu klik A++e$t In,itation

3lik Simbol L untuk menghapus pengarang bahkan menghapus diri sendiri sebagai

admin dan menyerahkan blog ke orang lain yang sudah jadi admin

2. MEN*EMBUN*IKAN KOMENA4

Terkadang untuk tujuan tertentu seperti blog toko online atau profile organisasi atau

perusahaan tidak membutuhkan komentar maka komentar dapat disembunyikan.

') 3lik Pos an Komenta(

31


32/42

#) 3lik Semb!n'i"an

*) 3lik Sim$an setelan (kanan atas)

21. ONA :AKU

!engaturan Hona waktu ukup penting agar saat pengaturan jadwal penerbitan sesuai

dengan waktu di Indoneisa dan memudahkan membaa statistik blog.

') 3lik Ba&asa an $emfo(matan

#) 3lik dan ari Hona waktu Indonesia yaitu (%T @$/.$$) ;akarta

*) 3lik Sim$an Setelan (kanan atas)

22. MENGAASI LINK 4USAK

alam beberapa kasus munkin ada link yang rusak atau error dikarenakan kita

menghapus sebuah artikel atau mengganti artikel, sehingga halaman yang diari tidak ada

karena link sudah hilang. 3ita memerlukan ara untuk mengatasi link dengan langkah

sebagai berikut.

') 3lik P(efe(ensi $enel!s!(an#) 3lik 6dit pada !esan 3husus "aman tidak itemukan

*) !aste kode berikut pada kolom

Msript type G NteFt8ja+asriptNO

BS!5APrediret G setTimeout(funtion() Q

loation.pathnameG N8N

R, $$$)D

M8sriptO

) 3lik Sim$an Pe(!ba&an

32


33/42

23. Memb!at 8a+eboo" fans$age

"aman Aaebook diperlukan untuk meningkatkan jumlah pengunjung ke blog (traffic

generation). 3etika ada pengunjung yang like "aman Aaebook dan ketika kita update

informasi maka pengunjung tersebut akan masuk ke blog.

2#. Memasang )iget 8a+eboo" fans$age

Setelah memiliki Aaebook fanspage, selanjutkan menempatkan fanspage tersebut ke

blog.

'. 3unjugi alamat

#. !aste 7" Aaebook fanpage

*. Sesuaikan pengaturan

. 3lik %et 4ode

. 3lik Tata letak

. 3lik Tambah %adget

/. 3lik gadget ;a+a Sript82T"

2>. S!bmit blog i Google :ebmaste( ools

Setelah mempelajari ara membuat blog, membuat artikel dengan baik, memilih

gadget yang tepat, edit template sesuai kebutuhan dan melakukan sejumlah pengaturan pada

blog maka kualitas blog akan jauh lebih baik dari sebelumnya. Blog akan terlihat lebih rapi,

profiesional, dan tidak aak = aakan. engan tampilan tersebut, maka ada rasa kepuasan

memiliki blog. Ibarat kata memiki blog sama halnya memiliki buku dengan sampul yang dan

tata penulisan yang baik. Selain itu orang yang membaa blogpun juga akan senang dan

mendorong mereka untuk datang kembali.

33


34/42

>. PANDUAN MEMBUA BLOG DI :O4DP4ESS.%OM

'. Buka www.wordpress.om

#. 3lik Sign 7p

*. Isi form

a. 7sername1 -O isi nama blog sesuai dengan keinginan (paling sedikit empat

huruf8angka)

b. !assword1 Isi password8kata sandi (sedikitnya enam huruf8angka)

. 4onfirm1 7langi password yang sama dengan di atas.

d. 6mail >ddress1 Isi email >nda (apabila belum punya email, buat dulu di gmail.om

atau yahoomail.om)

e. "egal flotsam1 beri tanda tik di kotak yang tersedia sebagai tanda 9setuju: dengan

perjanjian.

f. Beri tanda tik pada menu 9%imme a blog: (biasanya sudah otomatis ada tanda tik di

sini).

g. 3lik 95eFt:h. Blog Title -O Isi judul yang sesuai.

i. "anguage -O !ilih Bahasa Indonesia.

j. !ri+ay -O 3asih tanda tik (biasanya sudah ada otomatis).

. 3lik Sign 7p

. >kan munul pesan sebagai berikut1

our account is now acti!e"

ou are now logged in as (username #nda).

#n email with your username$ password$ #kismet #%& key and important links has been sent

to your email address.

'rite a post$ change your template or !isit the homepage.

Itu berarti >nda sudah berhasil membuat blog. Silahkan login ke blog >nda. Berikut alamat

penting untuk >nda1

a. 7ntuk login, buka1 http188namabloganda.wordpress.om8login.php

b. Isi username (Gnama blog) dan password.

. 3lik 9&rite: atau 9Tulis: untuk mulai membuat posting.

d. 3lik 9!ublish: atau 9Tampilkan:

. Selesai (kalau mau udahan, jangan lupa klik 9"og Cut:).

%atatan

• i wordpress.com$ satu account hanya untuk satu blog. &ni berbeda dengan

blogger.comblogspot di mana satu account bisa untuk membuat beberapa blog.

34

http://www.wordpress.com/http://www.wordpress.com/


35/42

• *elebihan wordpress.com dibanding blogger.com adalah (+) omment friendly1

pengun,ung mudah berkomentar karena kotak komentar langsung terbuka di bawah

posting. Bagi #nda yang suka dikomentarin$ wordpress cocok untuk #nda- ()

%osting terbaru akan muncul beberapa saat di ashboard (Menu /tama) seluruh pemakai wordpress.com$ apabila posting #nda cukup menarik #nda ,uga

berkesempatan masuk B0T (best of the day) yakni +1 posting terbaik hari itu dan

akan muncul selama sehari di Menu /tama (ashboard) seluruh pemakai

wordpress.com. /ntuk B0T ini diklasifikasi berdasar bahasa. %astikan #nda

memilih Bahasa &ndonesia pada saat mendaftar (lihat poin 2.i.)

• *ekurangan wordpress.com dibanding blogger.comblogspot adalah ,a!ascript tidak

berfungsi (disabled) artinya #nda tidak bisa memasang iklan apapun3#dSense$

#dbrite$ dll3di wordpress.com. Tidak masalah buat blogger yang memang betul4betul

ingin ngeblog sa,a$ tanpa ada niat untuk iseng4iseng pasang iklan. Bagi yang ingin

pasang iklan$ dapat ,uga di blog gratis yang pakai software wordpress ,uga seperti

blogsome.com atau blogs.ie. Sayangnya$ kedua penyedia blog gratis ini masih

memakai software wordpress lama (tak ada fasilitas widget$ dan lain4lain).

!to(ial Blog :o($(ess

Setelah kita pelajari dan praktekkan ara buat blog di wordpress.om, maka berikut

tutorial lengkap wordpress untuk memahami menu-menu yang ada di asbor atau ashboar

wordpress. Tutorial wordpress kali ini saya harap ukup mewakili setiap pertanyaan blogger

pemula yang ngeblog di wordpress. Seri tutorial wordpress yang lain silahkan lihat di bagian

bawah artikel ini. Setelah login, kita akan langsung masuk ke ashboard atau asbor. i situ

terdapat dua baris menu utama.


36/42

• 2alaman (pages), berfungsi menampilkan halaman statis 8 !ages yang sudah kita buat.

i sini kita bisa mengedit halaman yang ada atau membuat halaman baru.

• Taut ("ink) untuk menambah atau mengedit link 8 blogroll

• 3ategori (4ategory), untuk mengedit, mendelete atau membuat kategori baru.

• Tag, untuk menambah, mendelete atau mengedit tag• 3ategori Taut (3ategori link).

• !ustaka edia, tempat link file atau image yang sudah diupload

• Impor, untuk mengimpor file ontent dari blog lain.

• 6kspor, untuk mengekspor file di blog ke blog lain.

4. 3omentar (4omment), kalau diklik akan munul * (tiga) submenu lagi sbb1

• 3omentar, menampilkan seluruh komentar di blog >nda. i sini kita bisa mengedit

atau mendelete komentar yang ada.

• enunggu oderasi (&aiting oderation), kalau diklik akan menampilkan komentar

yang masuk daftar moderasi yang bisa >nda edit dengan 9setujui: (appro+e), hapus

(delete), spam (dianggap spam).

• >kismet Spam, kalau diklik akan menampilkan komentar yang masuk daftar spam

(sampah).

. Blogroll (tambah link), 3alau diklik akan munul (empat) submenu sbb1

• 3elola (manage) blogroll, untuk mengedit, merubah atau menghapus taut (link) yang

ada

• Tambahkan taut (>dd link), untuk menambah link baru.

• Impor taut (Import link), untuk mengimpor daftar link dg C!" atau file di komputer

kita.

• 3ategori (ategory), kategorisasi link. Bedakan dengan kategori posting (lihat, b..)

36


37/42

6. Tampilan (!resentation), kalau diklik akan munul (lima) submenu sbb1

• Tema (Theme), menampilkan daftar template yang bisa kita pilih untuk blog kita.

Tinggal klik template yang kita suka.

• &idgets, untuk mengaktifkan widget dan memilih widget yang ingin kita tampilkan di

sidebar.

• 6Ftras, untuk mengaktifkan atau menon-aktifkan pratilik Snap. By default (aslinya)

sudah aktif, klik tanda tik (unhek) supaya tidak aktif. Saya lebih menganjurkan

fasilitas Snap ini dinonaktifkan saja karena ukup mengganggu.

• 4urrent Theme Cptions, berfungsi untuk (a) merubah header blog. Bisa diganti

dengan header buatan sendiriD (b) Setting warna dan posisi sidebar blogD () engisi

informasi personal untuk ditampilkan sebagai data waktu memberi komentarD dan (d)

untuk reset (menghapus dan mengembalikan ke setting-an awal.

• 6dit 4SS, untuk merubah 4SS template blog. Ini bagi blogger lanjut, tak ook bagi

pemula.

A. !engguna (7sers), 7ntuk menambah user 8 pengguna yang memiliki akses ke blog >nda

sebagai kontributor, o-author, atau subsriber. >nda bisa memiliki lebih dari satu user

untuk akses ke blog >nda.

%. Cpsi (Cptions). 3alau diklik akan munul 0 (delapan) submenu sbb1

• Cpsi 7mum, berfungsi untuk (a) embuat atau mengedit judul blog, (b) Slogan

(deskripsi) blog, () emilih 8 mengedit bahasa yang digunakan di blog, (e) ll.

• enulis atau Cpsi enulis, yang terpenting dalam submenu ini adalah menu

93ategori tulisan standar:. !ilih dari daftar kategori tentang kategori apa yang akan

dipakai seara by-default di posting (saya piliha kategori fatih-syuhud). Ini artinya

kalau saya lupa memakai kategori dalam sebuah posting, maka otomatis artikel

tersebut akan masuk kategori fatih-syuhud.

• embaa atau Cpsi embaa. (a) 2alaman epan (Arontpage), pilih 9Tulisan

Terakhir: (sudah otomatis)D (b) 2alaman Blog (Blog post), pilih berapa artikel yang

tampil di halaman utamaD () 7mpan Sindikasi (Syndiated Aeed), 9Tunjukkan yang

terkini1: pilih '$D 97ntuk tiap artikel, tunjukkan1:, pilih Teks !enuhD (d) Aeeds yang

diperkaya (ih feeds), kasih tanda tik (hek) di semua kotak. ;angan lupa klik

9!erbarui Cpsi: atau 97pdate Cptions:

• iskusi atau Cpsi iskusi

3!


38/42

i 9!enataan biasa untuk sebuah artikel1: yang terpenting di sini adalah kotak ketiga.

3asih tanda tik di 9IHinkan orang untuk mengirim komentar pada artikel: supaya

kotak komentar terbuka di bawah setiap artikel >nda. i 96-mail saya setiap kali1: (a)

kasih tanda tik di kotak pertama bila >nda ingin dapat laporan ke email >nda setiap

ada yang berkomentar di blog >ndaD dan (b) kasih tanda tik di 9Sebuah komentar

ditahan untuk moderasi: apabila >nda ingin dapat email setiap ada komentar yang

dimoderasi. nda ingin setiap komentator

menulis alamat email dan situsnyaD () i 9!enulis komentar harus mempunyai

komentar yang disetujui sebelumnya: sebaiknya tidak dikasih tanda tik.

• !ri+asi (!ri+ay). Cpsi !ri+asi. 3asih tanda tik di 9Saya ingin blog ini tampak di

mesin penari seperti %oogle dan Sphere, dan di senarai publik milik

&ord!ress.om.: supaya masuk mesin penari google, yahoo, msn, dll.

• 2apus Blog atau elete Blog. >was enu ini jangan dibuka-buka, keuali kalau

memang >nda tidak menginginkan blog anda lagi.

• omain-domain. Submenu ini tidak begitu penting, yang penasaran silakan lihat

sendiri.

%a(a memb!at Pages ata! 9alaman 6statis7 i :o(P(ess.

eretan menu di blog saya bagian atas seperti 9>bout:, 9efleksi:, 9Cpini:, 9Tip

enulis: itu adalah salah satu iri khas dari blog dalam wordpress yang tidak ada di

blogger.om8blogspot. alam istilah &ord!ress itu disebut !ages atau 2alaman. !ages atau

2alaman ini adalah halaman statis yang tidak masuk dalam arsip posting. >pa gunanyaE

"ihat keterangannya di bawah. Berikut ara membuat !ages atau 2alaman (statis) di

&ord!ress.

'. Setelah login, klik 9Tulis: atau 9&rite:

#. 3lik 92alaman: atau 9!age:

*. i 9;udul 2alaman: -O tulis nama halaman. 4ontoh, 9efleksi: atau 9Bukutamu:

.3lik menu 9Terbitkan: atau 9!ublish:

.Selesai. >nda sudah berhasil membuat !ages82alaman statis di blog >nda.

A$a isi ata! f!ngsi Pages9alamanH

3"

http://afatih.wordpress.com/2007/11/11/cara-buat-pages-atau-halaman-statis-wordpress/#gunapageshttp://afatih.wordpress.com/2007/11/11/cara-buat-pages-atau-halaman-statis-wordpress/#gunapageshttp://afatih.wordpress.com/2007/11/11/cara-buat-pages-atau-halaman-statis-wordpress/#gunapageshttp://afatih.wordpress.com/2007/11/11/cara-buat-pages-atau-halaman-statis-wordpress/#gunapages


39/42

aam-maam, terserah >nda. Isinya bisa berupa keterangan diri seperti di >bout

blog saya atau daftar link-link posting blog >nda atau bisa juga berupa link-link situs penting

atau blogrolls, dll.

%a(a Mengeit Pages9alaman

'. 3lik 93elola: 8 9anages: -O klik 2alaman 8 !ages

#. 3lik !ages82alaman yang baru >nda buat tadi. 4ontoh, efleksi.

*. Isi kotak posting sesuai yang >nda inginkan.

%a(a b!at (ea mo(eJ i )o($(ess.

Semua pengguna wordpress pasti tahu ara membuat 9read more: di wordpress.

Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.om

blogspot, membuat 9read more: atau 9baa selanjutnya: atau 9read the rest of this entry: di

wordpress itu sangat mudah. Ikuti langkah berikut1'. Setelah login ke aount wordpress >nda, 3lik menu 9tulis: atau 9write:

#. i bawah kotak judul 8 title sebelah kanan, ada menu IS7>" dan 2T" =O klik menu

2T"

*. i bawahnya ada deretan menu b i link. 3lik menu 9more:, maka di kotak posting >nda

akan keluar tulisan M=more=O

. Tulisan atau posting >nda yang ingin >nda tampilkan di halaman maka harus berada di

atasM=more=O , sedang posting 8 artikel yang ingin anda 9sembunyikan: yang baru

tampak setelah pembaa mengklik 9read more: taruh di bawahnya M=more=O Mudah

bukan5

%a(a U$loa an Lin" Do)nloa

Bagaimana ara mengetahui link files (berkas) atau images (foto, gambar, grafik)

yang sudah kita upload (unggah) ke blog wordpress kitaE "ebih dari satu pertanyaan di atas

diungkapkan pembaa di kotak komentar blog ini. engetahui link dari file 8 images yang

kita unggah (upload) di wordpress memang agak sulit kalau files yang kita upload tadi tidak

di-attah-kan ke posting atau pages. 3arena itu, setiap upload files atau images hendaknya

dimasukkan ke posting artikel atau !ages. Ikuti tutorial praktis berikut1U$loa 8iles Be("as

'. 3lik 9Tulis: atau 9&rite:

#. i menu 97nggah: atau 97pload: di bawahnya kotak posting, klik 9Browse: -O pilih

files yang akan diupload. >nda bisa memberi judul dan deskripsi di kotak yang tersedia

di bawahnya (opsional alias tidak wajib).

*. 3lik 97nggah: atau 97pload:

. Setelah file masuk -O arahkan mouse ke kotak posting di bagian yang diinginkan -O klik

93irim ke 6ditor: atau 9Send to 6ditor:

3#


40/42

. >pabila mode posting dalam keadaan 93ode: atau 94ode: maka akan tampak link files.

>pabila mode posting 9isual: klik mode 93ode: atau 94ode: untuk mengetahui

linknya. Sebagai ontoh, saya akan mengupload file berjudul 9>merika dan Islam

"iberal:, setelah

. melalui proses di atas, maka saya taruh file di sini -O >merika dan Islam "iberal, maka

dalam mode posting 93ode: tampak link file sbb1

/. MahrefGJhttp188afatih.files.wordpress.om8#$$08$*8amerika-dan-islam-

liberal.doJO>merika dan Islam "iberalM8aO =O inilah link untuk download.

%a(a U$loa Images 6Gamba(5 foto5 g(afi"7

4aranya sama dengan di atas yaitu1

'. 3lik 9Tulis: atau 9&rite: i menu 97nggah: atau 97pload: di bawahnya kotak

posting, klik 9Browse: -O pilih files

#. yang akan diupload. >nda bisa memberi judul dan deskripsi di kotak yang tersedia di

bawahnya (opsional alias tidak wajib).

*. 3lik 97nggah: atau 97pload:

. Setelah file masuk -O arahkan mouse ke kotak posting di bagian yang diinginkan -O

klik 93irim ke 6ditor: atau 9Send to 6ditor:

. >pabila mode posting dalam keadaan 93ode: atau 94ode: maka akan tampak link

images. >pabila mode posting 9isual: klik mode 93ode: atau 94ode: untuk

mengetahui linknya.

%a(a Pasang 8oto i Posting :o(P(ess

Barusan saya jalan-jalan ke 9rumah: Musik %ribumi-nya %imbal, Saya lihat dia sering

menempelkan foto di setiap postingnya. Sayangnya, tampaknya posisi foto menurut saya

kurang fashionable1 foto atau image-nya tidak menempel berdampingan dengan artikel, tapi

berada di antara judul dan tulisan. 3urang jelas apa itu disengaja atau dia tidak tahu aranya

mendampingkan foto (embedded) dengan tulisan artikel seperti di blog saya ini. Berikut

ara mudah dan praktis memposisikan foto seara berdampingan dengan artikel1

'. Setelah >nda mengklik Send 6ditorJ foto ke posting di wordpress, klik menu

#. 93ode: atau 94ode: yang terdapat di bawah judul.

*. i akhir link image (sebelum tanda U8O M8aO)tambahkan kode berikutborderGN$N

styleGNfloat1 leftD margin1 $pF '$pF '$pF $pFN

. 3lik menu 9isual: setelah tampilan ok, klik 9Tampilkan: atau 9!ublish:

. Selesai.

40

http://musikpribumi.wordpress.com/http://musikpribumi.wordpress.com/


41/42

%atatan

3ata 9left: berarti posisi foto8gambar di sebelah kiri, ubah menjadi 9right: kalau ingin

menaruhnya di sebelah kanan.

Tips bagi yg belum tahu sama sekali cara pasang foto di posting wordpress6

'. i bagian paling bawah kotak posting, klik menu 9Browse: =O pilih

foto8gambar8image di komputer.

#. 3asih judul dan deskripsi di menua 9;udul: dan 9eskripsi: =O ini tidak wajib, uma

menambah +isibilitas di searh angine.

*. 3lik 7pload

. Setelah nongol fotonya, arahkan mouse ke kotak posting bagian mana foto akan

ditempatkan. 4ontoh, klik di bagian kiri atas.

. 3embali ke foto, klik menu 93irim ke editor: atau 9Send to editor:

. 3lik menu 93ode: atau 94ode: dan tambahkan kode berikut di akhir link sebelum

kode U 8O M8aO 1borderGN$N styleGNfloat1 leftD margin1 $pF '$pF '$pF $pFN/. 3lik menu 9isual: untuk melihat hasilnya. 3alau puas, klik 9Tampilkan: atau

9!ublish:

0. Selesai.

DA8A4 PUSAKA

6fendi. #$'*. !engembangan edia Blog dalam "ayanan Informasi Bimbingan dan 3onseling. 7urnal B* /89S# (online),ol. ', 5o. ', (http188ejournal.unesa.a.id8indeF.php8jur nal-bk-

unesa8artile8+iew8'?'8baaartikel, iakses # Aebruari #$').

Aalentini, A. #$'*. 7saha rah !ilihan 3arir dan

2ambatan-2ambatan 5 *

!ayakumbuh). *08S9:0;. ?al +@24+@A p4&SS86241 e4&SS86 4>+D

ajid, >bdul. #$$. %erencanaan %embela,aran (mengembangan kompetensi guru).Bandung1

osdakarya. #$$0. *urikulum Berbasis Teknologi &nformasi dan *omunikasi (cetakan

pertama). Bandung1 >lfabeta.

5andhita, >srie. #$'. Bikin Blog Sejuta iewer dengan &ordpress.


42/42

Teguh, 4ahyono. !anduan "engkap embuat Blog di Blospot. 6book

pengembangan blog sebagai media komunikasi bk.docx

Documents