membuat blog

Diposting oleh http://www.jenepar.blogspot.com |

LANGKAH-LANGKAH PEMBUATAN BLOG

Ada dua layanan blog gratis yang sering digunakan oleh para blogger untuk ngeblog, yaitu blogspot (blogger) dan wordpress.. Blog dengan alamat http://blogtiksmpn3.blogspot.com dirancang dengan menggunakan blogspot. Dalam langkah-langkah cara pembuatan blog ini penulis membuat akun yang berbeda dan email yang berbeda, judul yang berbeda, serta alamat blog yang berbeda dengan tampilan media yang sudah jadi.

A. Proses Pembuatan Blog

Adapun langkah-langkah dalam pembuatannya adalah :

1. Sebelum membuat blog yang harus disediakan adalah email. email ini digunakan untuk mendaftar pertama kali, misalnya vitri.jastimar@gmail.com

2. Aktifkan aplikasi browser kemudian ketikan pada url alamat blog yaitu: http://www.blogger.com seperti gambar di bawah ini.

3. Maka akan tampil halaman blog seperti di bawah ini.

4. Masukkan alamat email dan password selanjutnya klik sign in.

5. Pada halaman selanjutnya isi form yang disediakan.

· Display name di isi dengan nama blog seperti SMPN 3 Pariaman

· Email notification di ceklist/centang

· Gender, pilih salah satu gender/jenis kelamin male atau female

· Acceptance of Terms, di ceklist/dicentang

Setelah itu klik continue untuk melanjutkan proses pembuatan blog.

6. Pada halaman selanjutnya kita melakukan pemilihan bahasa yang akan digunakan. Pilih bahasa kemudian klik ciptakan blog anda untuk melanjutkan proses pembuatan blog.

7. Tampil halaman selanjutnya, isi form Judul blog (SMPN3 Pariaman), Alamat blog (http://vitri-smpn3prm.blogspot.com). Setelah itu klik lanjut.

Berikan judul blog yang menarik sesuai dengan konsep dari blog anda, dengan alamat blog yang mudah diingat orang agar user mudah menemukan bolg yang dibuat.

8. Setelah itu akan keluar tampilan seperti dibawah, dimana kita diminta untuk memilih jenis template blog yang kita rancang.

Pilih template yang anda sukai conyohnya mudah, klik Lanjutkan, untuk melanjutkan proses pembuatan blog.

Prose pembuatan blog telah selesai. Sekarang tinggal mengisi/memposting informasi diblog. Untuk memulai blog klik Mulai Blogging.

B. Perancangan Blog

Langkah-langkah Perancangan blog sebagai berikut:

1. Tampilan di bawah adalah blog yang sudah ada dan yang akan dimodifikasi seperti media yang telah jadi, dengan alamat blog

http://vitri-smpn3prm.blogspot.com

Untuk mulai merancang blog klik Rancangan pada tampilan blog dibawah.

2. Setelah mengklik rancangan maka akan tampilan seperti di bawah.

Keterangan :

· Posting

Menu ini digunakan untuk melakukan proses penulisan/memposting informasi pada halaman blog, baik penulisan artikel, halaman, maupun penulisan taur (link) ke almat blog atau situs orang lain, terdiri atas Entri baru, Edit Entri, dan Edit laman.

· Komentar

Digunakan untuk melakukan administrasi komentar yang diberikan oleh pengunjung terhadap karya tulis yang telah dipublikasikan di blog.

· Pengaturan

Menu ini digunakan untuk mengatur tampilan, antar muka, dan pengaturan lainnya yang berhubungan dengan masalah presentasi halaman blog kepada pengunjung.

· Rancangan

Menu ini digunakan untuk merancang tampilan blog seperti mengatur template, tata letak, background, layout dan sebagainya. Terdiri dari Elemen Laman, Edit HTML dan PerancangTemplate

· Statistik

Menu ini digunakan untuk melihat statistik blog secara umum

· Lihat Blog

Menu ini digunakan untuk melihat tampilan blog yang telah dirancang.

C. Rancangan Template

Untuk merancang template caranya adalah:

1. Klik Rancangan, lalu klik Perancang Template.

Setelah itu akan tampil Blogger Template Designer

2. Klik Template, dan pilih template sesuai keinginan, misalnya Mudah seperti tampilan di atas.

Untuk memilih bentuk tampilan background

Setelah memilih jenis template, klik background untuk memnetukan background yang akan digunakan untuk tampilan blog. Pada background image klik tanda panah untuk memilih jenis background yang diinginkan.

4. Setelah klik None, maka akan muncul kotak dialog Select Background Image, pilih jenis background sesuai kategori yang disediakan, dan upload image/gambar sesuai keinginan masing-masing!. Disini kita memilih kategori alam dengan jenisnya konradlew, lihat tampilan di bawah :

5. Setelah itu klik DONE, dan kita akan kembali kehalaman blogger template designer seperti gambar di bawah ini.

6. Selanjutnya pada tab Layout, kita dapat mengubah bentuk Body Layout sesuai keinginan, pada kali ini kita pilih seperti gambar dibawah :

7. Setelah itu klik tab Advanced untuk mengatur jenis font, warna teks di berbagai lokasi yang telah ditentukan (teks laman).

8. Setelah semua selesai, selanjutnya klik APPLY TO BLOG, untuk menyimpan/menyetujui perubahan.

9. Untuk mellihat hasilnya silahkan klik View Blog. Dilayar akan terlihat halaman depan dari blogger yang telah kita edit template nya. Perhatikan gambar berikut.

D. Posting di Blog

Langkah-langkahnya adalah sebagai berikut:

1. Klik Posting

Maka muncul halaman posting seperti di bawah ini.

2. Setelah muncul tampilan di atas maka kita tinggal membuat artikel, pada form judul ketikkan judul artikel, dan pada kotak kosong dibawah adalah isi dari artikel yang kita rancang. Seperti tampilan di bawah :

Lalu klik Terbitkan Entri untuk mempublikasikan artikel yang diposting, Save untuk menyimpan postingan, dan Pratinjau digunakan untuk melihat tampilan dari blog secara keseluruhan. Klik terbitkan entri untuk melanjutkan proses posting.

3. Untuk melihat tampilan blog setelah memposting klik Lihat Blog

Setelah itu akan muncul tampilan di bawah :

4. Anda bisa memasukan gambar atau animasi kedalam postingan anda. Untuk menambahkan gambar/animasi pada postingan, cari gambar/animasi yang akan ditampilkan, untuk animasi filenya harus berekstensi .gif. cari animasi lalu copykan alamat animasi tersebut pada Edit HTML.

Alamat situs gambar/animasi

Setelah di copy lalu buka lagi postingan sebelumnya, ketikkan pada bagian html format tersebut, yaitu pada bagian Edit HTML pada bagian paling atas sesuai dengan dimana kita letakkan gambar animasi tersebutdengan format <img src=”isikan disini alamat dari animasi tersebut”/> Seperti tampilan di bawah.

Format program

Untuk menambah gambar animasi

5. Lalu klik TERBITKAN ENTRI, akan tampil gambar seperti di bawah :

6. Lalu klik Lihat Blog, untuk melihat hasil postingan dengan gambar animasi tadi. Seperti tampilan dibawah.

Animasi yg telah diinputkan

Untuk memposting setiap artikel caranya sama dengan langkah di atas, seperti Indikator Pembelajaran, Materi setiap kali pertemuan dan seterusnya.

E. Menambah Asesoris Pada Blog

1. Menambah Web Counter

Gunanya untuk mengetahui atau memantau jumlah pengunjung yang datang pada situs blog yang kita rancang dengan menambahkan atau menyisipkan web counter.

Salah satu penyedia web counter yang dapat digunakan adalah http://www.sitemeter.com, www.rightstats.com, www.amazingcounters.com dan sebagainya.

Nah, disini kita akan menggunakan alamat www.amazingcounters.com, langkah-langkah sebagai berikut :

1) Aktifkan jendela browser Mozilla

2) Pada bagian address ketik http://www.amazingcounters.com

3) Akhiri dengan menekan tombol Enter

4) Tunggu beberapa saat hingga di layar terlihat halaman website www.amazingcounters.com

5) Lalu klik FREE HIT COUNTER SIGN UP TODAY seperti yang ditunjukkan di atas, lalu akan keluar tampilan berikut ini :

6) Akan muncul bentuk-bentuk tampilan dari jumlah pengunjung, lalu pilih Penguin C, seperti tampilan di atas.

7) Setelah itu klik Use selected style & Go to Step 2:

8) Maka akan muncul tampilan seperti dibawah, dan isi datanya sesuai dengan blog yang dibuat :

9) Lalu klik Submit info & Go to Step 3, maka akan tampil :

Kode HTML

10) Lalu copy kode html, (dalam kotak) di atas!

11) Setelah itu buka lagi blog yang telah dirancang, klik design (rancangan)

12) Akan muncul tampilan seperti di bawah, lalu klik Add Gadget!

13) Setelah itu pilih HTML/JavaScript, dan buat judul pada kotak title, serta klik kanan Paste pada kotak Content, lalu klik SAVE, seperti tampilan di bawah :

14) Setelah di simpan, maka lihat blog dengan mengklik View Blog! Maka akan muncul tampilan berikut :

2. Menambah Jam

Untuk mempercantik tampilan blog yang dibuat, maka kita bisa menyisipkan tampilan jam. Variasi jam tersebut hanya sebagai pelengkap yang menunjukkan waktu setempat.

Salah satu jenis web yang menyediakan layanan jam adalah http://www. Clocklink.com yang banyak menyediakan variasi pilihan jam.

Untuk menyisipkan jam pada halaman blog, langkah-langkah sebagai berikut:

1) Aktifkan jendela browser Mozilla.

2) Pada bagian address bar ketik www.clocklink.com

3) Akhiri dengan menekan enter

4) Tunggu beberapa saat maka tampil halaman sebagai berikut :

5) Dari tampilan di atas pilih Animal, akan muncul tampilan berikut :

Pilih Name : 2004, lalu klik View HTML Tag

6) Setelah itu klik Accept seperti tampilan di bawah :

7) Lalu klik kanan, copy kode html, dan kemudian buka lagi blog yang telah dirancang!

Kode html

8) Pilih design atau rancangan seperti pada langkah Menambah Web Counter di atas lihat (Langkah 11-13)

9) Maka akan muncul tampilan seperti di bawah :

3. Menambahkan Kalender

Kita juga dapat menambahkan kalender pada halaman blog pada situs http://www.free-blog-content.com yang menyediakan banyak variasi pilihan tampilan kalender. Variasi kalender yang disediakan antara lain kalender biasa, kalender dengan animasi, kalender pemandangan alam, binatang, mobil dan sebagainya.

Untuk menyisipkan kalender, gunakan cara berikut :

1) Aktifkan jendela browser Mozilla.

2) Pada bagian address bar ketik www.free-blog-content.com

3) Akhiri dengan menekan Enter

4) Tunggu beberapa saat maka tampil halaman sebagai berikut :

5) Pilih jenis kategori kalender yang diinginkan dan pada kategori tersebut akan terlihat beberapa pilihan jenis kalender, misalnya Animated Calenders

Kode html

6) Pilih jenis kalender yang diinginkan dan di bawah kalender tersebut terlihat kode-kode HTML, Pilih atau sorot kode-kode yang ada atau gunakan klik kanan, kemudian pilih menu shortcut Select All, sehingga kode HTML akan di blok, lalu klik copy.

7) Buka lagi blog, dan pastikan kita berada dalam bagian Template atau klik design (rancangan). Ikuti langkah-langkah selanjutnya seperti langkah Pembuatan Web Counter di atas (lihat langkah 11-13)

8) Maka akan muncul tampilan berikut :

4. Mengintegrasikan Blogspot dengan Facebook

Aplikasi untuk mengintergrasikan blogspot dengan Facebook dengan menggunakan aplikasi Mirror Blog.

Langkah-langkah sebagai berikut :

1) Pastikan halaman akun facebook telah dibuka, kemudian klik ikon Aplikasi

2) Mmm

F. Menambah Tombol Navigasi

Untuk menambah tombol navigasi, dapat dilakukan dengan cara:

1. Klik Design (rancangan), lalu pilih Posting dan pilih Edit Page seperti gambar berikut :

Navigasi

2. Klik New Page, untuk membuat navigasi baru, pada gambar di atas terlihat ada, Profile, Materi , Blog, Gallery dan Materi.

3. Lalu klik View Blog, maka akan muncul tampilan seperti berikut :

Tombol Navigasi

Setiap navigasi diisi sesuai dengan keinginan, pada blog di atas Gallery berisikan foto-foto kegiatan di sekolah, Blog berisikan penjelasan tentang pengetian blog dan jenis-jenis blog, Materi berisikan materi mulai pertemuan I sampai IV, dan Profile berisikan gambaran umum SMPN 3 Pariaman.

Pada langkah-langkah ini akan ditampilkan bagaimana mem-posting materi kedalam blog mulai materi I sampai IV, dimana caranya sama dengan postingan yang telah diterangkan di atas. Dan kita tinggal membuat tombol link pada setiap materi tersebut.

Navigasi Materi

Untuk membuat link materi pertemuan 1 sampai 4 pada navigasi materi, terlebih dahulu kita memposting tiap materi ke dalam blog. Setelah materi di posting selanjutnya kita harus membuat posting baru yang berisi materi pertemuan 1 sampai 4 sperti gambar si bawah.

Sorot atau pilih Materi Pertemuan 1, selanjutnya klik link, akan tampil kotak dialog seperti dibawah ini. Aktifkan halaman blog materi pertemuan 1 yang sudah diposting sebelumnya, kemudian kopikan alamat pada url ke kotak dialog seperti di bawah ini, klik ok.

Setelah klik ok, muncul kode html seperti gambar di bawah.

Selanjutnya klik compose untuk menyetujui pembuatan link dan teks Materi Pertemuan 1 akan berubah warna dengan garis bawah seperti gambar di bawah ini, selanjutnya klik tayangkan laman untuk menampilkan hasilnya kehalaman blog anda.

Proses ini dilakukan sampai materi pertemuan 4.

Mulai ujian online

Untuk mengktifkan ujian online hampir sama dengan proses sebelumnya. Aktifkan rancangan, kemudian klik tambah gadget.

Selanjutnya akan tampil halaman baru untuk melakukan penambahan gadget, aktifkan html/javascript dengan mengklik tanda tambah.

Pada halaman mengkonfigurasi html/javascript ketikan judul dan isi konten dengan kode html untuk menghubungkan ke halaman ujian online seperti gambar di bawah, selanjutnya klik simpan.

Setelah di simpan, selanjutnya kita berada di halaman dimana kita melakukan penambahan gadget dan klik simpan untuk melanjutkan proses penambahan gadget yang akan ditampilkan di halaman blog.