Anda di halaman 1dari 154

MEMBANGUN BLOG GRATISAN

BAGUS SUGIARTO

KMO NON FIKSI BATCH 14

1
Kata Pengantar

Di jagat dunia maya siapa yang tidak kenal dengan blog atau
website. Kedua istilah tersebut seakan sudah mendarah daging
dengan kehidupan dunia maya. Terlebih jika seseorang yang
berkecimpung pada dunia bisnis online, kehadiran blog ataupun
website merupakan keharusan yang tidak dapat terpisahkan.

Peranan kedua istilah tersebut jika di telaah secara mendalam


memang sangat banyak manfaatnya yang sangat berarti bagi
perkembangan informasi yang kian maju.

Sebagai Alat Komunikasi

Disamping menggunakan E mail, YM, Sms ataupun yangf


lainnya website dapat digunakan sebagai media komunikasi
dengan berbagai pihak. Misalnya antara pemilik web yang
menjual barang atau jasa dengan calon pelanggan (supplier) ii
akan besar sekali pengaruhnya untuk berbagai tujuan bisnis
yang dijalankan. Lihat pada membangun List Building.

Sarana Promosi

Sebagus ataupun secerah apapun prospek yang ditawarkan


oleh pelaku bisnis tanpa adanya sarana promosi hasilnya akan
selalu nihil. Dan salah satu sarana promosi bisa menggunakan
Website maupun blog yng dikelola dengan professional.

Bagus Sugiarto

2
Ketentuan Kepemilikan Ebook

Tidak dibenarkan bagi anda untuk menyebarkan,


memperbanyak, menyiarkan seluruh ataupun sebagian
dari produk yang kami kemas sebagai ebook ini.

3
DAFTAR ISI

KATA PENGANTAR . . . 2

KETENTUAN KEPEMILIKAN . . . 3

DAFTAR ISI . . . 4

BAB I PENGERTIAN BLOG DAN WEBSITE . . . 7

A. PENGERTIAN BLOG . . . 7

a. Sejarah . . . 7
b. Komunitas Blogger . . . 8
c. Jenis-jenis Blog . . . 9
d. Budaya Populer . . . 10

B. PENGERTIAN WEBSITE . . . 11

a. Sejarah . . . 12
b. Situs Website Statis . . . 13
c. Situs Website dinamis . . . 14

C. KESIMPULAN . . . 15

BAB II PEMBUATAN BLOG (BLOGSPOT) . . . 16

A. PEMBUATAN AKUN . . . 17
B. PEMBUATAN BLOG . . . 23
C. MENGENAL LAY OUT / MENU DASAR . . . 28

a. Buat Blog Baru . . . 29


b. Daftar Blog Yang Aktif . . . 29
c. Buat Entri . . . 30
d. Daftar Entri . . . 31
e. Opsi Lain . . . 31

4
f. Preview Tiap Post . . . 33
g. Pilih Bahasa . . . 33
h. Pengaturan Umum . . . 34

D. SETTING / PENGATURAN DASAR BLOG . . . 35

a. Dasar . . . 36
b. Post Dan Komentar . . . 37
c. Seluler Dan Email . . . 39
d. Bahasa . . . 40
e. Preferensi Penelusuran . . . 42
d. Lainnya . . . 43

E. CARA POSTING . . . 44

a. Pengaturan Teks . . . 54
b. Unggah Gambar . . . 55
c. Cara Pasang Links . . . 63
d. Mengatur Jumlah Posting di Halaman Awal . . . 67
e. Membuat Read More . . . 69
f. Menyusun Arsip . . . 72

F. MEMBUAT HALAMAN STATIS . . . 77


G. EDIT / INSTALL TEMPLATE UNDUHAN . . . 81
H. SETTING LAY OUT TEMPLATE . . . 87
I. MENAMBAH GADGET . . . 89

BAB III PELENGKAP DAN AKSESORIS . . . 94

A. BUKU TAMU . . . 94
B. PENGHITUNG PENGUNJUNG . . . 100
C. RECENT POST . . . 106
D. RECENT COMMENT . . . 109
E. KALENDER . . . 114
F. JAM . . . 116

5
G. CHAT YAHOO . . . 117
H. BLOGROLL . . . 120
I. GANTI GAMBAR HEADER . . . 125

BAB IV PEMBUATAN BLOG WORDPRESS . . . 130

A. PROSES PEMBUATAN WORDPRESS . . . 131


B. MENGENAL MENU WORDPRESS . . . 136
C. CARA POSTING . . . 137
D. EDIT POSTING . . . 139
E. GANTI GAMBAR HEADER . . . 140
F. MEMBUAT BLOGROLL . . . 144
G. MENAMBAH WIDGET SIDEBAR . . . 146
H. MENGGANTI TEMPLATE WORDPRESS . . . 148
I. PENGATURAN UMUM WORDPRESS . . . 150

PENUTUP . . . 154

6
BAB I

PENGERTIAN BLOG DAN WEBSITE

Terkadang kita rancu untuk membedakan antara blog dengan


website, karena keduanya mempunyai peranan yang hampir
sama dan serupa. Namun jika diperhatikan antara keduanya
mempunyai perbedaan yang cukup menonjol. Berikut definisi
antara keduanya:

A. PENGERTIAN BLOG

Blog merupakan singkatan dari web log adalah bentuk aplikasi


website yang menyerupai tulisan-tulisan pada sebuah halaman
website umum. Tulisan-tulisan ini seringkali dimuat dalam urut
terbalik yaitu isi terbaru dahulu baru kemudian diikuti isi yang
lebih lama, meskipun tidak selamanya demikian. Situs website
seperti ini biasanya dapat diakses oleh semua pengguna
Internet sesuai dengan topik dan tujuan dari si pengguna blog
tersebut.

a. Sejarah

Media blog pertama kali dipopulerkan oleh Blogger.com, yang


dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh
Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu,
banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka

7
yang diperuntukkan kepada perkembangan para penulis blog
tersebut.

Blog mempunyai fungsi yang sangat beragam,dari sebuah


catatan harian, media publikasi dalam sebuah kampanye
politik, sampai dengan program-program media dan
perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang
penulis tunggal, sementara sebagian lainnya oleh beberapa
penulis. Banyak juga weblog yang memiliki fasilitas interaksi
dengan para pengunjungnya, seperti menggunakan buku tamu
dan kolom komentar yang dapat memperkenankan para
pengunjungnya untuk meninggalkan komentar atas isi dari
tulisan yang dipublikasikan, namun demikian ada juga yang
sebaliknya atau yang bersifat non-interaktif.

Situs-situs website yang saling berkaitan berkat weblog, atau


secara total merupakan kumpulan weblog sering disebut
sebagai blogosphere. Bilamana sebuah kumpulan gelombang
aktivitas, informasi dan opini yang sangat besar berulang kali
muncul untuk beberapa subyek atau sangat kontroversial
terjadi dalam blogosphere, maka hal itu sering disebut sebagai
blogstorm atau badai blog.

b. Komunitas Blogger

Komunitas blogger adalah sebuah ikatan yang terbentuk dari


para blogger berdasarkan kesamaan-kesamaan tertentu,
seperti kesamaan asal daerah, kesamaan kampus, kesamaan
hobi, dan sebagainya. Para blogger yang tergabung dalam
komunitas-komunitas blogger tersebut biasanya sering
mengadakan kegiatan-kegiatan bersama-sama seperti kopi
darat.

Untuk bisa bergabung di komunitas blogger, biasanya ada


semacam syarat atau aturan yang harus dipenuhi untuk bisa

8
masuk di komunitas tersebut, misalkan berasal dari daerah
tertentu.

c. Jenis-jenis Blog

1. Blog politik: Tentang berita, politik, aktivis, dan semua


persoalan berbasis blog (Seperti kampanye).

2. Blog pribadi: Disebut juga buku harian online yang


berisikan tentang pengalaman keseharian seseorang,
keluhan, puisi atau syair, gagasan jahat, dan
perbincangan teman.

3. Blog bertopik: Blog yang membahas tentang sesuatu, dan


fokus pada bahasan tertentu.

4. Blog kesehatan: Lebih spesifik tentang kesehatan. Blog


kesehatan kebanyakan berisi tentang keluhan pasien,
berita kesehatan terbaru, keterangan-ketarangan tentang
kesehatan, dll.

5. Blog sastra: Lebih dikenal sebagai litblog (Literary blog).

6. Blog perjalanan: Fokus pada bahasan cerita perjalanan


yang menceritakan keterangan-keterangan tentang
perjalanan/traveling.

7. Blog riset: Persoalan tentang akademis seperti berita riset


terbaru.

8. Blog hukum: Persoalan tentang hukum atau urusan


hukum; disebut juga dengan blawgs (Blog Laws).

9. Blog media: Berfokus pada bahasan kebohongan atau


ketidakkonsistensi media massa; biasanya hanya untuk
koran atau jaringan televisi

10. Blog agama: Membahas tentang agama

9
11. Blog pendidikan: Biasanya ditulis oleh pelajar atau
guru.

12. Blog kebersamaan: Topik lebih spesifik ditulis oleh


kelompok tertentu.

13. Blog petunjuk (directory): Berisi ratusan link


halaman website.

14. Blog bisnis: Digunakan oleh pegawai atau


wirausahawan untuk kegiatan promosi bisnis mereka

15. Blog pengejawantahan: Fokus tentang objek diluar


manusia; seperti anjing

16. Blog pengganggu (spam): Digunakan untuk promosi


bisnis affiliate; juga dikenal sebagai splogs

d. Budaya Populer

Ngeblog (istilah bahasa Indonesia untuk blogging) harus


dilakukan hampir setiap waktu untuk mengetahui eksistensi
dari pemilik blog. Juga untuk mengetahui sejauh mana blog
dirawat mengganti template atau menambah artikel. Sekarang
ada lebih 10 juta blog yang bisa ditemukan di internet, dan
masih bisa berkembang lagi, karena saat ini ada banyak sekali
perangkat lunak, peralatan, dan aplikasi internet lain yang
mempermudah para blogger (sebutan pemilik blog) untuk
merawat blognya. Selain merawat dan terus melakukan
pembaharuan di blognya, para blogger yang tergolong baru
pun masih sering melakukan blogwalking, yaitu aktivitas para
blogger meninggalkan tautan di blog atau situs orang lain
seraya memberikan komentar.

Beberapa blogger kini bahkan telah menjadikan blognya


sebagai sumber pemasukan utama melalui program periklanan

10
(misalnya AdSense, posting berbayar, penjualan tautan, atau
afiliasi). Sehingga kemudian muncullah istilah blogger
profesional, atau problogger, yaitu orang yang
menggantungkan hidupnya hanya dari aktivitas ngeblog,
karena banyak saluran pendapatan dana, baik berupa dolar
maupun rupiah, dari aktivitas ngeblog ini.

B. PENGERTIAN WEBSITE

Sebenarnya saya yakin bahwa anda pasti sudah tahu apa itu
website atau situs web, karena hampir setiap hari anda
berhubungan dengan website. Buktinya anda bisa
mendapatkan paket e-book ini karena anda membuka website
saya.

Tapi tidak apa-apalah kalau saya jelaskan ulang tentang apa


itu website.

Situs web bahasa Inggris: website atau sering disingkat


dengan istilah situsadalah sejumlah halaman web yang
memiliki topik saling terkait, terkadang disertai pula dengan
berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.

Sebuah situs web biasanya ditempatkan setidaknya pada


sebuah server web yang dapat diakses melalui jaringan seperti
internet, ataupun jaringan wilayah lokal (LAN) melalui alamat
internet yang dikenali sebagai URL. Gabungan atas semua situs
yang dapat diakses publik di internet disebut pula sebagai
Waring Wera Wanua atau lebih dikenal dengan singkatan
WWW. Meskipun setidaknya halaman beranda situs internet
umumnya dapat diakses publik secara bebas, pada prakteknya
tidak semua situs memberikan kebebasan bagi publik untuk
mengaksesnya, beberapa situs web mewajibkan pengunjung
untuk melakukan pendaftaran sebagai anggota, atau bahkan
meminta pembayaran untuk dapat menjadi anggota untuk

11
dapat mengakses isi yang terdapat dalam situs web tersebut,
misalnya situs-situs yang menampilkan pornografi, situs-situs
berita, layanan surel (e-mail), dan lain-lain. Pembatasan-
pembatasan ini umumnya dilakukan karena alasan keamanan,
menghormati privasi, atau karena tujuan komersil tertentu.

Sebuah halaman web merupakan berkas yang ditulis sebagai


berkas teks biasa (plain text) yang diatur dan dikombinasikan
sedemikian rupa dengan instruksi-instruksi berbasis HTML,
atau XHTML, kadang-kadang pula disisipi dengan sekelumit
bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh
peramban web dan ditampilkan seperti layaknya sebuah
halaman pada monitor komputer.

Halaman-halaman web tersebut diakses oleh pengguna melalui


protokol komunikasi jaringan yang disebut sebagai HTTP,
sebagai tambahan untuk meningkatkan aspek keamanan dan
aspek privasi yang lebih baik, situs web dapat pula
mengimplementasikan mekanisme pengaksesan melalui
protokol HTTPS.

a. Sejarah

Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee,


sedangkan situs web yang tersambung dengan jaringan
pertamakali muncul pada tahun 1991. Maksud dari Tim ketika
merancang situs web adalah untuk memudahkan tukar
menukar dan memperbarui informasi pada sesama peneliti di
tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat
dimana Tim bekerja) mengumumkan bahwa WWW dapat
digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau
individu, atau menunjukkan kepemilikan dari suatu organisasi,
perusahaan. Biasanya pembahasan dalam sebuah situs web

12
merujuk pada sebuah ataupun beberapa topik khusus, atau
kepentingan tertentu. Sebuah situs web bisa berisi pranala
yang menghubungkan ke situs web lain, demkian pula dengan
situs web lainnya. Hal ini terkadang membuat perbedaan
antara situs web yang dibuat oleh individu ataupun
perseorangan dengan situs web yang dibuat oleh organisasi
bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah


server web umumnya telah dilengkapi dengan perangkat-
perangkat lunak khusus untuk menangani pengaturan nama
ranah, serta menangani layanan atas protokol HTTP yang
disebut sebagai Server HTTP (bahasa Inggris: HTTP Server)
seperti Apache HTTP Server, atau Internet Information
Services (IIS).

b. Situs Website Statis

Situs web statis merupakan situs web yang memiliki isi tidak
dimaksudkan untuk diperbarui secara berkala sehingga
pengaturan ataupun pemutakhiran isi atas situs web tersebut
dilakukan secara manual. Ada tiga jenis perangkat utilitas yang
biasa digunakan dalam pengaturan situs web statis:

Editor teks merupakan perangkat utilitas yang digunakan untuk


menyunting berkas halaman web, misalnya: Notepad atau
TextEdit.

Editor WYSIWYG, merupakan perangkat lunak utilitas


penyunting halaman web yang dilengkapi dengan antar muka
grafis dalam perancangan serta pendisainannya, berkas
halaman web umumnya tidak disunting secara lengsung oleh
pengguna melainkan utilitas ini akan membuatnya secara
otomatis berbasis dari laman kerja yang dibuat oleh pengguna.

13
perangkat lunak ini misalnya: Microsoft Frontpage, Macromedia
Dreamweaver.

Editor berbasis templat, beberapa utilitas tertentu seperti


Rapidweaver dan iWeb, pengguna dapat dengan mudah
membuat sebuah situs web tanpa harus mengetahui bahasa
HTML, melainkan menyunting halaman web seperti halnya
halaman biasa, pengguna dapat memilih templat yang akan
digunakan oleh utilitas ini untuk menyunting berkas yang
dibuat pengguna dan menjadikannya halam web secara
otomatis.

c. Situs Website Dinamis

Situs web dinamis merupakan situs web yang secara spesifik


didisain agar isi yang terdapat dalam situs tersebut dapat
diperbarui secara berkala dengan mudah. Sesuai dengan
namanya, isi yang terkadung dalam situs web ini umumnya
akan berubah setelah melewati satu periode tertentu. Situs
berita adalah salah satu contoh jenis situs yang umumnya
mengimplementasikan situs web dinamis.

Tidak seperti halnya situs web statis, pengimplementasian situs


web dinamis umumnya membutuhkan keberadaan infrastruktur
yang lebih kompleks dibandingkan situs web statis. Hal ini
disebabkan karena pada situs web dinamis halaman web
umumnya baru akan dibuat saat ada pengguna yang
mengaksesnya, berbeda dengan situs web statis yang
umumnya telah membentuk sejumlah halaman web saat
diunggah di server web sehingga saat pengguna
mengaksesnya server web hanya tinggal memberikan halaman
tersebut tanpa perlu membuatnya terlebih dulu.

Untuk memungkinkan server web menciptakan halaman web


pada saat pengguna mengaksesnya, umumnya pada server

14
web dilengkapi dengan mesin penerjemah bahasa skrip (PHP,
ASP, ColdFusion, atau lainnya), serta perangkat lunak sistem
manajemen basisdata relasional seperti MySQL.

Struktur berkas sebuah situs web dinamis umumnya berbeda


dengan situs web statis, berkas-berkas pada situs web statis
umumnya merupakan sekumpulan berkas yang membentuk
sebuah situs web. Berbeda halnya dengan situs web dinamis,
berkas-berkas pada situs web dinamis umumnya merupakan
sekumpulan berkas yang membentuk perangkat lunak aplikasi
web yang akan dijalankan oleh mesin penerjemah server web,
berfungsi memanajemen pembuatan halaman web saat
halaman tersebut diminta oleh pengguna.

C. KESIMPULAN

Selah anda membaca keterangan di atas bagaimana pendapat


anda ?? Sudah bias dimengerti atau tambah bingung ?? Saya
yakin justru anda malah tambah bingung dengan apa yang
saya jelaskan diatas.

Untuk disederhanakan saya gambarkan sebagai berikut.

15
Seperti yang anda lihat, apapun yang ada di internet disebut
website. Ada banyak ragam website seperti forum, search
engine, social bookmarking, social networking, dan lain-lain.
Dan salah satunya adalah blog.Jadi blog adalah website juga
dan bagian dari website.

Dan macam-macam blog juga banyak seperti facebook,


blogspot, wordpress dan lain-lain.

16
BAB II

PEMBUATAN BLOG (BLOGSPOT)

Tanpa berpanjang lebar marilah kita mulai untuk praktek


membuat blog gratis dari blogspot,walaupun banyak penyedia
pembuatan blog yang menawarkan blog gratis didunia maya.
Jika anda tertarik atau sekedar ingin tahu, silahkan anda
telusuri blog-blog yang bertebaran di internet.

Ada blogspot, blogsome, blogdetik, wordpress, livejournal dan


lain-lain, tapi yang lebih populer dikalangan blogger adalah
blogspot yang notabene punya google.

Untuk membuat blog dari blogspot ada tiga langkah sebagai


berikut,

1. Pembuatan akun blogger

2. Pemberian nama blog

3. Pemilihan template

Jika ketiga tahapan ini sudah anda pahami dan ikuti petunjuk
pembuatan, berarti anda sudah punya sebuah blog dan tinggal
anda memodifikasi sesuai kebutuhan.

A. PEMBUATAN AKUN

Untuk pembuatan akun ini anda akan saya antar ke


www.blogger.comdisini anda harus mengisi formulir yang di
sediakan, jangan takut salah dalam mengisinya jika diperlukan
nanti bisa diedit jika blog sudah jadi.

17
Untuk lebih jelasnya simak gambar berikut beserta urutan
dalam pembuatan blog dari blogspot.

Klik www.blogger.com

Klik Daftar untuk mendaftar akun. Nanti blogger akan


menyajikan formulir biodata yang anda diwjibkan untuk
mengisi dengan benar sesuai data diri anda.

18
Nanti akan muncul form yang sudah disediakan. Dan isi sesuai
dengan data yang benar. Biasakan bertanggung jawab dengan
apa yang anda kerjakan saat ini, biarpun blog ini masuk
katagori website gratis.

19
Jika seluruh data isian telah terselesaikan,langkah selanjutnya
contreng pada kolom persyaratan dan layanan seperti gambar
diatas. Lalu klik langkah berikutnya seperti pada gambar di
atas.

Pada tahap ini anda telah sukses memiliki akun di Google, tapi
berhubung sekarang kebijakan google telah disempurnakan
anda dituntut untuk juga memiliki akun G+. Jadi setelah anda
klik langkah berikutnya seperti yang diterangkan di atas anda
akan diminta untuk mengedit akun G+ juga. Perhatikan di
bawah ini.

20
Silahkan anda tambahkan foto profil atau jika anda sedang
ngebet ingin segera lanjut, klik saja langkah berikutnya seperti
yang telah saya beri tanda.

Nanti akan muncul sebagai berikut.

21
Klik saja kembali ke blogger, akan pemberitahuan tentang
konfirmasi profil seperti dibawah, langsung saja klik lanjutkan
ke blogger seperti yang sudah diberi tanda.

Dengan klik lanjutkan ke blogger anda akan diantarkan ke


dashboard atau admin area blogger, jadi anda siap untuk
membuat blog gratis dari blogspot / blogger.

22
Langkah pertama pembuatan blog telah selesai kini anda sudah
mempunyai akun Google.

B. PEMBUATAN BLOG

Saat ini saya asumsikan bahwa anda masih berada di


dashboard blogger. Dan untuk melanjutlan pembuatan blog
silahkan klik blog baru seperti yang saya tunjukan berikut.

23
Silahkna isi form untuk data blog anda.

24
Isi Form isian untuk pemberian judul blog sesuai dengan
kebutuhan anda.

Sebagai contoh keterangan gambar di atas

Judul Blog : Demo Blog Rop

Alamat Blog : www.demoblogrop.blogspot.com

Pilih juga tampilan yang akan anda pakai untuk blog perdana
anda, dan saya contohkan jendela gambar.

Dan untuk melnjutkan klik Buat Blog!.

Ops…..

Ternyata pihak google tidak mengijinkan kita terus, karena


banyak yang kita lewati, kita diminta untuk melengkapi
sebelum kita teruskan proses pembuatan blognya. Pada

25
gambar di atas silahkan anda pilih untuk ikuti mana, tapi
pilihan ini tidaklah harus anda pilih bisa juga anda terus
dengan tetap lanjutkan.

Jika anda lebih senang sendiri tetap saja lanjutkan, tapi jika
anda ingin banyak teman pada G+ silahkan tambahkan lebih
banyak orang. Tapi saya akan melanjutkan saja, karena tujuan
utama adalah membuat blognya.

26
Nah…. pada tahap ini anda harus melengkapi foto profil anda
sendiri, walaupun kita sudah berusaha untuk melewati pada
tahap pembuatan blog, pada akhirnyapihak Google tetap
meminta profil dilengkapi.

Jika sudah anda lengkapi silahkan klik selesai untuk


melanjutkan ke tahap berikutnya.

27
Yups proses selesai, untuk melihat blog perdana silahkan lihat
kealamat blog anda sendiri. Kalau dalam contoh diatas adalah
www.demoblogrop.blogspot.com

C. MENGEAL LAY OUT / MENU DASBOR

Blog anda sekarang sudah jadi dan untuk melangkah lebih


lanjutmari kita mulai untuk blogging. Tapi sebelumnya saya
akan mengenalkan dulu menu / lay uot dan fungsinya masing-
masing pada dashboard blogger atau admin area.

Perhatikan gambar berikut.

28
Dari gambar diatas saya akan memberikan keterangan dan
fungsi masing-masing sebagai berikut;

a. Buat Blog Baru

Jika anda akan menambahkan blog atau membuat blog baru


tidak perlu untuk membuat akun baru juga. Cukup klik blog
baru ini maka anda bisa menambahkan blog-blog baru yang
anda inginkan bisa 2, 3, 4, dan seterusnya.

b. Daftar Blog Yang Aktif

Jika anda mempunyai blog lebih dari satu, maka disini anda
akan melihat daftar-daftar blog yang aktif.

Sebagai contoh saya ambilkan blog pribadi saya


www.bagussugiarto.com.

29
c. Buat Entri

Buat entri atau artikel baru, anda tinggal klik tanda tersebut
diatas maka nanti akan mucul halaman posting.

Untuk tiap-tiap blog akan mempunyai tanda untuk pos artikel,


jadi anda tinggal pilih blog yang mana yang akan di posting.

Perhatikan gambar dibawah.

30
d. Daftar Entri

Daftar entri maksudnya adalah daftar posting atau daftar


artikel yang sudah online atau yang draf pada blogyang
bersangkutan.

Perhatikan gambar dibawah.

e. Opsi Lain

Pada opsi lain inilah terletak setting dan berbagai pengaturan


blog. Ada beberapa menu untuk opsi lain ini seperti pada
gambar dibawah.

31
Dari keterangan gambar diatas berikuit”

1. Ikhtisar

Adalah tempat untuk melihat lalu lintas pengunjung blog

2. Post

Adalah tempat untuk posting artikel, edit dan yang


berhubungan dengan artikel.

3. Laman

Laman atau pages atau halaman statis yang merupakan


sebuah pos artikel yang tidak terkait urutan atau sistematis
entri. Jadi posting yang berdiri sendiri.

4. Komentar

Tempat untuk memanage komentar yang masuk ke blog anda.

5. Statistik

32
Seperti halnya dengan ikhtisar bahwa statistik adalah tempat
melihat daftar pengunjung blog secara rinci, jika ikhtisar hanya
secara umum statistik ini akan mencatat para pengunjung
dengan detail mulai dari browser apa mereka datang dengan
kata kunci apa dan lain-lain.

6. Tata Letak

Tata letak ini adalah untuk mengatur lay out dari blog yang
bersangkutan dan juga untuk menambah widget atau fitur-fitur
lain yang sangat diperlukan.

7. Template

Adalah tempat untuk edit, ganti, atau lain-lain yang


berhubungan dengan tampilan blog.

8. Setting

Adalah untuk setting blog.

f. Preview Tiap Post

Jalan pintas jika akan melihat entri yang sudah online.

g. Pilih Bahasa

Dalam pemilihan bahasa anda tinggal klik panah ke bawah


disamping bahasa. Nanti ada pilihan bahasa, tinggal bahasa
mana yang anda pilih nanti akan otomatis bahasa terganti
dengan sendirinya.

33
h. Pengaturan Umum

Pengaturan Umum ini bersifat umum dan tidak secara khusus


ke setting blog tapi lebih bersifat ke akun googlenya.

34
D. SETTING / PENGATURAN DASAR BLOG

Setelah anda memahami dari bagian-bagian dashboard,


selanjutnya sebelum kita mulai blogging ada baiknya atau bisa
dikatakan wajib, anda harus setting blog terlebih dahulu.
Setting ini adalah setting dasar yang harus anda lakukan jika
memanage blog baru.

Tanpa setting terlebih dahulu maka ada bagian-bagian yang


bisa terlewatkanbahkan yang lebih parah blog anda tidak bisa
dinikmati oleh pengguna internet.

Baiklah tanpa panjang lebar kita mulai setting dasar yang kita
lakukan.

Jika anda masih di dashboard langsung saja klik opsi lain disitu
ada menu setelan. Silahkan klik setelan.

Dan akan muncul menu-menu dalam setelan / setting seperti


potongan gambar dibawah ini.

35
a. Dasar

Dasar

Judul : Isikan judul dari blog anda pada kolom judul ini.
ContohTutorial Blog

Deskripsi : Jelaskan secara singkat deskripsi dari blog anda


yang berkaitan dengan judul diatas. Contoh: Tempat belajar
ngeblog.. dst.

Privasi : Pilihan untuk blog anda agar mesin pencari menelusuri


blog anda atau tidak. Kalau anda memilih agar mesin pencari
tidak menelusuri maka blog anda tidak bisa diakses kecuali
anda sendiri, itupun jika anda log in di akun Google.

Penerbitan

Alamat Blog: Pada pengaturan ini kita bisa merubah nama


domain kita sesuai keinginan tapi dengan terlebih dahulu akan
dicek apakah domain tersebut ada yang gunakan atau tidak.
Disini juga kita bisa mengganti sub domain dari blogger dengan
domain milik kita sendiri. Contoh jika ingin mengganti nama-
domainmu.blogspot.com menjadi nama-domainmu.com.

Izin

Penulis Blog : Penulis blog disini adalah siapa-siapa yang bisa


memposting artikel di blog anda. Disamping anda sendiri yang
berhak menulis artikel anda juga bias menambahkan beberapa
orang untuk bias menulis dan mengfonlinekan artikel di blog
anda.

36
Pembaca Blog : Pembaca blog adalah siapa-siapa saja yang
bisa mengakses blog yang anda buat. Jika anda menginginkan
blog anda bisa diakses semua pengunjung, si dengan umum.

b. Pos Dan Komentar

Pos

Tampilkan sebanyak mungkin : Untuk mengatur berapa judul


artikel yang akan tampil di halaman pertama. Jika tampilan
default ada sebanyak 7 posting.

Template entry : Abaikan saja.

Tampilkan gambar dengan Lightbox : Abaikan saja.

37
Komentar

Lokasi Komentar: Menampilkan komentar, anda bisa memilih


komentar ada di bawah posting, jendela muncul dan halanman
penuh. Saya sarankan agar disetting untuk dibawah
posting.Jadi jika ada pengunjung yang akan komentar tidak
akan bingung mencari form komentar.

Siapa yang Dapat Mengomentari : Pilih saja semua orang, jadi


tidak ada pengecualian untuk siapa yang akan
berkomentartermasuk anonim.

Moderasi Komentar : Pilih Selalu jika setiap komentar yang


masuk ingin dimoderasi terlebih dahulu oleh anda. Pilih Hanya
pada entri yang lebih lawas dari jika komentar ingin di
moderasi terlebih dahulu terhadapat posting yang umurnya
telah anda tentukan. Pilih Tidak pernah, jika komentar yang
masuk tidak ingin dimoderasi terlebih dahulu dan akan
langsung muncul diblog anda. Jangan lupa untuk memasukkan
alamat email anda, apabila ketika ada orang yang berkomentar
anda akan mengetahuinya melalui email. Atau kosongkan saja
apabila anda tidak ingin menerima email pemberitahuan
tentang komentar.

Tampilkan Verivikasi Kata : Anda bisa pilih yang mana yang


anda suka. Dengan anda memilih verifikasi kata, maka
komentar robot atau spam akan tercounter atau tertolak
karena tidak bisa membaca kode atau kata-kata yang akan
muncul sebagai verifikasi. Tapi anda tidak usah kuatir biarpun
anda memilih tidak pada verifikasi kata, komentar spam pun
akan tidak bisa muncul karena pihak blogger sudah
mengantisipasi komentar spam.

Tampilkan Tautan Balik : Untuk menampilkan blog yang melink


ke artikel anda, pilih opsi Ya.

38
Pesan Formulir Komentar : Tulis pesan yang ingin anda
munculkan diatas kotak komentar.

c. Seluler Dan Email

Selluler

Mempublikasikan entri menggunakan SMS/MMS : Abaikan saja.

39
Email

Mempublikasikan entri menggunakan email : Setting ini bisa


dilakakukan untuk blog beralirtran ABG atau Auto Blog
Generator jadi abaikan saja, jika anda masih belum paham.

Email pemberitahuan komentar: Kemana email akan dikirim


jika ada komentar baru ?? silahkan isi disini.

Email entri ke : Abaikan saja seperti pada gambar dibawah.

d. Bahasa

Bahasa

Bahasa: Bahasa blog anda.

40
Aktifkan transliterasi : Pilih saja nonaktifkan jika tidak ingin
mengaktifkan translasi pada editor postingan.

Format

Zona Waktu : Sesuaikan dimana anda tinggal.

Format Header tanggal : Format tampilan tanggal.

Format Timestamp : Format jam untuk publikasi artikel yang


ditulis.

Format Stempel Waktu Komentar : Pilih format tanggal untuk


dipublikasikan

41
e. Preferensi Penelusuran

Tag Meta

Deskripsi : Isi deskripsi meta

Kesalahan Dan Pengalihan

Pesan Khusus Untuk Laman Tidak Ditemukan : abaikan sasja

Pengalihan Khusus: Abaikan saja

Perayap Dan Pengindeksan

Robot txt khusus : Abaikan saja

Tag Tajuk Robot Khusus : Aaikan saja

42
f. Lainnya

Alat Blog

Alat Blog : Menu untuk import atau export blog dan bisa juga
intuk hapus blog.

Umpan SItus

Izinkan umpan Blog : Pilih saja penuh.

Posting URL Pengubahan Arah Feed : Abaikan saja.

Footer Feed Posting : Abaikan saja.

Aktifkan Tautan Judul dan Tautan Lampiran : Abaikan saja.

Open ID

URL OpenID Anda : Biarkan url bawaan

Konten Khusus Dewasa

Konten Dewasa : Isi tidak, jika anda pilih ya berarti pihak


blogger menganggap isi posting / konten blog adalah konten
dewasa dan tidak bida dinikmati semua umur.

Google Analytick

ID Properti Web Analytics : Abaikan saja.

43
E. CARA POSTING

Setelah kita atur / setting pengaturan untuk blognya sekarang


kita sudah siap untuk mulai blogging, atau kegiatan ngeblog.

44
Setelah kita di dashboard langsung saja klik entri baru untuk
memulai tulis artikel, seperti yang saya tunjukan dibawah ini.

Dari klik tersebut akan muncul halaman posting seperti


dibawah ini.

Sebelum kita memulai posting ada sedikit keterangan yang


perlu saya jelaskan untuk anda yang masih benar-benar

45
pemula banget dan yang sudah mengenal, beri kesempatan
yang masih pemula untuk membacanya.

Pada entri baru atau seperti yang terdapat pada gambar di atas
terdapat pilihan dalam penulisan posting yaitu Compose dan
edit HTML. Jika anda masih belum paham dengan kode HTML
dalam penulisan posting, sebaiknya anda memakai Compose.
Disamping lebih mudah, tool pendukung penulisan juga
lengkap.

Fungsi dari tool pendukung tak beda dengan Microsoht Office


Word, hanya dalam menu posting ada beberapa penambahan.

Berikut fungsi dari tools tersebut.

a. Undo dan Redo

Undo berfungsi untuk mengembalikan satu langkah


sebelum yang sedang anda kerjakan atau lebih singkatnya
membatalkan pengeditan. Sedangkan Redo untuk mengambil
satu langkah sesudah jika anda undo atau membatalkan
pembatalan pengeditan.

b. Font

Font berfungsi memilih jenis huruf yang akan dipakai.


Disamping default font, juga anda bisa memilih sesuai
keingingn anda. Berikut contoh font yang tersedia.

46
Gambar disamping jenis-jenis huruf (karakter) yang bisa nada
gunakan dalam posting.

c. Teks

Teks berfungsi sebagai pengatur besar kecilnya teks dalam


posting. Tampilan bisa anda lihat sebagai berikut.

d. Bold

Bold berfungsi untuk cetak tebal teks.

e. Italic

Italic berfungsi untuk cetak miring teks.

f. Underline

Membuat garis dibawah teks.

47
g. Strikethrough

Jika underline berfungsi untuk membuat garis tengah di


bawah teks maka Strikethrough berfungsi memberi garis
ditengah teks.

h. Text Color

Berfungsi untuk memberi warna pada teks.

i. Text Background Color

Text Background Color berfungsi untuk memberi warna


pada latar belakang teks.

j. Add or Remove Link

Add or remove link berfungsi untuk memberi atau


menghapus link pada teks di posting blog.

k. Insert Image

Insert Image berfungsi untuk unggah foto di halaman


posting.

l. Insert a Video

Insert a video berfungsi untuk unggah video ke halaman


posting yang nantinya akan di publikasikan.

m. Insert Jump Break

Insert Jump Break berfungsi untuk menyembunyikan


sebagian posting pada blog. Biasanya ditandai dengan read
more atau baca selengkapnya.

48
n. Alignment

Alignment berfungsi sebagai pengaturan perataan teks.


Dan pada alignment ini terdiri atas empat bagian yaitu
pengaturan rata teks kiri, pengaturan rata teks tengah,
pengaturan rata teks kanan dan pengaturan rata teks kanan
dan kiri.

Lihat gambar dibawah untuk lebih jelasnya.

o. Numbered List

Numbered list berfungsi untuk membuat daftar dengan


angka

p. Bullet list

Seperti Numbered List, Bullet list berguna untuk membuat


daftar, jika numbered list dengan angka bullet list dengan
menggunakan ikon bulat sebagai daftarnya.

q. Quote

Quote berfungsi untuk membuat kutipan. Kutipan kalimat


di postingan tergantung pada keperluan.

r. Remove Formating

Remove Formating berfungsi untuk menghapus format di


lembar posting

49
s. Check Spelling

Check Spelling berfungsi untuk memeriksa ejaan kata


demi kata posting sebelum dipublikasikan.

t. Transliterate Words Type Phonetically in English script

Kata-kata transliterasi fonetik dalam skrip Jenis bahasa


Inggris.

Setelah semua beres, pengaturan (setelan) atau anda sudah


memahami symbol-simbol tools tersebut di atas, maka blog
anda siap disi dengan artikel (Posting). Jika anda sudah keluar
dari dashboard silahkan anda login dulu dengan email dan
password yang anda buat.

Jika anda sudah di dashboard klik Entri Baru untuk memulai


posting.

Lihat gambar berikut.

50
Lingkaran merah adalah judul posting

Lingkaran coklat format penulisan teks, saya


rekomendasikan bagi anda untuk menggunakan compose

Lingkaran biru sebagai tempat anda posting.

Lingkaran hijau untuk Label atau katagori dari blog yang


baru anda tulis

Lingkaran pink untuk tombol eksekusi

Dan lingkaran Hitam berfungsi untuk atur atau menjadwal


posting yang online. Jadi anda disini bisa tulis atau posting
banyak-banyak dan bisa diatur publish secara terjadwal sesuai
dengan jadwal yang sudah anda tetapkan

Langkah pertama

Isi Judul Posting pada kolom Judul.

Langkah kedua

Isi posting dengan artikel yang anda siapkan, bisa tulis


langsung ataupun dengan cara kopas jika anda sudah
menyiapkan artikel yang akan anda posting

Langkah ketiga

Tulis katagori/label dari posting anda. Ini untuk


mengelompokkan postingan-postingan anda selanjutnya
menurut katagori

51
Langkah keempat

Klik tombol publikasikan untuk menerbitkan postingan yang


anda tulis tadi

Setelah anda publish, nanti akan mucul jendela muncul yang


akan memberitahukan anda jika artikel tersebut akan
dipublikasikan juga lewat G +.

52
Sekarang artikel / posting sudah bisa dinikmati oleh seluruh
pelosok dunia sepanjang sudah ada jaringan internet.

Perhatikan gambar dibawah.

53
Pada tampilan tersebut, menu opsi lain terletak pada bagian
kiri seperti yang sudah saya beri kotak merah.

Berikut yang berhubungan dengan posting blog yang perlu


anda ketahui.

a. Pengaturan Teks

Untuk mengatur teks (rata,kanan,kiri,tengah atau kanan kiri),


berikut caranya.

Membuat rata kanan kiri sebuah artikel, block bagian yang mau
diedit pada contoh dibawah saya akan membuat rata kanan kiri
untuk semua.

Klik Aligment> pilih justify. Kini postingan anda telah berubah


menjadi rata kanan kiri sesuai dengan keinginan. Klik terbitkan
entri jika selesai, tapi jika belum selesai tahap pengeditan,
lanjutkan untuk mengedit.

54
Anda bisa melihat pebedaan sebelum dan sesudah di edit.

b. Unggah Gambar

Untuk foto pada postingan ada beberapa cara yang bisa


dipergunakan. Bisa anda memakai jasa pihak ketiga ataupun
dengan layanan blogger.

Untuk pihak ketiga anda bisa menggunakan photobucket.


Hanya saja untuk menggunakan photobucket anda diharuskan
register terlebih dahulu. Untuk memakai jasa ini agak terlalu
ribet untuk digunakan walupun layanan yang berikan free.

55
Sedangkan untuk layanan blogger lebih mudah dan lebih
praktis untuk dipergunakan. Berikut langkah yang perlu anda
lalui.

Letakkan kursor mouse ditempat anda ingin meletakan


gambar, atau buka kembali file postingan anda yg sudah
diterbitkan (tentunya melalui menu edit entri) jika posting
sudah terpublikasi.

Misal, saya ingin meletakkan gambarnya nanti di bagian yang


saya beri kotak merah.

Kemudian klik ikon insert Image seperti dalam gambar


dibawah:

56
Nanti akan muncul jendela baru.

57
Anda diminta untuk memilih dari mana foto anda yang mau di
unggah. Sebagai contoh pada gambar di atas saya akan
mengambil file penyimpanan di Harddisk.

Cari penyimpanan dan klik foto tersebut, kemudian klik open


untuk proses unggah ke postingan.

Proses berlangsung, tunggu sampai foto yang anda unggah


muncul di jendela

58
Foto berhasil diunggah, klik add selected untuk tahap
selanjutnya.

59
Foto sudah ada di halaman posting dan anda tinggal mengatur
lay out nya.

60
Sekarang tinggal anda setting untuk tata letak dan size dari
foto yang baru diunggah. Mau diperkecil, simpan di sebelah
kanan atau kiri tinggal klik tool yang muncul setelah gambar
diklik / block .

Perhatikan gambar di bawah ini.

61
Jika anda akan menaruh foto dengan format besar tinggal klik
original size, atau menurut keperluan yang dibutuhkan.

Sebelum dipublikasikan (terbitkan entri) ada baiknya anda lihat


tayangannya sebelum terbitkan entri dengan meng klik
pratinjau, jika sudah sesuai tinggal klik terbitkan entri.

Jika masih dirasa kurang pas dengan apa yang anda harapkan,
bisa dicoba diedit ulang.

Contoh pratinjau dari edit di atas seperti gambar dibawah.

62
Untuk mengeksekusi atau jika anda sudah selesai dengan edit
foto yang di unggah untuk dipublikasikan, klik terbitkan entri
untuk menerbitkannya.

c. Cara Pasang Link

Maksud dari judul di atas adalah apabila anda akan


memasukan link tanpa menulis lengkap link (url) yang dituju.
Dengan sekali klik maka akan keluar halaman baru ke link
yang anda masukan di postingan anda.

Berikut langkah yang harus anda lewati.

Masuk ke blogger dengan menggunakan email dan password


yang anda punya. Jika postingan sudah terpublikasi klik edit
entri dan pilih posting mana yang akan anda beri link. Tapi jika
masih dalam penulisan dan belum diterbitkan maka tinggal
block teks yang akan diberi link, dan klik link pada tool di atas.

63
Contoh gambar dibawah.

Akan muncul jendela baru meminta anda memasukan link,


kopas link yang dimaksud dan isikan pada kolom yang saya
beri tanda lingkaran merah berikut. Dan klik OK untuk
memasukan ke postingan.

64
Sebelum anda klik Ok ada baiknya anda atur dulu links yang
anda buat. Anda akan dapati kotak contreng seperti dibawah
ini:

65
Open this link in new window

Jika anda contreng pada kotak tersebut berarti jika diklik teks
yang baru saja diberi links / tautan maka halaman yang
muncul akan membuat tab baru atau tidak menimpa halaman
yang sedang dibuka.

Add rel=nofollowattribute

Maksudnya jika kotak tersebut dicontreng maka links tautan


tidak dianggap links. Jadi mesin pencari tidak akan menelusuri
links tersebut.

Proses selesai lihat gambar dibawah.

66
Cara diatas juga berlaku untuk gambar atau banner yang akan
diberi links. Jadi untuk penjelasan memberi links pada gambar
tidak saya jelaskn kembali.

d. Mengatur Jumlah Posting di Halaman Awal

Anda dapat mengatur berapa jumlah posting di halaman awal


yang anda suka dengan mengukuti cara di bawah, anda akan
dengan mudah menyetel sesuai keingingan.

Masuk blogger ke rancangan, pada bagian posting (lingkaran


merah) klik edit pada lingkaran biru.

67
Nanti akan muncul jendela baru yang akan menampilkan
jumlah judul pada halaman depan. Anda tinggal memberi
angka berapa untuk jumlah posting di halaman awal.

Di situ juga memberi form ubah edit, diantaranya,

Edit format tanggal

Edit diposkan oleh siapa.

Edit dimana dan kapan anda posting dipublikasikan dll. Jika


dirasa sempurna, klik save untuk tahap akhir.

68
e. Membuat Read More

Read more bertujuan untuk, memperpendek posting sesuai


dengan keperluan penyesuaian pada halaman pertama blog.
Dengan mempergunakan read more atau baca selengkapnya
bagian posting yang tidak ditampilkan pada halaman utama

69
akan sementara disembunyikan. Dan akan ditampilkan jika
pembaca / pengunjung mengklik judul atau tanda read more
posting tersebut.

Untuk membuat format tersebut anda tinggal meletakan kursor


mouse pada tempat yang anda inginkan kemudian klik Insert
Jump Break ( buka halaman sebelumnya ).

Dengan klik Insert Jump Break maka efek yang ditimbulkan


akan terlihat garis putus-putus yang menandakan bahwa
dibawah garis tersebut bagian yang tersembunyi di halaman
awal blog. Untuk lebih jelasnya bisa anda lihat pada gambar
dibawah

70
Untuk terbitkan silahkan klik terbitkan entri pada bagian kiri
bawah.

71
f. Menyusun Arsip

Untuk tampilan arsip yang akan anda pasang di halaman


pertama pihak blogger menyediakan berbagai tampilan yaitu

Hierarki

72
Daftar Flat

Menu Dropdown

Dari ketiga tampilan arsip tersebut anda tinggal pilih mana


yang disukai.

73
Untuk mengedit tampilan tersebut anda harus berada di
dashboard klik opsi lain >klik lagi tata letak. Seperti gambar di
bawah.

Setalah anda berada pada tataletak silahkan langsung klik edit


arsip seperti yang sudah saya tunjukan di gambar atas.

Dan jika arsip blog bsecara default atau bawaan atau memang
sudah terhapus klik tambah gadget untuk memulai
memunculkan kembali. Teserah mau pada tambah gadget yang
sebelah mana, karena pada dasarnya fungsinya sama saja.

Setelah anda klik tambah gadget akan muncul jendela yang


muncul seperti berikut :

74
Cari arsip blog dengan cara scroll ke bawah sampai anda dapati
arsip blog seperti gambar diatas.

Setelah anda klik teruskan pilih dengan apa yang menjadi


pilihan anda untuk membuat format arsip.

75
76
Klik simpan untuk mengakhiri tahap pengeditan tampilan arsip
blog anda.

F. MEMBUAT HALAMAN STATIS

Halaman statis atau static page merupakan halaman yang


berdiri sendiri dan bukan bagian dari posting walaupun cara
penggunaannya sama seperti kita membuat posting pada
halaman post.

Halaman ini hanya terdiri dari satu judul postingan saja dan
tidak mempunyai urutan waktu seperti halnya halaman post
yang mempunyai urutan waktu tertentu dan bisa berisi dari
beberapa judul postingan dalam satu halaman.

Biasanya halaman statis ini difungsikan untuk memuat suatu


informasi yang berhubungan dengan blog yang dikelola,
misalnya seperti kontak, daftar isi (sitemap) atau keterangan
mengenai si-pemilik blog atau about me.

Berikut cara membuat halaman statis untuk blog dengan


template bawaan dari blogger.

Setelah anda login atau masih di dashboard blog silahkan klik


untuk buka opsi lain dan klik / pilih menu laman.

77
Pada menu laman, anda akan menjumpai tampilan seperti di
atas.

Pada tampilan tersebut di atas klik menu laman baru yang


nantinya akan muncul drop down seperti dibawah ini.

Pilh Laman kosong. Dan akan muncul tampilan Halaman Statis


yang persis halaman post.

78
Perhatikan gambar dibawah ini.

Silahkan anda posting apa yang menjadi keperluan untuk blog


anda. Untuk cara posting lihat pada cara posting blog pada
bahasan sebelum ini.

Jika selesai klik Publikasikan. Hingga akan tampil susunan


Halaman Statis seperti dibawah.

79
Buat Halaman statis sesuai dengan keperluan yang anda
butuhkan. Untuk caranya sama dengan cara pada membuat
halaman statis sebelumnya. Jika sukses akan tampil susunan
halaman-halaman yang sudah anda buat.

Jika anda menginginkan halaman statis yang baru anda buat


berfungsi sebagai menu horizontal buat menu dropdown
tampilan laman sebagai tab atas.

Dengan demikian halaman statis akan tampil di halaman blog


anda menjadi menu horisontal seperti pada tampilan dibawah.

80
G. EDIT / INSTALL TEMPLATE UNDUHAN

Kelebihan dari blog yang berbasis blogspot ini, anda bisa ganti-
ganti template atau tampilan sesuka anda sesuai dengan
desain yang anda suka.

Tidak perlu anda repot mendesain atau merancang template,


karena banyak bertebaran template blogspot yang disediakan
oleh para blogger yang diberikan secara gratis ataupun
berbayar.

Anda tinggal pilih mana yang suka sesuai dengan tema blog
yang anda bangun.Dan anda bisa mencari template-template
blogspot melalui mesin pencari atau Google, gampang saja
dalam pencarian.Ketik saja template gratis blogspot pada
browser yang anda pakai.

Sebagai contoh saya ketikan kata kunci “template blogspot


gratis”.

81
Silahkan kunjungi salah satu penyedia template dan download
template yang sesuai dengan tema blog.

Jika masih dalam bentuk format rar atai zip silahkan extract
terlebih dahulu hingga file template terbuka seperti pada
gambar dibawah.

82
Sekarang ritual pencarian template sudah selesai., tinggal
bagaimana cara upload template tersebut ?? Mari kita mulai.

Saya asumsikan anda sekarang di dashboard blogger.Dan klik


opsi pilihan dan pilih template.

Akan muncul halaman baru seperti dibawah ini.

83
Untuk memulai download klik Cadangkan / Pulihkan seperti
yang sudah saya beri kotak merah pada gambar di atas.

Akan muncul jendela poop up seperti berikut.

Sebelum anda mulai install template baru anda, adabaiknya


download dahulu template asal dengan cara klik unduh
template seperti keterangan gambar di atas. Pengunduhan ini
adalah sebagai jaga-jaga jika anda akan memakai kembali
template yang akan diganti kembali atau gagal dalam
penginstalan template yang baru.

Dan untuk memulai unggah klik telusuri seperti yang sudah


saya beri tanda, perhatikan gambar di bawah.

84
Cari penyimpanan file template yang sudah anda download.
Siapkan file ke tahap ungga, seperti pada gambar di bawah.

85
Jika siap untuk unggah langsung saja klik unggah untuk
memulai.

Tunggu beberapa saat.Bila proses unggah / installasi template


sukses akan ditandai berubahnya tampilan template di
dashboard seperti gambar dibawah ini.

Dengan demikian maka selesai sudah proses dalam mengganti


template blog anda. Dan untuk edit HTML silahkan anda utak
atik sendiri, hanya saja jika anda belum menguasai kode-kode
HTML sebaiknya ujicoba dahulu pada blog percobaan, jangan
uji coba pada blog utama. Hal ini untuk menghindari kerusakan
pasa susunan HTML blog anda.

86
H. SETTING LAY OUT TEMPLATE

Secara pengertian, lay out adalah susunan atau tata letak. Jadi
setting lay out template adalah menyusun tata letak sebuah
tampilan blog supaya tampilan tersebut menjadi susuai dengan
tema blog.

Jadi dengan disusunnya tata letak ini diharapkan susunan tata


letak blog tidak acak-acakan.Disamping biar enak dilihat juga
memudahkan dalam navigasi.

Berikut cara setting lay out nya.Masih pada dashboard


blogspot, klik opsi pilihan dan pilih tata letak. Nanti akan
muncul halaman sebagi berikut.

87
Untuk menyusun gadget yang tampil pada sidebar, anda
tinggal geser gadget tersebut dan tempatkan pada tempat
yang anda anggap sesuai. Dengan cara klik kiri (tahan) pada
mouse dan lepaskan pada tempat yang diinginkan.

Jika selesai menyusun tinggal simpan agar dalam penyusunan


bias tersimpan dengan baik.

88
Penyusunan untuk lay out pada template saya anggap selesai.
Kita teruskan untuk tutorial selanjutnya.

I. MENAMBAHKAN GADGET

Bagi anda yang baru mengenal blog, Gadget itu adalah fitur
tambahan yang berupa elemen yang berguna untuk
mempercantik blog serta untuk mempermudah pengunjung
blog dalam memahami isi blog kita, yang disediakan oleh
penyedia blog anda atau disediakan oleh pihak ke tiga.

Penggunaan serta pemasangan gadget itu sangat dipermudah


oleh pihak-pihak penyedia layanan, sehingga yang anda
lakukan hanya tinggal mendaftar atau bahkan ada yang tidak
perlu mendaftar sama sekali alias hanya mengcopy script yang
telah disediakan dalam elemen blog.

89
Gadget yang dapat ditambahkan ke dalam blog jumlahnya
sangat banyak, baik yang terdapat dalam layanan blogger itu
sendiri, lebih-lebih yang disediakan oleh penyedia lain.

Untuk menambahkan gadget tersebut ikuti cata berikut.

Setelah anda pada menu tata letak seperti pada menyusun lay
out template pilih tambah gadget.

Nanti akan muncul jendela popup yang akan menampilkan


berbagai macamgadget. Anda hanya diminta memilih gadget
mana yang akan anda tambahkan ke blog anda.

90
Silahkan anda pilih gadget yang akan ditambahkan diblog
anda. Banyak terdapat pilihan gadget yang sudah tersedia dan
siap pakai tanpa anda perlu merancangnya kembali.

Jika anda akan menambahkan gadget dalam bentuk html atau


script yang anda tambahkan adalah HTML / JavaScrip.

91
Setelah anda klik html / script akan muncul jendela pop up
untuk memasukan html / script yang dimaksud.

92
Anda nanti akan menjumpai banyak gadget yang berbentuk
html / script pada bab selanjutnya (Aksesoris Blog), jadi
pahami betul-betuk untuk cara menambahkan gadget dalam
format html / script ini.

93
BABIII

PELENGKAP DAN AKSESORIS BLOG

Meskipun kini blog anda sudah siap untuk blogging tapi tanpa
adanya aksesoris lain rasanya belum lengkap. Kini anda saya
ajak untuk menambahkan aksesoris untuk memperindah blog
atau melengkapi fitur lain yang belum anda dapat di menu
tambah gadget.

Berikut beberapa aksesoris yang sering para blogger pakai


untuk dipasangkan di blognya.

A. BUKU TAMU

Memasang sebuah buku tamu (shoutbox/guestbook) pada


sebuah blog adalah hal yang cukup lumayan penting, karena
buku tamu ini merupakan salah satu sarana untuk berinteraksi
antara pemilik blog dengan para pengunjung blog. Dengan
dipajangnya buku tamu di dalam blog, maka para pengunjung
dapat mengungkapkan isi hatinya tentang blog yang anda
buat, yang pasti isi dari sebuah buku tamu ini sangatlah
bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng,
atau ada juga merupakan kritikan terhadap isi blog anda, dan
justru dengan adanya variasi itulah membuat blog kita jadi
lebih bagus.

Diantara website penyedia layanan buku tamu/ ghuest book/


pesan singkat adalah sebagai berikut:

1. www.shoutmix.com/

94
2. www.cbox.ws/

3. www.oggix.net/

4. www.sbox.ws

5. www.myshoutbox.com

6. www.freeshoutbox.net

7. www.shout-box.com

8. www.shoutboxpro.com

9. www.free-shoutbox.co.uk

10. www.messengerfreak.com

11. http://shoutbox.widget.me/

Dari sebelas penyedia layanan buku tamu tersebut pada


prinsipnya sama, satu sama lain. Dan untuk contoh anda
membuat buku tamu saya akan memberikan tutorial membuat
buku tamu dari www.cbox.ws.

Kunjungi www.cbox.wsbila anda kesulitan dalam bahasa


Inggris bisa anda terjemahkan dengan menggunakan bahasa
Indonesia.

95
Klik Link yang berlingkar merah dalam gambar di atas untuk ke
tahap selanjutnya yaitu pengisian data anda.

96
Setelah anda isi semua data-sata yang diminta oleh CBOX,
contreng pada bagian kolom kiri bawah yang menyatakan anda
setuju dengan syarat dan ketentuan layanan Cbox. Kemudian
klik buat Cbox saya

Gambar diatas menunjukan bahwa pendaftaran anda telah


sukses. Dan untuk masuk ke Control Panel silahkan masuk
dengan nama dan password yang anda daftarkan.

Setelah anda masuk dan beradfa di Control Panel silahkan edit


tampilan buku tamu yang akan di publikasikan di Blog anda
baik warna ukuran dan jenis font yang anda suka.

Tampilan lengkap Contol Panel seperti dibawah.

97
Untuk mengambil script buku tamu anda, silahkan klik Publish.
Copy dan masukan ke blog anda.

Bagaimana cara memasukkan script yang anda copy tadi ??


Ikuti langkah berikut.

98
Masuk ke dashboard anda dengan email dan password yang
anda punya.

Klik opsi pilihan, tata letak dan pilih tambah gadget.

Pada pilihan gadget, pilih HTML / Script. Isikan judul pada


kolom judul dan script pada kolom script.

99
Setelah anda paste script buku tamu yang anda copy dari
control panel cbox dan memberi judul silahkan klik simpan
untuk mempublikasikan buku tamu di blog anda

B. PENGHITUNG PENGUNJUNG

Penghitung pengunjung merupakan hal biasa yang ditampilkan


dibanyak website karena aplikasi satu ini termasuk cukup

100
penting dalam kemajuan suatu blog atau website, supaya kita
tahu seberapa banyak orang yang mengklik, mengunjungi, dan
membaca website atau blog kita.

Ada banyak layanan yang menyediakan penghitung


pengunjung diantaranya:

http://www.sitemeter.com/

http://www.alexa.com/

http://www.histats.com

http://www.quick-counter.net/

http://www.redcounter.net/

http://whos.amung.us/

http://feedjit.com/

Tapi dalam panduan ini saya akan menjelaskan cara


memasang penghitung dari SITEMETER. Karena menurut saya
Sitemeter ini tergolong komplit karena selain bisa mencatat
pengunjung yang datang dalam 1 jam atau 1 hari atau juga 1
bulan bahkan 1 tahun. Sitemeter juga memberikan informasi
dari mana pengunjung anda datang, dan pengunjung itu
menggunakan browser apa, dan lama berkunjung.

Berikut langkah untuk membuat pencatat pengunjung dengan


sitemeter.

Kunjungi http://www.sitemeter.com

101
Jika anda akan memakai yang free (gratis) klik sign up pada
Sitemeter Basic Free. Lihat pada lingkar merah.

Ikuti langkah selanjutnya seperti pada gambar dibawah.

102
Klik sign up seperti pada gambar di atas, dan isi form dibawah.

103
Sebelum next, contreng pada kolom kiri bawah yang
menandakan anda menyetujui peraturan layanan dari
sitemeter. Klik next akan tampil form yang perlu anda lengkapi
lagi. Lihat gambar di bawah.

Form akan tampil kembali seperti di bawah setelah anda klik


next. Tampilan yang akan menginformasikan data diri anda.
Lihat gambar di bawah.

104
Pendaftaran anda sukses silahkan menuju ke Manager seperti
pada gambar di bawah.

Untuk memilih tampilan pada blog klik meter style seperti pada
gambar di bawah.

105
Klik select untuk menyimpan tampilan yang akan anda
publikasikan. Untuk mengambil kode HTML dari sitemeter klik
HTML code.

Copy kode yang tertera pada bagian bawah dan pasang pada
blog anda. Untuk pemasangan lihat caranya pada cara
menambahkan gadget html / script Pada halaman 89.

C. RECENT POST

Recent post pada sebuah blog atau web sangat diperlukan bagi
pengunjung. Disamping untuk memperindah blog juga sebagai
info bagi pengunjung judul dan materi apa saja yang baru

106
diposting di blog anda. Untuk membuat Recent Post dengan
Thumbnails, silahkan ikuti cara di bawah.

<script language="JavaScript">

imgr = new Array();

imgr[0] =
"http://i725.photobucket.com/albums/ww258/an
asceria/Tutorial-jitu/no-image1.gif";

imgr[1] =
"http://i725.photobucket.com/albums/ww258/an
asceria/Tutorial-jitu/no-image2.gif";

imgr[2] =
"http://i725.photobucket.com/albums/ww258/an
asceria/Tutorial-jitu/no-image3.gif";

imgr[3] =
"http://i725.photobucket.com/albums/ww258/an
asceria/Tutorial-jitu/no-image4.gif";

imgr[4] =
"http://i725.photobucket.com/albums/ww258/an
asceria/Tutorial-jitu/no-image5.gif";

showRandomImg = true;

boxwidth = 230;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 40;

thumbheight = 40;

107
fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page =
"http://alamatanda.blogspot.com/";

</script>

<script
src="http://infonetmu.googlecode.com/files/rece
ntposts_thumbnail.js"
type="text/javascript"></script>

Keterangan:

Warna merah ganti dengan alamat blog anda.

Dan untuk tampilan silahkan anda otak atik sendiri, sebagai


contoh thumbwidth = 40; thumbheight = 40; adalah lebar dan
tinggi gambar, numposts = 10; jumlah pos yang di tampilkan
dll.

108
Hasil dari script di atas bisa anda lihat seperti dibawah ini.

D. RECENT COMMENT

Seperti halnya Recent Post, Recent Comment juga sangat


penting peranannya pada sebuah blog atau website karena
dengan recent comment pemilik blog akan tahu lebih cepat
siapa saja yang berkomentar hingga akan tercipta suasana
komunikatif karena akan segera bisa membalas komentar
tersebut.

Untuk membuat recent comment masukan cript di bawah ke


dalam blog anda. Proses sama dengan recent post di atas.

109
<script>

function showrecentcomments(json) {

for (var i = 0; i < numcomments; i++) {

var entry = json.feed.entry[i];

var alturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}//edit by http://www.masbugie.com

alturl = alturl.replace("#", "#comment-");

var postlink = alturl.split("#");

postlink = postlink[0];

var linktext = postlink.split("/");

linktext = linktext[5];

linktext = linktext.split(".html");

linktext = linktext[0];

var posttitle = linktext.replace(/-/g," ");

posttitle = posttitle.link(postlink);

var commentdate = entry.published.$t;

110
var cdyear = commentdate.substring(0,4);

var cdmonth = commentdate.substring(5,7);

var cdday = commentdate.substring(8,10);

var monthnames = new Array();

monthnames[1] = "Jan";

monthnames[2] = "Feb";

monthnames[3] = "Mar";

monthnames[4] = "Apr";

monthnames[5] = "May";

monthnames[6] = "Jun";

monthnames[7] = "Jul";

monthnames[8] = "Aug";

monthnames[9] = "Sep";

monthnames[10] = "Oct";

monthnames[11] = "Nov";

monthnames[12] = "Dec";

if ("content" in entry) {

var comment = entry.content.$t;}

else

if ("summary" in entry) {

var comment = entry.summary.$t;}

else var comment = "";

var re = /<s[^>]*>/g;

111
comment = comment.replace(re, "");

if (!standardstyling) document.write('<div
class="bbrecpost">');

if (standardstyling) document.write('<li>');

document.write('<a href="' + alturl + '">' +


entry.author[0].name.$t + '</a>');

if (showposttitle == true) document.write(' on ' +


posttitle);

if (showcommentdate == true) document.write('


at ' + monthnames[parseInt(cdmonth,10)] + ' ' +
cdday + ' ');

if (!standardstyling) document.write('</div><div
class="bbrecpostsum">');

if (standardstyling) document.write('<br/>');

if (comment.length < numchars) {

if (standardstyling) document.write('<i>');

document.write(comment);

if (standardstyling) document.write('</i>');}

else

if (standardstyling) document.write('<i>');

comment = comment.substring(0, numchars);

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

document.write(comment + '...<a href="' + alturl

112
+ '">(more)</a>');

if (standardstyling) document.write('</i>');}

if (!standardstyling) document.write('</div>');

}//edit by http://www.masbugie.com

if (!standardstyling) document.write('<div
class="bbwidgetfooter">');

if (standardstyling) document.write('</li>');

if (!standardstyling) document.write('</div>');}

</script>

<script style="text/javascript">

var numcomments = 7;

var showcommentdate = false;

var showposttitle = true;

var numchars = 100;

var standardstyling = true;

</script>

<script
src="http://alamatbloganda.blogspot.com/feeds/c
omments/default?alt=json-in-
script&callback=showrecentcomments"></script>

Keterangan:

Ganti warna merah dengan alamat blog anda. Dan untuk


setting penampilan silahkan lakukan seperti pada recent post.

113
Hasil dari script di atas bisa dilihat seperti di bawah ini.

E. KALENDER

Disamping untuk memperindah blog, kalender juga sangat


membantu untuk mengingatkan hari atau tanggal berapa hari
ini.

Untuk menambahkan kalender pada blog, anda anda harus ke


alamat berikut http://www.free-blog-content.com pilih katagori
kalender dibagian bawah yang anda suka.

114
Sebagai contoh saya akan memakai abstract calenders

115
Untuk tampilan gambar kalender saya pilih yang saya beri
lingkaran merah. Copy kode pada lingkaran biru seperti pada
gambar di atas, dan pasang pada blog anda. Cara pemasangan
sama seperti menambahkan dagdet.

F. JAM

Seperti halnya kalender, penampilan jam pada blog juga


sangat berpengaruh untuk keindahan.

Untuk memasang tampilan jam silahkan kunjungi


http://www.clocklink.com

Pilih katagori dari penampilan jam yang anda suka, untuk


memilih katagori anda bisa lihat pada lingkaran merah pada
gambar di atas.

116
Untuk contoh saya pilih digital kemudian klik view HTML tag
untuk mengambil kode yang harus dipasang di blog.

Sebelum anda mengambil kode yang akan dipasang di blog,


anda diwajibkan menyetujui ketentuan dan layanan dari pihak
ClockLink dengan meng klik accept.

Copy dan paste kode yang saya beri lingkaran merah ke blog
anda. Cara masih sama dengan yang sudah-sudah.

G. CHAT YAHOO

Satu lagi kelengkapan blog atau website adalah Chat Yahoo.


Keberadaan Chat Yahoo bagi sebagian kalangan bisnis
sangatlah penting peranandan kegunaannya. Karena

117
pengunjung dapat berinteraksi langsung dengan kita sebagai
pemilik blog atau website yang siap sedia memberikan layanan
untuk para pengunjung.

Untuk memasangnya silahkan ikuti langkah berikut.

<a href="ymsgr:sendIM?Id_yahoo_kamu"><img
src="http://opi.yahoo.com/online?u=Id_yahoo_k
amu&amp;m=g&amp;t=0&amp;l=us"/>

</a>

Perhatikan kode HTML di atas.

Pada bagian berwarna merah silahkan anda ganti dengan Id


yahoo yang anda punya. Sedangkan untuk berwarna biru
adalah gambar ikon YM yang akan anda pasang. Untuk melihat
dan memilih gambar ikon yang anda suka bisa anda lihat di
bawah.

118
119
Setelah anda edit kode yang ada di atas silahkan anda
masukan ke blog anda, caranya lihat pada cara menambahkan
gadget HTML / script.

H. BLOGROLL

Fungsi utama dari bloggroll bagi para blogger adalah sebagai


berikut:

120
 Mempermudah kunjungan ke blog teman-teman

Dengan menambahkan link dari blog sahabat akan


mempermudah anda dalam melakukan Blog Walking
(kunjungan kesama blogger)

 Mendapatkan atau mempererat persahabatan antar


blogger

Dengan saling bertukar blogroll akan terjalin suatu


persahabatan yang erat antara sesama blogger. Lakukan tukar
link dengan sesame blogger tanpa melihat apakah blog
tersebut mempunyai PR tinggi atau rendah.

 Mempromosikan blog lain yang kita miliki

Dengan memiliki blogroll di sidebar blog kita, kita dapat


menambahkan beberapa blog yang kita miliki sekaligus untuk
mempromosikannya kepada pengunjung. Dengan adanya link
yang terpampang di blogroll kita, berarti link tersebut memiliki
peluang untuk diklik oleh pembaca.

 Sarana promosi di tempat lain

Jika sudah ada blogger lain yang memasang link blog kita di
blogroll mereka, maka kita sudah mempromosikan blog kita.

 Meningkatkan traffic untuk blog yang kita miliki

Dengan semakin banyak sahabat blogger yang memasang link


kita, dimungkinkan PR dari blog kita akan terdongkrak yang
otomatis akan semakin mendapat tempat di mesin pencari.

121
Untuk lebih jelasnya dalam pemasangan bloggroll di blogspot
berikut uraian secara rincinya:

Masuk ke dasbor dengan email dan password blog anda. Klik


opsi lain dan menuju ke tata letak.

Klik tambah gadget pada tata letak seperti pada gambar di


atas yang akan mengantarkan anda ke tahap selanjutnya.
Lihat gambar di bawah.

122
123
Keterangan:

Judul : Isi dengan Blogroll atau ganti dengan yang lain


misalnya Sahabat Blogger.

Jumlah tautanyang akan diperlihatkan : Sebaiknya


dikosongkan saja untuk jumlah yang maksimal.

124
Menyortir : Untuk mengatur judul blog yang akan ditampilkan
agar sesuai abjad atau sebaliknya.

URL situs baru : Isi dengan alamat URL yang akan dituju.

Nama situs baru : Adalah nama judul blog yang akan di


tampilkan.

Jika semua sudah terisi silahkan klik simpan untuk publikasi


blogroll yang nantinya akan terpampang di halaman awal blog
anda.

I. GANTI GAMBAR HEADER

Untuk memasang gambar di header yang harus anda ketahui


terlebuh dahulu adalah ukuran dari header blog anda.

Untuk melihat ukuran ikuti cara sebagai berikut:

Masuk ke blogger

Menuju ke Opsi Pilihan pilih template dan buka edit HTML.

Setelah masuk cari kode #header-wrapper, jika anda kesulitan


mencari dari seluruh kode yang ada pakai dengan pencarian
cepat dengan cara klik ctrl + F yang akan memunculkan kotak
pencarian (find). Masukan ke kotak pencarian kode #header-
wrapper terus enter nanti akan tertera kode seperti berikut:

#header-wrapper {

width:700px;

height:150px;

background:#0000ff;

125
margin:0 auto;

Angka 700 pada width:700px; menunjukan lebar heder adalah


700 pixel, sedangkan height:150px; menunjukan tinggi header
adalah 150 pixel.

Ukuran tersebut hanyalah satu contoh ukuran header, karena


tiap template tidak sama ukuran template maka angka
tersebut juga akan lain satu sama lain. Anda tinggal melihat
ukuran dari header template anda sendiri ada berapa angka
yang tertulis seperti diatas.

Contoh asli dari edit HTML untuik mencari ukuran header bisa
anda lihat seperti dibawah ini.

126
Anda sudah mengetahui ukuran header anda, tinggal anda
membuat kreasi sendiri untuk membuat gambar yang akan
anda pasang di header blog anda.

Anda bisa menggunakan CorelDraw atau Adobe Photoshop


untuk membuat gambar. Yang perlu anda perhatikan dalam
membuat gambar adalah sesuai dengan ukuran yang anda cari
di HTML template anda tadi.

Anggap anda telah selesai dalam membuat gambar.

Dan tahap selanjutnya adalah memasang di blog anda.

Pada tata letak klik edit header untuk memulai memasang


headernya.

Nanti akan muncul seperti gambar dibawah.

127
Keterangan:

Cari penyimpanan gambar yang baru anda buat, dengan


mengklik choose. Setelah anda dapatkan gambar tersebut klik
gambar dan klik open untuk meng unggah foto tersebut.

128
Tunggu proses unggah selesai dengan ditandai dengan
munculnya gambar di kotak gambar.

Untuk penempatan, Jika anda telah menuliskan judul blog pada


gambar dan tidak menginginkan judul asli muncul di header
klik selain judul dan keterangan, piplihan ini akan menutup
judul asli dari blogger. Sedangkan jika anda mengginginkan
judul asli akan muncul maka klik paling atas seperti gambar.

Untuk yang lainnya bisa anda abaikan dan kosongi saja.

Setelah siap pasang anda tinggal kilk simpan. Dan tunggu


beberapa saat, kini gambar header anda telah berganti sesuai
apa yang anda inginkan.

129
BAB IV

PEMBUATAN BLOG (WORDPRESS)

Seperti halnya membuat blog dari blogspot, membuat blog dari


wordpress pun harus melalui tahapan mulai dari pendaftaran
sampai aktifasi akun.

Seperti sudah saya jelaskan sebelumnya bahwa wordpress juga


masuk dalam katagori blog free.

Penasaran dengan tampilan wordpress sebelum anda memulai


membuat ??

130
Tampilan di atas adalah tampilan masih standar dari
Wordpress. Dengan posting pertama setting dari pengelola.

A. PROSES PEMBUATAN WOPRDPRESS

Untuk membuat blog dari wordpress, mari kita mulai langkah


demi langkah hingga anda mampu secara mandiri membuat
blog Wordpress.

Pertama yang anda lakukan harus menuju ke


www.wordpress.com jika anda kesulitan dengan bahasa Inggris
silahkan ganti dengan menggunakan Bahasa Indonesia dengan
mengganti bahasa seperti pada gambar di bawah yang saya
beri lingkar merah.

131
Dan untuk memulai register silahkan klik

Yang akan membawa anda ke form untuk pembuatan akun


wordpress.

132
133
Tahap register anda telah sukses. Dan untuk aktifasi silahkan
anda periksa email yang anda masukan dalam pendaftaran
tadi.

Gambar dibawah adalah pemberitahuan bahwa anda dalam 30


menit akan menerima e mail dari wordpress. Pemberitahuan
untuk aktifasi yang link aktifasi ada dalam e mail.

134
Contoh email aktifasi yang di kirim ke email anda.

Setelah aktifasi blog anda, maka blog wordpress anda siap


untuk digunakan.

Jika anda akan keluar ikuti petunjuk di bawah ini.

135
Sedangkan untuk masuk masukan email dan password (kata
sandi) anda.

B. MENGENAL MENU WORDPRESS

Seperti halnya pada bologspot dalam wordpresspun terdapat


beberapa menu pada admin area. Berikut menu-menu pada
admin area wordpress:

136
 Dasbor

 Toko

 Tulisan

 Media

 Tautan

 Halaman

 Komentar

 Feedback

 Polling

 Ratings

 Tampilan

 Pengguna

 Perkakas

 Pengaturan

Untuk lebih jelasnya silahkanlihat gambarnya. Tampilan


gambar tersebut adalah tampilan dari Admin Area wordpress.

C. CARA POSTING

Untuk posting anda diharuskan sudah ada di admin area, jika


belum silahkan masuk dahulu dengan email dan password yang
anda daftarkan.

Masuk pada admin area wordpress yang anda punya.

137
Klik Menu Tulisan dan tambahkan tulisan baru dengan apa
yang akan anda posting.

Silahkan anda perhatikan gambar dibawah.

Pada tampilan di atas silahkan anda mengisi :

 Judul posting.

 Pada area posting silahkan anda menulis artikel yang akan


anda tampilkan di blog. Jika anda sudah menyiapkan
artikelnya di Word atau sejenisnya, silahkan tinggal anda
copy dan paste di area posting.

138
 Pratinjau sangat berarti bagi anda, ini berfungsi untuk
melihat nanti di blog bagaimana isi yang dan lay out
postingan anda.

Untuk yang lain-lain tentang tool post, silahkana anda baca di


pada keterangan di blogspot, karena hampir tidak ada
perbedaan antara wordpress dan blogspot.

Jika sudah siap untuk publikasi silahkan anda klik

Maka postingan akan online dan bisa di akses di seluruh dunia.

D. EDIT POSTING YANG SUDAH DIPUBLIKASIKAN

Seperti biasa anda diwajibkan harus sudah berada di admin


area. Masuk ke menu Tulisan dan klik Semua Tulisan. Disana
anda akan melihat tampilan posting anda, tinggl pilih yang
mana anda akan edit.

Lihat gambar di bawah untuk memperjelas.

139
Silahkan anda edit sesuai kebutuhan. Saya tidak akan
mendetail dalam keterangan pengeditan karena cara dan tool
yang dipakai sama dengan blogspot.

Jika selesai dalam pengeditan silahkan klik terbitkan seperti,


maka posting anda akan terpublikasi dengan format edit yang
baru anda lakukan tadi.

E. GANTI GAMBAR HEADER

Untuk mengganti gambar tampilan header pada WordPress


milik anda, lebih sedikit mudah dibandingkan pada proses
penggantian pada blogspot. Jika pada blogspot anda
diharuskan melihat ukuran headernya di edit HTML, tapi pada
wordpress anda mampu melihat ukuran header tanpa harus
bersusah payah. Untuk mengganti silahkan ikuti langkah
seperti dibawah ini.

140
Di admin area klik Tampilan > Kepala Halaman. Nanti di kepala
halaman anda akan melihat tampilan seperti dibawah.

Anda akan melihat tampilan gambar header yang masih


terpasang di WordPress. Dan dibawahnya pada Upload Image
disitu tertera ukuran dari panjang dan lebar header yang ada
pada halaman wordpress anda. Contoh yang saya pakai diatas
adalah 904 X 160 pixels.

Tahap selanjutnya anda harus merancang gambar yang sesuai


ukuran pixels seperti di atas untuk mengganti gambar yang
anda pasang sekarang atau gambar bawaan dari template asli
dari WordPress.

141
Untuk tahap ini saya rasa anda sudah paham. Tinggal di
simpan gambar hasil kreasi anda di file.

Sekarang untuk unggah anda klik Telusuri pada kolom seperti


gambar ini. yang nantinya anda
harus mencari file gambar yang anda simpan tadi.

Untuk memasukan gambar siap unggah silahkan anda klik


open. Seperti petunjuk gambar di atas. Dengan anda mengklik
open maka gambar anda siap di upload ke wordpress anda.

142
Setting selanjutnya sebelum unggah adalah display text, jika
anda akan meniadakan teks asli karena pada gambar
rancanagn anda sudah dilampirkan maka pilih tidak pada
display text seperti gambar diatas.

Kemudian untuk eksekusi atau menyimpan perubahan silahkan


klik simpan perubahan yang berlatar belakang biru.

Sebelum

Sesudah

143
Untuk perancangan gambar anda bisa gunakan Adobe
Photoshop atau sejenisnya.

F. MEMBUAT BLOGROLL

Seperti halnya dalam blogspot yang sudah dibahas


sebelumnya, blogroll juga bisa dipasang di wordpress. Berikut
cara memasang blogroll pada wordpress, setelah anda ada di
admin area silahkan masuk ke tambahkan tautan baru pada
menu tautan.

Isi sesuai form yang disediakan seperti pada gambar di bawah.

144
Pada halaman awal wordpress tampilan blogroll akan tampak
seperti ini.

Untuk mengganti judul dari blogroll silahkan anda masuk ke


katagori tautan pada menu tautan seperti di bawah ini.

145
Dan untuk menyelesaikan klik perbarui.

G. MENAMBAH WIDGED PADA SIDEBAR

Wordpress menyediakan banyak sekali widget yang dapat anda


pasang pada sidebar blog anda. Bagaimana mengaktifkan
widget di sidebar? Ikuti langkah-langkah berikut.

Istilah widget di dunia teknologi informasi agak berbeda dari


arti kata widget dalam bahasa Indonesia, tetapi memiliki
makna inti yang sama. Widget artinya perangkat mekanis kecil
seperti knop atau saklar,perangkat mekanis kecil atau
control,atau gadget.

Pada admin area silahkan klik widget pada menu tampilan yang
nantinya akan muncul jendela untuk menampilkan widget.

146
Untuk menampilkan/mengaktifkan widget di Sidebar blog anda,
Klik drag and drop (seret dan lepaskan/timpakan) widget
pilihan anda ke sidebar. Dari sebelah kiri seret ke sebelah
kanan dan tinggal anda modifikasi apa yang anda masukan.

Untuk menonaktifkan widget anda tinggal melakukan


sebaliknya, seret dari bilah sisi ke nonaktifkan widget (gambar
atas yang sebelah bawah). Dengan demikian widget akan tidak
terlihat pada halaman blog anda.

147
H. MENGGANTI TEMPLATE WORDPRESS

Untuk mengganti template dari wordpress bawaan sangatlah


mudah, karena pihak wordpress telah menyiapkan banyak
pilihan template yang siap untuk anda pilih sebagai tampilan.

148
Untuk melakukan setting atau mengganti template anda harus
berada pada admin area dan masuk ke tema pada menu
tampilan.

Setelah anda masuk ke tema, anda dipersilahkan memilih jenis


template yang akan anda pasang di blog anda, sebagai contoh
saya akan memilih popular pada template yang akan saya
pasang. Lihat lingkaran merah. Dan saya akan memilih
template Digg 3 Column.

149
Klik aktifkan untuk aktifkan template Digg 3 Column.

I. PENGATURAN UMUM WORDPRESS

Sebagai penutup dari ebook Panduan membuat Blog Blogspot


dan Wordpress ini saya akan menampilkan bagaimana cara
mensetting pengaturan secata umum pada blog wordpress
yang perlu anda ketahui. Tanpa pengaturan umum ini anda
akan kesulitan dalam melakukan kegiatan ngeblog di kemudian
hari.

150
CATATAN

Untuk penggantian template wordpress free hanya bisa


dilakukan pada template bawaan WordPress, anda bisa
mengganti dengan kreasi jika anda memakai domain dan
hosting berbayar.

151
Dan juga wordpress free tidak bisa menerima script seperti
halnya Blogspot.

TAMMAT

152
=======================================
========

Segala bentuk penyempurnaan, update, maupun penambahan


materi jika diperlukan, saya akan berlakukan pada ebook ini
pada edisi revisi selanjutnya.

Revisi Pertama: Nopember 2013

=======================================
========

153
PENUTUP

Salam sukses bagi anda

BAGUS SUGIARTO
KMO NON FIKSI BATCH 14

154

Anda mungkin juga menyukai