Step by Step Ngeblog

Sampai Siap Dipublikasikan

Pengenalan tentang dunia blog sudah diberikan di Bab 2, sekarang

saatnya kita mulai action! Membuat blog itu tidak sulit, yang
penting adalah niat. Apabila Anda menemukan kesulitan, ada
banyak tempat untuk bertanya dan menimba ilmu. Antara lain
dengan bertanya dengan blogger lain maupun berinteraksi di
forum khusus blogger. Tidak percaya bikin blog itu gampang? Ikuti
cara-cara berikut ini!

3.1 Daftar Dulu Dong!

3.1.1 Mendaftar Akun Google
Google menyediakan berbagai macam service yang bisa kita
manfaatkan secara gratis, termasuk akun email. Mengapa harus
akun Google? Karena dengan mendaftar akun Google, kita dapat
memanfaatkan beragam layanan yang disediakan oleh Google. Di
antaranya email, Blogspot.com, image hosting, sampai Youtube.
Pergi ke alamat gmail.com. Klik pilihan Create an account.

39
 Gambar 3.1 Pendaftaran Google Account

Isilah kotak yang tersedia, seperti First dan Last name, Desired
Login Name, dan password. Untuk Desire Login Name, ketikkan
alamat email yang Anda inginkan dan klik check availability untuk
mengecek apakah tersedia atau tidak.

Gambar 3.2 Isikan data diri

Pilihlah security question, answer (pertanyaan yang ditanyakan

bila suatu saat kita lupa password), dan recovery email (alamat
email kita yang lain, untuk mengirim password baru saat kita lupa
password).

40
 Gambar 3.3 Form keamanan saat registrasi Google Account

Terakhir, isi Location, ketik huruf yang tertera pada gambar, lalu
klik I accept. Create my account.

Gambar 3.4 Pengisian captcha dan tahap akhir registrasi

Akun Google Anda telah dibuat, sekarang saatnya proses

verifikasi. Masukkan Country dan nomer ponsel untuk nantinya
dikirimkan kode yang harus kita ketikkan di proses selanjutnya.
Klik Send verification code to my mobile phone.

41
 Gambar 3.5 Pengiriman kode verifikasi

Kode verifikasi telah dikirimkan ke nomer ponsel Anda. Isinya

seperti ini: “Your Google verification code is 123456”. Nah,
masukkan angka 123456 itu ke kotak di bawah ini. Klik Verify.

Gambar 3.6 Pengisian kode verifikasi

Selesai.

3.1.2 Mendaftar di Blogspot

Akun Google sudah selesai dibuat, sekarang pergi ke alamat
blogspot.com. Biasanya setelah membuat email, kita otomatis
masuk ke dalam Blogspot. Jika belum, silakan login manual.
Langkah pertama, tentukan Display Name yang nantinya akan
muncul sebagai pembuat dari blog Anda. Setelah itu klik pilihan
“I accept the Terms of Service”. Klik Continue/Lanjutkan.

42
 Gambar 3.7 Pendaftaran Blogspot

Anda akan masuk ke Dashboard Blogspot. Klik pilihan Ciptakan

Blog Anda untuk mulai membuat blog.

Gambar 3.8 Ciptakan Blog Anda di Dasbor

Beri nama blog dengan mengisi “Judul Blog” dan alamatnya.

Jangan lupa periksa ketersediaannya.
Tahap ketiga adalah memilih template. Pilih saja template Mudah
(atau Simple dalam versi Inggris). Klik Lanjutkan.

43
 Gambar 3.9 Memilih template

Selamat, blog Anda sudah jadi! Klik Mulai Blogging.

Gambar 3.10 Blog sudah jadi

Anda akan di bawa ke Entri Baru, tempat di mana kita bisa

langsung menulis artikel/posting. Namun, abaikan dulu sementara.
Kita ganti bahasa dulu agar lebih familiar.
Pergi ke Dasbor untuk ganti bahasa (ada di sebelah kanan atas).
Jika sudah, pada pilihan bahasa, ganti jadi bahasa Inggris –
English.

44
 Gambar 3.11 Penggantian bahasa

Selesai.

3.1.3 Mengenal Menu di Dashboard Blogspot

Dashboard Blogspot adalah tempat di mana kita bisa mengatur
langsung blog kita. Di sini terdapat tujuh buah shortcut/jalan pintas
ke masing-masing fitur dari Blogspot.
New Post: Berguna untuk langsung membuat artikel baru di blog
kita.

Gambar 3.12 New Post

45
Edit Post: Edit Post digunakan untuk mengubah postingan-
postingan kita. Kita bisa menghapus, menambah/mengurangi
Label, melihat isinya, dan mengedit posting kita.

Gambar 3.13 Edit Post

Comments: Fitur ini berguna bila ada komentar yang masuk ke

blog kita. Kita bisa memoderasi komentar dari pengunjung pada
blog kita di sini.

Gambar 3.14 Menu Comment

Settings: di sinilah terdapat settingan-settingan untuk blog. Setting

ini akan dibahas lebih lanjut di subbab berikutnya.

46
 Gambar 3.15 Settingan di Blogspot

Design: Fitur ini berguna untuk mengatur bagaimana tampilan dari

blog Anda. Pembahasan lebih dalam tentang Design ada di bab
selanjutnya.

Gambar 3.16 Menu Design Blogspot

47
Monetise: Kita bisa mendapatkan uang melalui blog kita dengan
memajang produk dari Toko Online Amazon. Namun, masalah
Monetizing blog tidak dibahas di buku ini.

Gambar 3.17 Amazon Associates

Stats: di sini tempat statistik tentang blog kita. Kita bisa

mengetahui berapa jumlah pengunjung, asal pengunjung, asal
trafik, dan postingan mana yang paling laris dilihat.

Gambar 3.18 Menu statistik di Blogspot

48
3.2 Menyetting Blogspot
Langkah selanjutnya setelah kita mendaftarkan blog adalah
dengan mengaturnya.

3.2.1 Settingan Dasar

Blogspot memiliki banyak settingan, yakni Basic, Publishing,
Formatting, Comments, Archiving, Site Feed, Email & Mobile,
OpenID, Permissions. Dalam pembahasan kali ini hanya akan
dibahas sebagian saja yang dirasa penting bagi blog kita.
Basic
Settingan Basic berfungsi untuk mengatur hal-hal dasar dari blog
kita, misalkan pengaturan tentang judul blog, deskripsi, perizinan
blog.

Gambar 3.19 Settingan basic

Blog Tools: Opsi ini berguna berkaitan dengan ”nasib” blog kita.
Kita bisa mengekspor isi blog, mengimpor dari blog lain, dan
menghapus blog.
Title: Judul blog. Tuliskan judul blog dan tagline dari blog Anda.
Description: Deskripsikan blog Anda maksimal dalam 500
karakter.

49
Let search engines find your blog: Izinkan mesin pencari
menemukan blog kita. Pilih saja Yes.
Publishing
Publishing berguna apabila kita ingin mengubah alamat blog kita,
dan bila ingin memakai Custom Domain (domain sendiri seperti
.com, .net, .co.cc).

Gambar 3.20 Settingan Publishing

Formatting
Setting ini berkaitan dengan format pada blog kita.

Gambar 3.21 Settingan Formatting

50
Show at most: berapa banyak jumlah posting yang muncul di
halaman awal blog kita.
Date Header Format: Format tanggal yang akan muncul pada
postingan kita.
Archive Index Date Format: Format tanggal yang muncul pada
arsip blog.
Timestamp Format: Format waktu.
Time Zone: Zona waktu. Untuk Indonesia (WIB) ada di GMT +7.
Language: Bahasa yang digunakan di blog.
Comments
Comments: Apakah ingin komentar disembunyikan atau tidak.
Who Can Comment?: Pengaturan tentang siapa yang boleh ber-
komentar di blog kita.
Comment Form Placement: Penempatan kotak komentar pada
postingan kita.
Comments Timestamp Format: Format waktu di komentar.
Comment Form Message: Pesan bagi orang yang berkomentar.
Bisa diisi: “Silakan komentar di sini” atau semacamnya.
Comment moderation: Pilihan moderasi komentar.
Show word verification for comments: apakah ingin menampilkan
kode verifikasi bagi yang berkomentar (pilih Show, karena bisa
mengurangi komentar spam).
Comment Notification Email: Email akan dikirimkan ke alamat ini
bila ada komentar baru.

51
 Gambar 3.22 Settingan Comments

Permissions
Setting ini memungkinkan kita untuk menambah “pengarang” dari
blog kita dengan memasukkan alamat email mereka. Nantinya
orang-orang yang kita undang ini bisa ikut meramaikan blog kita
dengan tulisan-tulisan mereka. Selain itu, di Permissions kita bisa
menentukan siapa saja yang bisa membaca isi blog.

Gambar 3.23 Settingan Permissions

52
3.2.2 About Pages and Labels
Pages
Pages adalah halaman pada blog yang bisa kita isi dengan
informasi tentang blog kita. Misal berisi About Us (tentang kita),
Kontak, Daftar Isi, kumpulan link. Misalkan kita membuat Page
bernama Kontak, maka alamatnya akan menjadi
blogkita.blogspot.com/p/kontak.html. Cara pembuatannya seba-
gai berikut.
Sign in akun Blogspot Anda. Dari dashboard, klik Edit Post.
Setelah itu klik Edit Pages di bagian atas. Buat halaman baru
dengan memilih New Page.

Gambar 3.24 Membuat Page baru

Sama seperti postingan, isilah dengan tulisan sesuai dengan judul

Pages. Kita bisa menyisipkan berbagai konten (tidak hanya teks
saja), seperti gambar, link, video, hingga kode Javascript.

Gambar 3.25 Pengisian Page baru

53
Pilihlah lokasi dari Pages, disarankan di bagian atas/Blog tabs
(lihat gambar).

Gambar 3.26 Penentuan posisi menu Pages di halaman awal

Kita bisa menonaktifkan atau mengaktifkan komentar dari

pembaca. Jika ingin mengaktifkan (agar ada komunikasi), silakan
klik Post Options, lalu klik pilihan Allow pada Reader Comments
(lihat gambar).

Gambar 3.27 Post Options

Berikut ini gambar Pages yang sudah selesai dibuat dan

dipublikasikan.

54
 Gambar 3.28 Contoh hasil pembuatan Page

Labels
Labels adalah pengelompokan beberapa postingan berdasar
kategori tertentu. Jadi, misalkan kita ingin menulis lima buah
cerpen, maka Labels yang tepat untuk lima artikel tersebut adalah
“Cerpen”. Banyaknya labels tidak dibatasi, dan kita bisa memberi
lebih dari satu label dalam satu artikel.
Cara Membuat Labels
Menambahkan labels ke postingan: untuk menambahkan labels ke
postingan kita, langsung saja tambahkan di kotak Labels di kanan
bawah.
Kita bisa memakai labels yang sudah ada dengan mengklik pilihan
“Show all”.

Gambar 3.29 Menampilkan Labels

55
Cara Menampilkan Labels
Untuk menampilkan Labels ke halaman awal blog kita, caranya
adalah:
1. Pergi ke Dashboard Blogspot. Klik Design.
2. Klik Add a Gadget di posisi sebelah samping postingan.

Gambar 3.30 Menambah Gadget blog

3. Cari gadget bernama Labels, dan klik tombol tanda plus di

sebelah kanan untuk menambahkan Labels.

Gambar 3.31 Pilihlah gadget Labels

4. Isikan judul dan tentukan berbagai opsinya. Agar lebih cepat,

biarkan seperti apa adanya.

Gambar 3.32 Pengaturan Labels

56
5. Di halaman awal blog kita sekarang telah muncul labelnya ☺.

Gambar 3.33 Tampilan Labels di halaman awal blog

Kita bisa mengedit secara cepat label yang sudah ada di postingan
tertentu. Termasuk menambahkan dan menghapus label serta
membuat label baru. Caranya:
1. Masuk ke Dashboard > Edit Post.

Gambar 3.34 Edit post

2. Pilih postingan yang akan diedit labelnya dengan mengklik di

kotak kecil sebelah tulisan Edit kemudian klik Labels Action.

57
 Gambar 3.35 Checklist post dan klik Label Actions

3. Setelah itu tinggal kita pilih, apakah ingin menambah (Apply

label), menghapus (Remove label), atau membuat label baru
(New Label…).

3.3 Make Up Your Blog!

Di dunia ini banyak sekali terdapat merek-merek ponsel yang
memiliki fitur dan harga yang beraneka ragam. Pemilihan sebuah
merek ada baiknya didasari akan kebutuhan kita, sehingga fitur
yang sebenarnya tidak kita pakai menjadi mubazir. Contohnya
saja bila kita ingin menggunakan fitur internetnya.

3.3.1 Headermu Identitasmu

Gambar header sangat penting bagi sebuah blog karena menjadi
identitas dari blog tersebut dan memiliki daya tarik tersendiri.
Untuk template “Simple” header yang diizinkan adalah berukuran
maksimal panjang 840 pixel. Let’s designing!
1. Buka program Adobe Photoshop. Buat file baru dengan
memilih menu File > New. Masukkan setting seperti pada
gambar (catatan: untuk Height bisa lebih besar, asalkan
Weight tidak diubah).

58
 Gambar 3.36 Membuat file baru di Photoshop

2. Masukkan komponen pertama, yakni background. Gunakan

gambar yang sesuai dengan warna dan tema blog.

Gambar 3.37 Latar belakang header

3. Tulis judul blog Anda. Gunakan font yang semenarik mungkin,

namun usahakan tetap bisa dibaca. Atur dan sesuaikan
besarnya font.

Gambar 3.38 Penambahan teks pada latar belakang

4. Tambahkan “aksesoris” seperti deskripsi blog, gambar, brush

agar semakin keren dilihat.

59
 Gambar 3.39 Penambahan elemen lain untuk header

5. Selesai! Mudah khan? Sekarang kita coba apakah header ini

telah cocok untuk dipasang di blog. Pergi ke blog Anda, dan
capture halaman awalnya dengan menekan tombol
PrtScrSysRq atau bila di laptop dengan menekan Fn +
PrtScrSysRq.
6. Kembali ke Photoshop, buat layer baru (File > New). Jangan
ubah ukuran yang telah ditentukan Photoshop. Jika sudah,
tekan Ctrl+V untuk mem-paste hasil screen capture blog kita.
Awalnya blog kita tanpa header akan tampak seperti ini.

Gambar 3.40 Tampilan awal contoh blog

7. Buka file Header kita tadi. Klik Layer Options, dan pilih Merge
Visible (atau dengan menekan Shift+Ctrl+E). Lalu Select All
(Ctrl+A) dan tekan copy (Ctrl+C).
8. Pindah ke file hasil capture blog. Tekan Ctrl+V (Paste).
Sesuaikan ukuran header dengan gambar hasil capture tadi
dengan mengklik kanan layer Header dan pilih Free
Transform.

60
 .
Gambar 3.41 Sesuaikan ukuran header kita

9. Sesuaikan seukuran kotak hitam di bawah ini.

Gambar 3.42 Resize ukuran header dan sesuaikan posisinya

10. Jika dirasa sudah cocok, selesai sudah pembuatan header

kita. Selanjutnya buka Dashboard Blogspot Anda.
11. Klik Design.
12. Pada halaman Page Elements klik Edit di elemen Header.

Gambar 3.43 Edit header

61
13. Klik pilihan From Your Computer, lalu klik Browse. Pilih
header yang telah Anda buat tadi, dan jangan lupa klik pilihan
Instead of title and description.

Gambar 3.44 Tampilan pengaturan header

14. Jika gambar telah ter-load, klik Save dan lihat hasilnya!

Gambar 3.45 Hasil akhir tampilan header

62
3.3.2 Otak-atik Template Designer
Ini bukan pekerjaan yang mudah karena akan menentukan masa
depan blog kita ☺. Sebenarnya ada banyak sekali template yang
dapat Anda pilih dan gratis. Cara mudahnya adalah dengan
mencari di Google dengan kata kunci: Free blogspot template.
Tapi sekarang kita akan memanfaatkan Template Designer milik
Blogspot.
Caranya:
1. Pergi ke Design > Template Designer.

Gambar 3.46 Klik Design – Template Designer

2. Untuk pilihan Templates, pilih Simple.

3. Klik pilihan Background. Silakan Anda tentukan warna untuk
blog, lalu klik pada Background Image (lihat gambar).

Gambar 3.47 Pilih warna blog

4. Setelah itu akan muncul banyak sekali pilihan. Pilih yang

sekiranya menarik namun tidak memberatkan saat dibuka
(sekadar saran, kategori “Transparent” cukup ringan untuk
menjadi pilihan).

63
 Gambar 3.48 Pilih latar belakang blog

5. Klik Done dan pilih APPLY TO BLOG di bagian kanan atas dan
klik Back To Blogger di sebelahnya. Selesai! Ini dia hasil kita
mengganti background.

Gambar 3.49 Hasil akhir penggantian latar belakang

Sebenarnya untuk blogger pribadi dengan mengganti Background

saja sudah cukup. Namun, apabila Anda ingin mengotak-atik
pilihan Adjust Widths, Layout, dan Advanced, silakan ☺. Makin
banyak kita bereksperimen, semakin banyak ilmu yang kita dapat.

64
3.3.3 Membuat Daftar Isi
Daftar isi bagi sebuah blog penting agar pembaca tidak bingung
dalam menjelajahi blog kita. Ada sebuah cara mudah dalam
membuat daftar isi ini, yakni dengan memanfaatkan Javascript.
Kali ini kita akan menggunakan Javascript dari abu-farhan.com, di
mana selain seluruh postingan kita dipisah berdasarkan label, juga
terdapat tanda bila ada artikel baru di blog kita.
1. Masuk ke dashboard Blogspot Anda.
2. Klik Edit Posts, dan klik New Pages di sebelah atas postingan.

Gambar 3.50 Membuat Page baru

3. Buat page baru dengan mengklik New Page.

4. Isi judul halaman tersebut dengan nama Daftar Isi dan
ketikkan kode berikut: <script src="http://www.abu-
farhan.com/script/daftarisiblogger/blogtoc-min.js">.
</script>
<script
src="http://alamatblogkamu.blogspot.com/feeds/posts/default?max-
results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Gambar 3.51 Ketikkan script Daftar Isi

65
5. Ganti http://alamatblogkamu.blogspot.com dengan alamat
blog Anda.
6. Klik Preview untuk melihat hasilnya, dan bila oke langsung klik
Publish Page. Beginilah hasil jadinya.

Gambar 3.52 Hasil jadi daftar isi

3.3.4 Warna-warni Widget

Widget adalah tools tambahan yang disediakan oleh Blogspot dan
pihak ketiga, yang bertujuan untuk menambah fungsi dan
mempercantik tampilan blog kita. Ada banyak sekali jenis widget,
tetapi tidak semuanya berguna bagi kita. Beberapa widget penting
dan fungsinya: Follow by Email (agar orang lain bisa mendapat
update tentang blog kita via email), Blog’s Stats (menampilkan
statistik blog kita), Search box (pencarian isi blog kita), Labels
(menampilkan labels), Profile (menampilkan profile), Blog Archive
(menampilkan arsip blog kita), Page Header, Pages (menampilkan
Pages), dan Javascript (menampilkan script Javascript).

66
Berikut akan dicontohkan pemasangan widget buatan Blogspot
dan dari pihak ketiga.
1. Masuk ke dashboard Blogspot. Klik Design.
2. Perhatikan gambar Page Elements di bawah ini.

Gambar 3.53 Tampilan Page Elements

3. Di atas terdapat tulisan Add a Gadget di banyak tempat. Itu

tandanya kita bisa memasang widget/gadget di bagian
tersebut. Banyaknya widget yang dipasang bisa tidak terbatas
tapi berpengaruh langsung ke waktu load blog kita. Jika
kebanyakan widget, bisa berakibat blog kita lambat dan berat
diakses.
4. Pada kolom sebelah kanan sudah terdapat tiga buah widget,
yakni Followers, Blog Archive, dan About Me. Untuk
menambahnya, silakan klik Add a Gadget.

Gambar 3.54 Klik Add a Gadget

67
5. Basics, Featured, Most Popular, More Gadgets adalah kategori-
kategori widget. Yang utama dan lazim ada di sebuah blog
terdapat di kategori Basics.

Gambar 3.55 Pilih gadget

6. Kita akan mencoba memasang widget Search Box. Klik tanda

plus di sebelah kanan atas widget pilihan.

Gambar 3.56 Pilih gadget Search Box

7. Opsi widget ini akan muncul. Isi Title/judulnya, dan uncheck

pilihan “Linked from Here” karena tidak terpakai.

Gambar 3.57 Pengaturan Gadget Search Box

68
8. Klik Save, dan satu widget baru telah berhasil ditambahkan.

Gambar 3.58 Widget baru berhasil ditambahkan

9. Anda bisa menghapus widget dengan mengklik Edit dan

memilih Remove. Penulis me-remove widget Follower karena
kurang maksimal penggunaannya.

Gambar 3.59 Menghapus widget dengan mengklik Remove

10. Mungkin Anda ingin mengubah posisi widgetnya? Mudah saja,

coba Anda klik kiri lalu ditahan/jangan dilepas (drag).
Kemudian geser ke arah atas atau bawah, sesuai tempat yang
diinginkan.
11. Akan diberikan satu contoh lagi untuk menambahkan widget,
kali ini menambahkan Javascript. Widget yang akan ditam-
bahkan adalah chatbox agar kita bisa ber-chatting ria dengan
pengunjung blog.
12. Pergi ke alamat cbox.ws.
13. Registrasi dengan alamat email yang sebaiknya sama dengan
blog Anda. Isikan data yang diperlukan, dan klik Create my
Cbox!

69
 Gambar 3.60 Mendaftar di Cbox

14. Jika sukses, silakan login dengan Cbox name Anda.

15. Langsung saja menuju ke menu Look & Feel, dan pilih Style
Presets. Sesuaikan warna chatbox dengan warna blog kita. Klik
salah satu warna yang Anda kehendaki.

Gambar 3.61 Alternatif tampilan Cbox

16. Klik Publish! Halaman penjelasan untuk memasang Cbox akan

muncul. Copy kode yang diberikan dengan mengklik “Copy to
clipboard” dilanjutkan menekan Ctrl+C.

70
 Gambar 3.62 Meng-copy script Cbox

17. Buka dashboard Blogspot Anda, pilih Design. Tambahkan

widget dengan mengklik Add a Gadget di wilayah yang Anda
inginkan.
18. Cari gadget HTML/JavaScript. Tekan tanda Plus untuk me-
nambahkan.

Gambar 3.63 Menambahkan widget Cbox

19. Isikan judulnya, lalu paste kode dari Cbox tadi dengan
menekan Ctrl+V di kotak Content.

Gambar 3.64 Pengaturan widget Cbox

71
20. Klik Save.
21. Kita telah menambah 2 widget baru (Search Box dan Chatting)
serta menghilangkan widget “Follower” dan menyesuaikan
penempatan widget. Ini dia tampilan blognya.

Gambar 3.65 Tampilan Cbox di halaman awal blog

3.4 Tips Mengisi Artikel

Artikel yang kita tulis di Blogspot bisa ditambahkan beragam
konten lain, seperti gambar, video, musik, dan yang lainnya. Di
sini akan dibahas bagaimana cara menambahkan gambar, video,
dan musik ke dalam artikel kita.

72
3.4.1 Menambahkan Gambar
Ada dua macam cara kita menambahkan gambar ke artikel, yakni
dari komputer kita dan dari URL.
Menambah gambar dari komputer kita
1. Masuk ke dalam dashboard Blogspot Anda. Tekan New Post.
2. Klik ikon Insert image untuk mulai menambah gambar.

Gambar 3.66 Pilih ikon masukkan gambar

3. Pilih file yang akan di-upload dengan mengklik Choose files

dan tentukan lokasi gambarnya di komputer kita dan pilih
Open.

Gambar 3.67 Pilih Choose files

4. Tunggu beberapa saat. Jika gambar sudah muncul, klik Add

Selected bila hanya ingin menggunakan 1 gambar. Jika ingin
menambah gambar lain, klik Choose files lagi.

73
 Gambar 3.68 Pilih Add selected

5. Gambar akan langsung tampil. Jika kita ingin mengatur

gambar tersebut, klik saja gambarnya dan akan ada opsi besar
gambar, lokasi penempatan, menambah caption, dan remove.

Gambar 3.69 Pengaturan gambar

Menambah gambar dari URL

1. Cari gambar yang akan ditambahkan ke artikel kita.
2. Copy alamatnya dengan cara klik kanan pada gambar, dan
pilih Copy Image Location.

74
 Gambar 3.70 Copy lokasi gambar

3. Masuk ke dalam dashboard Blogspot Anda. Tekan New Post.

4. Klik ikon Insert image untuk mulai menambah gambar.
5. Klik opsi From URL.

Gambar 3.71 Pilih From a URL

6. Paste alamat gambar tadi di kotak Paste an image URL here:.

7. Tunggu beberapa saat. Jika gambar sudah muncul, klik Add
Selected. Gambar akan langsung tampil, dan ada opsi besar
gambar, lokasi penempatan, menambah caption, dan remove.

75
3.4.2 Menambahkan Video
Kita bisa menambahkan video pada postingan yang berasal dari
Youtube.
Caranya:
1. Pergi ke Youtube.com dan lakukan pencarian untuk mene-
mukan video yang diinginkan. Bisa juga mencari via Google
dengan menambahkan kata Video. Misal: Dewa 19 video.
2. Klik video tersebut. Tunggu hingga proses load selesai.
3. Klik pilihan Embed di bagian bawah video. Dilanjutkan dengan
men-checklist pilihan Use Old Embed Code agar bisa
digunakan di Blogspot.

Gambar 3.72 Membuka kode Embed Video

4. Klik kotak tempat Embed Code, dan tekan Ctrl+C untuk meng-
copy kode tersebut.
5. Buka halaman Dashboard Blogspot Anda. Klik New Post.
Kemudian klik Edit HTML dan paste (Ctrl+V) kode tadi. Isi
judul dan labels, lalu Publish-kan.

76
 Gambar 3.73 Paste Embed Codenya

6. Beginilah hasil posting Anda nantinya.

Gambar 3.74 Hasil akhir penambahan video

77
3.4.3 Menambahkan Musik
Kita bisa menambahkan sebuah lagu dalam postingan kita. Cara
mudah agar blog kita menjadi semakin “semarak” adalah dengan
memanfaatkan musik streaming melalui web mp3-codes.com. Ini
dia langkah-langkahnya.
1. Ketik judul lagu/artis pada kotak.

Gambar 3.75 Pencarian nama artis/judul lagu

2. Setelah muncul hasil pencarian, pilih Embed Code di bawah

judul lagu dan artisnya.

Gambar 3.76 Klik embed code

3. Klik kotak tempat “Embed Code” berada. Lalu tekan Ctrl+C

(atau klik kanan dan pilih Copy).

Gambar 3.77 Copy Embed Code

78
4. Buka dashboard Blogspot, dan klik New Post dilanjutkan
dengan klik Edit HTML. Paste embed code tadi dengan
menekan Ctrl+V.

Gambar 3.78 Paste di postingan blog

5. Jangan lupa isi judul dan labelsnya, dan klik Publish Post.
6. Posting Anda akan tampak seperti ini.

Gambar 3.79 Hasil akhir penambahan musik

***

79