Tutorial_Bikin_Blog
Upcoming SlideShare
Loading in...5
×
 

Tutorial_Bikin_Blog

on

  • 1,344 views

 

Statistics

Views

Total Views
1,344
Views on SlideShare
1,344
Embed Views
0

Actions

Likes
0
Downloads
62
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tutorial_Bikin_Blog Tutorial_Bikin_Blog Document Transcript

    • Tutoril Bikin Blog0 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Tutorial Blog Oleh Nurdin Al-Azis & Ridwan Arifin Pengantar Kita mulai dengan pertanyaan “Apa itu blog ?” Banyak yang berusaha mendefinisikan istilah “blog”. Blog itu sendiri adalah kependekan dari “Weblog”, istilah ini pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut website pribadi yang selalu diupdate secara berkelanjutan dan berisi link-link ke website lain yang dianggap menarik dan biasanya disertai dengan komentar-komentar mereka sendiri. Sementara Roger Yim, seorang kolumnis San Francisco Gate pada artikelnya di Februari 2001, menuliskan bahwa sebuah Blog adalah persilangan antara diary seseorang dan daftar link di Internet. Sedang Scott Rosenberg dalam kolomnya di majalah online Salon pada May 1999 menyimpulkan bahwa Blog berada pada batasan website yang lebih bernyawa daripada sekedar kumpulan link tapi kurang instrospektif dari sekedar sebuah diary yang disimpan di internet. Apapun definisinya, pendapat-pendapat tersebut bertemu pendapat bahwa blog adalah website yang bersifat personal, memuat opini pesonal dan hal-hal lain yang merupakan aktualisasi diri pembuatnya secara personal yang ingin ia kabarkan pada komunitas global dunia. Meskipun personal, isinya bisa dinikmati siapa saja darimana saja dan kapan saja. Sebuah loncata ekspresi diri yang telah melampaui batas-batas ruang dan waktu. Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • “CARA MEMBUAT BLOG” Saya menyarankan anda untuk mempunyai Acount di GMAIL.com untuk mempemudah pembuatan Acount Blogger. Jika Belum anda dapat membuatnya terlebih dahulu. Namun Jika sudah mempunyai Acount dari gmail.com, anda hanya tinggal login saja ke blogger ( Situs penyedia layanan pembuatan Blog gratisan) dan lewati langkah pertama, langsung kelangkah ke2. 1. Jika belum mempunyai Acount GMAIL.com maka ikuti langkah-langkah berikut a. Klik Browser baik itu Internet Explorer maupun Mozila Firefox. b. Ketik kan pada Address bar (url) gmail.com kemudian enter, seperti pada tampilan gambar berikut : Gambar .1.1 : mengetikan alamat URL di address bar c. Maka anda akan masuk ke jendela gmail.com seperti gambar berikut : Pada Jendela disamping tampak form login acount google dan jika anda telah memiliki acount google, langkah selanjutnya ialah melakukan login dengan mengisi form nama pengguna dan sandi yang telah anda buat . Tetapi jika anda belum memilikinya, maka langkah selanjutnya ialah anda harus membuat acount terlebih dahulu dengan mengikuti langkah- langkah berikut Klik button Buat Akun >> Seperti gambar disamping, maka anda akan masuk ke Jendela Dibawah ini: Gambar1.2: Form Login Google Tutoril Bikin Blog2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.1.3: tampilan form isian pembuatan account google d. Pada jendela diatas anda disuruh untuk mengisikan Nama lengkap anda beserta alamat acount yang akan anda buat dengan passwornya. Contoh: - Nama Depan : Acount - Nama Belakang : Baru - Nama Login : Acountbaru Klik Cek Ketersediaan! Alamat email/ acount google yang anda buat, apakah tersedia atau tidak jika tersedia, maka anda bisa melanjutkan ke langkah berikutnya, jika tidak berarti anda harus mencari dan mengganti nama baru untuk acount anda. Gambar1.4: contoh tampilan layar ketersediaan account. Tutoril Bikin Blog3 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • - Buat sandi / PASSWORD : Dapat anda isikan beberapa karakter huruf atau perpaduan hurup dan angka minimal 8 karakter sesuai dengan yang anda inginkan, (Catatan : PASSWOARD yang anda buat harus unik dan bersipat rahasia serta mudah anda ingat ) - Masukkan Kembali sandi / PASSWORD : Masukkan kembali sandi/ PASSWOR yang telah anda tentukan percis seperti semula ( berpungsi untuk mengcek kembali karakter password yang anda masukan apakah benar atau salah). e. Scroll kebawah maka anda akan disuruh untuk membuat pertanyaan seperti: Gambar.1.5 : Form isian lanjutan. Untuk keamanan pivasi account. f. Pada jendela diatas anda harus menentukan pertanyaan yang anda inginkan untuk keamanan privasi acount anda jika suatu saat anda lupa password anda. Lengkapi semua kolom yang kosong kecuali Email Sekunder. Email Sekunder berfungsi untuk meng-Autentifikasi account anda jika anda mengalami masalah atau lupa sandi anda. Jika anda tidak memiliki alamat lain maka kosongkan saja seperti gambar berikut : Tutoril Bikin Blog4 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar 1.6 : Contoh tampilan Pembuatan pertanyaan privasi g. Selanjutnya klik button saya menerima Buat akunku maka dengan automatis anda akan menuju jendela Verifikasi, jika Capcha pada kotak Verifikasi kata benar maka anda akan diarahkan ke jendela berikut ini: Gambar.1.7 : tampilan jendela pengantar gmail ( tunjukan akun saya)>>> Tutoril Bikin Blog5 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • h. Pada jendela diatas anda telah berhasil memiliki acount gmail.com, klik button Tunjukkan akun saya >> maka anda akan menuju jendela berikut ini: Gambar1.8 : Tampilan Jendela Alamat E-mail yang telah anda buat. Selesai sudah cara membuat akun di gmail.com dan anda sudah memiliki acount gmail dengan alamat email Acountbaru@gmail.com 2. Cara mendaftar / membuat blog di Blogger.com a. Ketikkan www.blogger.com pada address bar (url) seperti anda mengetikkan gmail.com tadi, contohnya seperti berikut: Gambar.2.1 : mengetikan alamat URL di address bar b. Setelah anda ketikkan url tersebut, tekan enter untuk melanjutkan, dan anda akan dihadapkan dengan jendela seperti tampilan gambar dibawah ini : Tutoril Bikin Blog6 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.2.2 : mengetikan alamat URL di address bar c. Anda masukkan acount gmail dan password anda yang tadi anda buat pada kota Masuklah menggunakan Akun Google Anda, seperti gambar dibawah: Gambar.2.3 : Form Login bloger.com d. Klik button masuk maka anda akan menjuju jendela seperti berikut : Gambar.2.3 : Form Login bloger.com Tutoril Bikin Blog7 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • e. Pada jendela diatas anda disuruh untuk memasukan nama tampilan (nama pemosting) pada contoh ini saya memberi nama Blogs Percobaan, selanjutnya klik centang pada Penerimaan Persyaratan dan klik Lanjutkan seperti: Gambar.2.4 : mendaftar blog f. Setelah anda klik Lanjutkan, maka anda akan menuju jendela pemilihan Template seperti: Gambar.2.5 : Memilih template (tampilan blog) Tutoril Bikin Blog8 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • g. Pilih template sesuai dengan yang anda inginkan. Jika template yang tersedia kurang cocok, nanti setelah jadi anda dapat mendownload template baru. Jadi klik lanjutkan untuk melanjutkan proses. h. Selanjutnya anda akan memasuki jendela seperti dibawah ini, bertanda anda telah berhasil membuat account di blogger.com Gambar.2.7 : Anda telah berhasil, dan siap untuk bloging i. blog anda sudah siap untuk digunakan, dan mulailah berkreasi membuat postingan di blog yang baru anda buat Gambar.2.8 : Daskboard penambahasn tulisan (postingan blog) j. Pada jendela diatas anda dapat mengisikan postingan / artikel yang akan anda postingkan di blog anda, seperti saya mengambil contoh “Cara Membuat Blogger” seperti: Tutoril Bikin Blog9 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.2.9 : menambah / mengisikan artikel di blog k. Setelah anda memasukan artikel anda. Klik button Terbitkan Entri (untuk mempostkan artikel yang sudah anda buat seperti diatas. l. Maka anda akan digiring masuk ke-jendela seperti di bawah ini, untuk melihat Hasil Postingan Artikel yang sudah anda Terbitkan seperti: Gambar.2.10: cek hasil postingan blog m. Klik Lihat Blog (dujendela baru) maka hasilnya adalah: Gambar.2.11: Tampilan blog beserta postingan yang telah kita buat n. Sampai disini anda telah berhasil membuat blog dan postingan. Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • “CARA MERUBAH TEMPLATE” Sebelum anda merubah template bawaan atau yang disediakan oleh Blogger. Sebaiknya anda backup terlebih dahulu template yang sudah anda pilih. Langkah – langkah merubah Template: 1. Masuk ke Acount Blogger anda 2. Setelah masuk ke Acount anda pilih Tata Letak maka akan muncul jendela seperti: Gambar.3.1: Daskboard Tata letak tampilan blog 3. Untuk merubah Template selanjutnya anda klik Edit HTML maka akan tampil jendela Edit HTML seperti: Gambar.3.2: Jendela Edit HTML 4. Sebelum mengganti template yang akan anda gunakan sebaiknya backup dulu template anda, yaitu dengan klik Download Template Lengkap. Maka akan muncul jendela untuk menyimpan file yang akan didownload seperti: Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Pada jendela disamping merupakan File XML template yang anda gunakan. Pilih Save File lalu klik OK. Maka file XML tersebut akan di download dan disimpan. Gambar.3.3: Backup Template lengkap 5. Selanjutnya anda cari dan download template yang ingin anda gunakan sesuai dengan selera dan tema blog. Biasanya untuk tampilan / tamplet blog seperti ini banyak sekali pendor gratisan yang biasa menyediakan secara Cuma-Cuma, tinggal di search di google dengan kata kunci Template Blogger Gambar.3.4: Ketikan URL google.com 6. Maka anda akan menuju jendela google.com seperti: Gambar.3.5: Tampilan jendela Search enggin Google.com Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • 7. Pada kotak Pencarian ketikkan template blogger 8. Maka akan terdapat banyak hasil pencarian tentang template blogger seperti: Gambar.3.6: tampilan hasil pencarian mengenai Template Blogger 9. Pilihlah salah link satu dari hasil pencarian google.com, untuk contoh saya memilih link Blogger Template pada hasil pencarian kedua seperti gambar diatas yang saya lingkari dan hasilnya seperti: Gambar.3.7: wesite penyedia template gratisan Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • 10. Pilih salah satu template dengan meng-klik gambar tersebut, pilihlah template yang sesuai dengan postingan artikel anda, disini saya memilih Template BizFresh, seperti tampilan dibawah ini: Gambar.3.8: Tampilan Template BizFresh 11. Klik button DOWNLOAD untuk men-download template tersebut, selanjutnya anda akan menuju jendela perintah untuk menyimpan template tersebut seperti: Gambar.3.8: jendela downloaded template 12. Klik Save lalu anda akan diminta untuk menentukan tempat penyimpanan file download template tersebut, seperti: Gambar.3.9: menentukan tempat penyimpanan template Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • 13. Disini saya menyimpan hasil download di desktop, maka klik Save untuk menyimpan template dan proses download akan berjalan maka akan muncul jendela hasil download, seperti: Gambar.3.10: Proses download 14. Extract file download template tadi, hingga terdapat folder yang isinya file XML seperti: Gambar.3.11: Hasil download-an template blogger 15. Selanjutnya kita akan pasang template pada blog yang sudah anda buat tadi, yaitu: a. Kembali ke Browser Blogger.com b. Sebelumnya anda berada didalam jendela Edit HTML seperti diatas tadi, c. Klik Browse.. (untuk mencari file template) maka hasilnya seperti: Gambar.3.12: memasang Template baru d. Klik button Unggah untuk menerapkan template tersebut. Maka akan muncul jendela Konfirmasi hasil Pemasangan Template sepertidi bawah Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.3.13: Konfirmasi hapus widget sebelumnya e. Klik button Konfirmasi & Simpan untuk mengkonfirmasi dan menyimpan hasil Template yang tadi anda pasang. Maka hasilnya seperti: Gambar.3.14: Pemasangan Templete Berhasil f. Untuk mengecek hasil pemasangan template tersebut, klik Lihat Blog seperti yang saya lingkar. Maka hasilnya seperti: Gambar.3.15: Tampilan Blog setelah Pergantian template g. Sampai disini anda sudah dapat merubah template baru. Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • “CARA MEMASANG BUKU TAMU” 1. Terlebih dahulu anda masuk ke Acount blogger.com anda 2. Pilih tab Tata Letak 3. Anda akan masuk ke dalam Elemen Halaman seperti: Gambar.4.1: Tampilan tag daskboard tataletak blogger 4. Untuk memasang Buku Tamu pada Blog, Anda klik Tambah Gadget pada Elemen yang ingin anda letakkan Bukut Tamu tersebut, tab Jendela Tambah Gadget akan muncul seperti berikut : Gambar.4.2: tag tambah gadget 5. Untuk memasang Buku Tamu, terlebih dahulu kita harus mencari layanan pihak ketiga yang menyediakan elemen tambahan buku tamu dan anda hanya mengcopy code HTMLnya saja seperti yang saya ambil, layanan buku tamu dari website penyedia layanan gadget blog gratisan di bawah yaitu http://shoutmix.com. Selanjutnya untuk menempelkan anda hanya memilih tambah ememen HTML seperti gambar di bawah: Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.4.3: tag tambah gadget elemen HTML 6. Pada kotak diatas terdapat Kolom Judul dan Konten: a. Judul adalah untuk memberikan nama pada script yang akan dipasang contoh Buku Tamu b. Sedangkan pada kolom Konten adalah kolom yang disediakan untuk memasang code script HTML yang anda ambil di layanan penyedia konten blog gratisan http://shoutmix.com 7. Buka tab broser baru dan ketikan URLhttp://shoutmix.com untuk mendaftar 8. Maka akan muncul Website shoutmix.com dan anda harus melalukan registrasi Acount terlebih dahulu dengan klik button create shoutbox seperti: 9. Gambar.4.4: Registrasi Shoutmix.com 10. Setelah anda klik button create shoutbox maka anda akan dihadapkan dengan jendela registrasi acount seperti berikut : Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.4.5: Form isian Registrasi Shoutmix.com 11. Anda harus mengisikan kolom – kolom kosong atas, contoh: Gambar.4.6: contoh Registrasi Shoutmix.com 12. Disini saya mengisikan dengan Nama ID yang sama dengan ID email, yaitu Acountbaru dan password pun sama, setelah anda mengisi semua kolom- kolom tersebut, klik Continue untuk melanjutkan. 13. Jika berhasil anda akan dikonfirmasi melalui email yang anda masukan di form registrasi: Gambar.4.7: Registrasi Shoutmix.com berhasil 14. Selanjutnya anda copy Code Script Buku Tamu dengan klik Control Panel, seperti gambar diatas yang dilingkarkan. Maka akan digiring ke jendela berikut : Tutoril Bikin Blog1 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Gambar.4.8: Jendela get Code HTML 15. Klik Get Code untuk meng-copy Code Script Buku Tamu, maka hasilnya seperti: Gambar.4.9: meng-Copy Script Code HTML 16. Blok dan Copy Code Script diatas, lalu Paste di Jendela HTML/JavaScript yang tadi kita buka, maka hasilnya seperti berikut : Gambar.4.10: menempel / Paste Script Code HTML Tutoril Bikin Blog2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • 17. Klik Simpan untuk melihat hasil pemasangan Code Script Buku Tamu yang telah di-paste, dan lihat hasilnya 18. Untuk melihat hasil pemasangan buku tamu tadi, anda klik Lihat blog, dan sebagai contoh hasilnya seperti berikut : Gambar.4.11: Tampilan akhir pemasangan buku tamu di blog 19. Sampai disini anda sudah berhasil memasang Buku Tamu dan memasang Code Script yang lainya. 20. Selanjutnya undang dan beritahu temen anda untuk mengunjungi blog yang telah di buat, dan suruh mereka memberikan komentar mengenai blog anda. Tutoril Bikin Blog2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com
    • Biografi Penulis : Nurdin Al-Azis Lahir di Sukabumi, 11 Januari 1990, tercatat sebagai mahasiswa Teknik Informatika semester III FT Universitas Ibn Khaldun Bogor. Saat ini masih aktif sebagai Kepala Departemen Syiar & Pelayanan Kampus LDK Al-Intisyar UIKA, Kepala Divisi LITBANG Mav-Net UIKA, Kepala Penelitian dan Pengembangan LENSA Cianjur, Koordinator Liputan media mahasiswa Warta Kampus UIKA, Informatika (HIMATEK INFO),. Pengalaman organisasi yang pernah digeluti antara lain sebagai Ketua OSIS SMK Bina Teknologi-Bogor, Ketua Umum Sispala Bogor, Sekarang Bekerja sebagai Staf CV Putra Persada, Penulis Lepasan Di Harian local Jurnal Bogor. Tinggal di Salabenda no 25 RT 08/3 Kemang, Bogor 16310. HP: 085721522010. Email: alazies@gmail.com Web Blog http://azies-site.blogspot.com. Ridwan Arifin Lahir di Bogor, 07 Mei 1989, tercatat sebagai Staf Humas di Universitas Ibn Khaldun Bogor. Aktif dalam Penelitian dan Pengembangan LENSA Cianjur, dan Teknisi Komputer. Pengalaman Organisasi antara lain sebagai Anggota Aktif OSIS dan Rohis SMK Bina Teknologi Tahun 2006-2008. Pengurus Aktif Ektrakurikuler SISPALA SMK Bina Teknologi. Keseharian, belajar menggali informasi seputar Komputer dan Teknologi. Pengalaman Kerja Luar sebagai Staf Administrasi di SMP Islam Al-Qudwah, Teknisi Komputer dan Troubleshooting di CV Cakrawala Mediatech dan Staf Ahli di CV Putra Persada. Tinggal di Kp. Cipayung Rt. 004 / 007 No. 24 Kel. Tengah Cibinong – Bogor 16914. Web Blog yang pernah dibuat antara lain: http://puisi-ridwan.blogspot.com, http://ridwan-os.blogspot.com, http://ridwan89.blogspot.com, http://biotalaut99.blogspot.com, http://tech- id.blogspot.com, dll. No Kontak GSM 08998153202 CDMA 0251-3681943, email address Ridwanosx@gmail.com YM: Ridwan_Arifien@yahoo.com. Tutoril Bikin Blog2 http://www.azies-site.blogspot.com / http://www.ridwan89.blogspot.com