MENDESAIN BLOG

Blog: bentuk Aplikasi Web. Pada dasarnya merupakan bagian dari situs
website yang dapat diakses secara online dengan fungsi utama memuat
tulisan-tulisan dan gambar (dimuat dalam posting) pada setiap halaman
web

sebuah wadah online sebagai situs web yang terdiri dari halaman-
halaman yang memuat berbagai tulisan dalam format teks yang bisa
disisipi gambar dll ditampilkan dengan aplikasi web berupa sistem
manajemen konten dari setiap topik yang ditulis untuk disajikan
sebagai bentuk informasi.
Merupakan kata singkatan dari web log yang biasanya berbentuk web dengan konten
manajemen secara dinamis dapat diupdate untuk posting artikel baru yang tersusun
sedemikian rupa. Blog sangat interaktif memungkinkan setiap pengunjung dapat
meninggalkan komentar / pesan.
==> Pengertian Konten/Artikel
Artikel/Konten manajemen sistem gratis yang tersedia di dunia online;
yang paling populer dan terbesar yaitu blogger dan wordpress (yang
sering digunakan oleh para blogger di seluruh penjuru dunia).

== > Apa itu blogger

seorang yang suka menulis dengan media blog sebagai sarana
berbagi dengan pengguna internet.
Sejarah blog
Pada awalnya diperkenalkan dan menjadi populer nama weblog oleh Jorn Barger pada
tahun 1997, lalu untuk nama blog sebagai kependekan dari weblog diprakasai oleh Peter
Merholz pada tahun 1999. Blog saat ini dijadikan sebagai diary pribadi, media informasi
dan tempat berbagi berbagai informasi ataupun tempat berkumpul di dunia online untuk
berbagai sesuatu sesama blogger dan pengguna internet. Berbagai jenis blog yang ada:
blog pribadi/personal, blog media berita; hiburan; blog pendidikan, blog bisnis dll.

Fungsi dan Kegunaan Blog

Fungsi blog sangat banyak sekali dirasakan sampai saat ini.

1. Mula2 sebagai tempat wadah online untuk menulis berbagai hal berupa catatan dari
seorang blogger sebagai admin dari weblog yang dimilikinya.
2. Perkembangan terbaru: blog dijadikan sebagai sarana berpromosi yang ampuh dan
juga bisa menjadi sumber pendapatan uang yang berlimpah dengan cara memasang
iklan dll.
Cara membuat blog:

Terdapat banyak cara untuk dapat membuat blog, cara tersebut tergantung dari
tingkat penggunaan blog itu sendiri: apakah blog digunakan untuk media
menulis saja, tempat berbagi, tempat untuk bisnis dll.
 Langkah-langkah membuat Blog.

1. Buat Email Gmail terlebih dahulu.

Blogger.com, disyaratkan telah memiliki akun email gmail, bukan yang lain.

Keterangan:

Pada baris pertama isi dengan alamat email yang telah

dibuat sebelumnya; pada baris selanjutnya diisi kata
sandi yang ingin dipakai saat login ke akun email.
Pastikan jangan salah ketik karena huruf besar dan
kecil dibedakan jika menggunakan password.
Perhatikan apakah caps lock pada keyboard tidak
diaktifkan karena bisa menyebabkan semua huruf
yang diketik jadi huruf besar

Akun ini bisa juga untuk keperluan lain:

daftar facebook, upload video di Youtube, dll
3. Mulai desain blog baru

2. Masuk ke www.blogger.com
jika tidak bisa masuk dengan cara klik di atas, maka cukup ketik di google kata
blogger
Setelah login selanjutnya masuk ke halaman seperti yang tertera di
bawah, silahkan klik tombol di sebelah kiri yang bertuliskan Blog Baru
4. Beri Nama dan Pilih Alamat
Selanjutnya akan muncul halaman kecil dengan 3 langkah singkat pembuatan blog di dalamnya:
Penjelasan:
1. Judul Di bagian cara membuat blog gratis di blogspot ini
isi dengan judul blogmu, sebaiknya yang sesuai dengan
temanya agar mudah terindeks Google. Tapi ini bisa diganti
kapan saja setelah blognya jadi
2. Alamat Pada kolom ini pilih alamat blog gratisan yang
belum digunakan orang lain: bloggue.blogspot.com dll Jika
sudah dimiliki orang, akan terlihat tanda seru (!); kalau blum
akan tampak tanda benar atau centang biru. Jika sudah
begitu lanjutkan ke step berikutnya.
3. Template Tampilan beberapa gambar yang terlihat ini
adalah bentuk tampilan blog yang dibuat. Masih bisa
dirubah dengan cara mempercantiknya melalui file template
yang didownload di situs penyedianya yang gratis.
4. Klik Buat Blog Ini untuk men-save nama & tampilan yang
sudah dipilih dan blog gratisan sederhana anda pun telah
jadi dan siap diisi berbagai artikel maupun penawaran bisnis
di dalamnya. Bisa dibuatkan Logo secara Online
di Logaster agar di bagian header blog terlihat brand unik
yang lebih menarik (bisa dibaca pada link: Cara Membuat
Logo Online Gratis
5. Mengisi dan Menulis Artikel
Setelah mempunyai blog maka langkah selanjutnya adalah bagaimana menulis artikel di dalamnya dan apa
saja yang dilakukan agar bisa mulai aktif dan dikunjungi banyak orang.
a. Masuk ke halaman penulisan
Petunjuk :
klik tombol warna oranye (no 1) dengan gambar
pensil untuk mulai posting article,
Atau klik icon tanda panah kecil untuk memilih
beberapa pengaturan, misal Pos untuk melihat
semua artikel yang sudah ditulis, Laman untuk
menulis artikel menu seperti profil, kontak dll,
Komentar untuk melihat siapa saja yang telah
memberi comment, dan Statistik untuk melihat
jumlah pengunjungnya per hari, minggu/ bulan.
Setelah masuk di bagian itu, kita juga masih bisa
melihat tombol pos atau membuat artikel baru di
bagian kiri samping yang juga tulisannya oranye.

Tips :Agar tulisan dalam blog terlihat rapi maka usahakan jarak antar paragraf juga diperhatikan, yakni dengan
menambah 1 spasi lagi setelahnya. Caranya cukup tekan enter 2 kali setiap ingin memulai paragraf baru.
b. Mulai posting

Keterangan (sesuai angka):

1.di sisi dengan judul artikel yang akan
dipublikasikan, usahakan jangan terlalu singkat
dan sebaiknya sesuai dengan tema ingin dibahas
agar mudah terindeks.
2.Kolom untuk mengetik tulisan blog.
3.Untuk pengaturan & gaya artikel, seperti
bold, huruf miring atau memperbesar kata dll.
4.Label adalah sama dengan nama dari kategori
artikelnya. Ini berguna mengelompokkan jenis
tulisan dalam satu kategori, missal WordPress
yang isinya segala menyangkut soal tutorial
wordpress tersebut.
5.Tombol kuning dengan tulisan Publikasikan
adalah yang kita klik setelah selasai menulis agar
artikel tersebut bisa online dan dibaca semua
orang.
Fungsi Toolbar
Toolbar yang sudah di sediakan (no.3) , berfungsi untuk :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)
--> Untuk Menebalkan huruf
--> Untuk memiringkan huruf
--> Untuk merubah warna huruf
--> Untuk membuat link
--> Untuk membuat artikel menjadi rata kiri
--> Untuk membuat tulisan menjadi di tengah
--> Untuk membuat artikel menjadi rata kanan
--> Untuk membuat artikel menjadi rata kiri dan kanan
--> Untuk membuat sub bahasan oleh angka
--> Untuk membuat sub bahasan oleh bullet
--> Untuk mengecek spelling
--> Untuk memasukan gambar(upload gambar)
--> Untuk membuat artikel dalam kode HTML
--> Untuk membuat artikel dalam mode Compose (biasa)
--> Untuk me review (melihat) artikel / Pratinjau.
Memanfaatkan toolbar link
Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL /
Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan
dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut.
Contoh:
Link yang disediakan bagi mahasiswa untuk melakukan Quiz (menggunakan
aplikasi Quiz Creator)
6. Mempercantik blog

Manfaat Melakukan Inspect Element

1. Meniru model pengaturan blog orang lain, seperti pada warna, tata letak dan semua ukuran pada bagian-
bagian templatenya. Dengan mengetahui apa warna yang diterapkan pada sebuah blog maka kita bisa
langsung melakukan hal yang sama.

2. Merubah tampilan blog sendiri untuk melakukan ini maka kita harus tahu dulu dimana letak kodenya..
 Lankah2 Mempercantik blog
1. kunjungi blom sendiri, tanpa login sama sekali. Selanjutnya letakkan kursor Mouse pada bagian yang
akan kamu ketahui kodenya dan akan diubah nantinya, baik warna, ukuran dan letaknya.
2. Setelah kursor tepat berada pada bagian yang diinginkan, kemudian klik kanan pada Mouse dan akan
muncul pilihan menu seperti gambar di bawah ini:

3. pilih Inspect Element (Q). contoh di atas menggunakan Mozilla Firefox; jika menggunakan Browser yang
sama maka menunya akan sama seperti di atas.
4. secara otomatis di bagian bawah layar akan muncul separuh halaman yang memperlihatkan beberapa kode
html dan kode lainnya yang bisa jadi petunjuk untuk melakukan pengaturan di bagian html template blog kita,
seperti gambar berikut:
Keterangan: #footer-widgets {
font-size: 13px;
Rules : Menampilkan style css dan dari kode yang ditampilkan akan memudahkan kita
line-height: 22px;
mencari letaknya di dalam template. Misalnya tampak code seperti di bawah ini: