BAGUS SUGIARTO
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.
Sarana Promosi
Bagus Sugiarto
2
Ketentuan Kepemilikan Ebook
3
DAFTAR ISI
KATA PENGANTAR . . . 2
KETENTUAN KEPEMILIKAN . . . 3
DAFTAR ISI . . . 4
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
A. PEMBUATAN AKUN . . . 17
B. PEMBUATAN BLOG . . . 23
C. MENGENAL LAY OUT / MENU DASAR . . . 28
4
f. Preview Tiap Post . . . 33
g. Pilih Bahasa . . . 33
h. Pengaturan Umum . . . 34
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
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
PENUTUP . . . 154
6
BAB I
A. PENGERTIAN BLOG
a. Sejarah
7
yang diperuntukkan kepada perkembangan para penulis blog
tersebut.
b. Komunitas Blogger
8
masuk di komunitas tersebut, misalkan berasal dari daerah
tertentu.
c. Jenis-jenis Blog
9
11. Blog pendidikan: Biasanya ditulis oleh pelajar atau
guru.
d. Budaya Populer
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.
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.
a. Sejarah
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 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:
13
perangkat lunak ini misalnya: Microsoft Frontpage, Macromedia
Dreamweaver.
14
web dilengkapi dengan mesin penerjemah bahasa skrip (PHP,
ASP, ColdFusion, atau lainnya), serta perangkat lunak sistem
manajemen basisdata relasional seperti MySQL.
C. KESIMPULAN
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.
16
BAB II
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
17
Untuk lebih jelasnya simak gambar berikut beserta urutan
dalam pembuatan blog dari blogspot.
Klik www.blogger.com
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.
21
Klik saja kembali ke blogger, akan pemberitahuan tentang
konfirmasi profil seperti dibawah, langsung saja klik lanjutkan
ke blogger seperti yang sudah diberi tanda.
22
Langkah pertama pembuatan blog telah selesai kini anda sudah
mempunyai akun Google.
B. PEMBUATAN BLOG
23
Silahkna isi form untuk data blog anda.
24
Isi Form isian untuk pemberian judul blog sesuai dengan
kebutuhan anda.
Pilih juga tampilan yang akan anda pakai untuk blog perdana
anda, dan saya contohkan jendela gambar.
Ops…..
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.
27
Yups proses selesai, untuk melihat blog perdana silahkan lihat
kealamat blog anda sendiri. Kalau dalam contoh diatas adalah
www.demoblogrop.blogspot.com
28
Dari gambar diatas saya akan memberikan keterangan dan
fungsi masing-masing sebagai berikut;
Jika anda mempunyai blog lebih dari satu, maka disini anda
akan melihat daftar-daftar blog yang aktif.
29
c. Buat Entri
Buat entri atau artikel baru, anda tinggal klik tanda tersebut
diatas maka nanti akan mucul halaman posting.
30
d. Daftar Entri
e. Opsi Lain
31
Dari keterangan gambar diatas berikuit”
1. Ikhtisar
2. Post
3. Laman
4. Komentar
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
8. Setting
g. Pilih Bahasa
33
h. Pengaturan Umum
34
D. SETTING / PENGATURAN DASAR BLOG
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.
35
a. Dasar
Dasar
Judul : Isikan judul dari blog anda pada kolom judul ini.
ContohTutorial Blog
Penerbitan
Izin
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.
Pos
37
Komentar
38
Pesan Formulir Komentar : Tulis pesan yang ingin anda
munculkan diatas kotak komentar.
Selluler
39
Email
d. Bahasa
Bahasa
40
Aktifkan transliterasi : Pilih saja nonaktifkan jika tidak ingin
mengaktifkan translasi pada editor postingan.
Format
41
e. Preferensi Penelusuran
Tag Meta
42
f. Lainnya
Alat Blog
Alat Blog : Menu untuk import atau export blog dan bisa juga
intuk hapus blog.
Umpan SItus
Open ID
Google Analytick
43
E. CARA POSTING
44
Setelah kita di dashboard langsung saja klik entri baru untuk
memulai tulis artikel, seperti yang saya tunjukan dibawah ini.
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.
b. Font
46
Gambar disamping jenis-jenis huruf (karakter) yang bisa nada
gunakan dalam posting.
c. Teks
d. Bold
e. Italic
f. Underline
47
g. Strikethrough
h. Text Color
k. Insert Image
l. Insert a Video
48
n. Alignment
o. Numbered List
p. Bullet list
q. Quote
r. Remove Formating
49
s. Check Spelling
50
Lingkaran merah adalah judul posting
Langkah pertama
Langkah kedua
Langkah ketiga
51
Langkah keempat
52
Sekarang artikel / posting sudah bisa dinikmati oleh seluruh
pelosok dunia sepanjang sudah ada jaringan internet.
53
Pada tampilan tersebut, menu opsi lain terletak pada bagian
kiri seperti yang sudah saya beri kotak merah.
a. Pengaturan Teks
Membuat rata kanan kiri sebuah artikel, block bagian yang mau
diedit pada contoh dibawah saya akan membuat rata kanan kiri
untuk semua.
54
Anda bisa melihat pebedaan sebelum dan sesudah di edit.
b. Unggah Gambar
55
Sedangkan untuk layanan blogger lebih mudah dan lebih
praktis untuk dipergunakan. Berikut langkah yang perlu anda
lalui.
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.
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 .
61
Jika anda akan menaruh foto dengan format besar tinggal klik
original size, atau menurut keperluan yang dibutuhkan.
Jika masih dirasa kurang pas dengan apa yang anda harapkan,
bisa dicoba diedit ulang.
62
Untuk mengeksekusi atau jika anda sudah selesai dengan edit
foto yang di unggah untuk dipublikasikan, klik terbitkan entri
untuk menerbitkannya.
63
Contoh gambar dibawah.
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
66
Cara diatas juga berlaku untuk gambar atau banner yang akan
diberi links. Jadi untuk penjelasan memberi links pada gambar
tidak saya jelaskn kembali.
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.
68
e. Membuat Read More
69
akan sementara disembunyikan. Dan akan ditampilkan jika
pembaca / pengunjung mengklik judul atau tanda read more
posting tersebut.
70
Untuk terbitkan silahkan klik terbitkan entri pada bagian kiri
bawah.
71
f. Menyusun Arsip
Hierarki
72
Daftar Flat
Menu Dropdown
73
Untuk mengedit tampilan tersebut anda harus berada di
dashboard klik opsi lain >klik lagi tata letak. Seperti gambar di
bawah.
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.
74
Cari arsip blog dengan cara scroll ke bawah sampai anda dapati
arsip blog seperti gambar diatas.
75
76
Klik simpan untuk mengakhiri tahap pengeditan tampilan arsip
blog anda.
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.
77
Pada menu laman, anda akan menjumpai tampilan seperti di
atas.
78
Perhatikan gambar dibawah ini.
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.
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.
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.
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.
83
Untuk memulai download klik Cadangkan / Pulihkan seperti
yang sudah saya beri kotak merah pada gambar di atas.
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.
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.
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.
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.
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.
Setelah anda pada menu tata letak seperti pada menyusun lay
out template pilih tambah gadget.
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.
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
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.
A. BUKU TAMU
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/
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
97
Untuk mengambil script buku tamu anda, silahkan klik Publish.
Copy dan masukan ke blog anda.
98
Masuk ke dashboard anda dengan email dan password yang
anda punya.
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
100
penting dalam kemajuan suatu blog atau website, supaya kita
tahu seberapa banyak orang yang mengklik, mengunjungi, dan
membaca website atau blog kita.
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/
Kunjungi http://www.sitemeter.com
101
Jika anda akan memakai yang free (gratis) klik sign up pada
Sitemeter Basic Free. Lihat pada lingkar merah.
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.
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[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;
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
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:
108
Hasil dari script di atas bisa anda lihat seperti dibawah ini.
D. RECENT COMMENT
109
<script>
function showrecentcomments(json) {
var alturl;
if (i == json.feed.entry.length) break;
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}//edit by http://www.masbugie.com
postlink = postlink[0];
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
posttitle = posttitle.link(postlink);
110
var cdyear = commentdate.substring(0,4);
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) {
else
if ("summary" in entry) {
var re = /<s[^>]*>/g;
111
comment = comment.replace(re, "");
if (!standardstyling) document.write('<div
class="bbrecpost">');
if (standardstyling) document.write('<li>');
if (!standardstyling) document.write('</div><div
class="bbrecpostsum">');
if (standardstyling) document.write('<br/>');
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
if (standardstyling) document.write('<i>');
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;
</script>
<script
src="http://alamatbloganda.blogspot.com/feeds/c
omments/default?alt=json-in-
script&callback=showrecentcomments"></script>
Keterangan:
113
Hasil dari script di atas bisa dilihat seperti di bawah ini.
E. KALENDER
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
116
Untuk contoh saya pilih digital kemudian klik view HTML tag
untuk mengambil kode yang harus dipasang di blog.
Copy dan paste kode yang saya beri lingkaran merah ke blog
anda. Cara masih sama dengan yang sudah-sudah.
G. CHAT YAHOO
117
pengunjung dapat berinteraksi langsung dengan kita sebagai
pemilik blog atau website yang siap sedia memberikan layanan
untuk para pengunjung.
<a href="ymsgr:sendIM?Id_yahoo_kamu"><img
src="http://opi.yahoo.com/online?u=Id_yahoo_k
amu&m=g&t=0&l=us"/>
</a>
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
120
Mempermudah kunjungan ke blog teman-teman
Jika sudah ada blogger lain yang memasang link blog kita di
blogroll mereka, maka kita sudah mempromosikan blog kita.
121
Untuk lebih jelasnya dalam pemasangan bloggroll di blogspot
berikut uraian secara rincinya:
122
123
Keterangan:
124
Menyortir : Untuk mengatur judul blog yang akan ditampilkan
agar sesuai abjad atau sebaliknya.
URL situs baru : Isi dengan alamat URL yang akan dituju.
Masuk ke blogger
#header-wrapper {
width:700px;
height:150px;
background:#0000ff;
125
margin:0 auto;
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.
127
Keterangan:
128
Tunggu proses unggah selesai dengan ditandai dengan
munculnya gambar di kotak gambar.
129
BAB IV
130
Tampilan di atas adalah tampilan masih standar dari
Wordpress. Dengan posting pertama setting dari pengelola.
131
Dan untuk memulai register silahkan klik
132
133
Tahap register anda telah sukses. Dan untuk aktifasi silahkan
anda periksa email yang anda masukan dalam pendaftaran
tadi.
134
Contoh email aktifasi yang di kirim ke email anda.
135
Sedangkan untuk masuk masukan email dan password (kata
sandi) anda.
136
Dasbor
Toko
Tulisan
Media
Tautan
Halaman
Komentar
Feedback
Polling
Ratings
Tampilan
Pengguna
Perkakas
Pengaturan
C. CARA POSTING
137
Klik Menu Tulisan dan tambahkan tulisan baru dengan apa
yang akan anda posting.
Judul posting.
138
Pratinjau sangat berarti bagi anda, ini berfungsi untuk
melihat nanti di blog bagaimana isi yang dan lay out
postingan anda.
139
Silahkan anda edit sesuai kebutuhan. Saya tidak akan
mendetail dalam keterangan pengeditan karena cara dan tool
yang dipakai sama dengan blogspot.
140
Di admin area klik Tampilan > Kepala Halaman. Nanti di kepala
halaman anda akan melihat tampilan seperti dibawah.
141
Untuk tahap ini saya rasa anda sudah paham. Tinggal di
simpan gambar hasil kreasi anda di file.
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.
Sebelum
Sesudah
143
Untuk perancangan gambar anda bisa gunakan Adobe
Photoshop atau sejenisnya.
F. MEMBUAT BLOGROLL
144
Pada halaman awal wordpress tampilan blogroll akan tampak
seperti ini.
145
Dan untuk menyelesaikan klik perbarui.
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.
147
H. MENGGANTI TEMPLATE WORDPRESS
148
Untuk melakukan setting atau mengganti template anda harus
berada pada admin area dan masuk ke tema pada menu
tampilan.
149
Klik aktifkan untuk aktifkan template Digg 3 Column.
150
CATATAN
151
Dan juga wordpress free tidak bisa menerima script seperti
halnya Blogspot.
TAMMAT
152
=======================================
========
=======================================
========
153
PENUTUP
BAGUS SUGIARTO
KMO NON FIKSI BATCH 14
154