P. 1
Tutorial Blogspot

Tutorial Blogspot

|Views: 3|Likes:
petuntuk tutorial pembuatan blog melalui blogspot
petuntuk tutorial pembuatan blog melalui blogspot

More info:

Published by: Febri Firsandi Putra on Jul 14, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

02/11/2014

pdf

text

original

TUTORIAL PEMBUATAN BLOG

”Hari gini belum punya blog – Kasihan dech lu – Ayo nge-blog Donk !!!”

Oleh : H. Heri Istiyanto, S.Si Email : sebelasseptember@yahoo.com Blog : http://istiyanto.com

Saat ini membuat website bukanlah suatu hal yang sulit. Blog dapat dijadikan salah satu alternatif, jika Anda ingin membuat website. Dengan blog Anda dapat membuat suatu website sederhana sesuai dengan keinginan Anda dengan mudah dan gratis. Apakah yang dimaksud dengan blog itu ? Berikut beberapa definisi mengenai blog: 1. Weblog atau blog merupakan teks dokumen, gambar, objek media dan data yang tersusun secara hierarkis dan menurut kronologi tertentu yang dapat dilihat melalui bowser internet (misalnya internet explorer) 2. Blog merupakan publikasi secara periodik dan tetap mengenai pemikiran personal seseorang dan juga link web 3. Blog adalah jurnal yang disediakan pada sebuah web. Aktivitas meng-update sebuah blog dinamakan “blogging”. Seseorang yang mengelola blog disebut “blogger” 4. Blog adalah suatu perjalanan yang berkesinambungan, dengan panduan logika yang berkelanjutan dan konsisten. Topik dan pembahasan di dalam sebuah blog biasanya konsisten pada topik utama, misalnya politik, sastra, musik dan sebagainya 5. Blog adalah jurnal yang disediakan pada web. Blog dapat di-update setiap hari dengan suatu aplikasi yang disediakan oleh penyedia. Tidak dibutuhkan suatu keahlian khusus untuk melakukan update atau mengelola blog. Posting dalam blog tersusun secara teratur sesuai kriteria tertentu, biasanya dengan pengaturan urutan tanggal Secara umum blog memiliki fitur utama, yaitu: arsip dan kotak komentar. Situs layanan penyedia blog gratis saat ini begitu banyak diantaranya: blogger.com, wordpress.com, friendster.com, xanga.com, blogdrive.com, blogsome.com, wordpress.com, multiply.com, myspace.com dan lain-lain. Diantara sekian banyak penyedia layanan blog, blogger.com merupakan penyedia layanan blog yang populer. Jika Anda membuat blog dengan blogger.com maka alamat url blog Anda nantinya adalah: http://terserahanda.blogspot.com. Pada tutorial kali ini saya akan memberikan langkah-langkah pembuatan blog dengan blogger.com. Kemudian saya juga akan mendaftar link-link yang dapat dijadikan acuan atau inspirasi untuk mengembangkan blog Anda.

Gambar 1.1 Halaman login ke blog dan menu pemilihan bahasa 1

4 Contoh pemberian nama blog 4.3 Contoh pembuatan account blog 3. Anda dapat mengganti dengan template yang lebih menarik pada situs-situs penyedia template gratis untuk blogger. Klik CONTINU untuk melanjutkan pemilihan template.blogger.com: 1. Ketikkan alamat url blogger di www. Klik CREATE YOUR BLOG NOW.com Gambar 1. Template yang disediakan pada langkah ini merupakan template standar. Klik template yang sesuai dengan keinginan Anda. 2 .2 Petunjuk pembuatan blog 2. dan beri nama blog Anda Gambar 1.PEMBUATAN BLOG MINIMALIS Berikut langkah-langkah pembuatan blog dengan blogger. kemudian Anda isikan data-data pada kolom yang disediakan Gambar 1.com atau dengan template buatan Anda sendiri. Setelah itu klik CONTINU.

Klik START POSTING. Jika Anda sudah menuliskan posting. Klik CONTINU dan jika berhasil maka akan ditampilkan pernyataan bahwa blog sudah berhasil dibuat Gambar 1. jika Anda ingin mencoba untuk posting pertama kali Gambar 1.6 Halaman konfirmasi keberhasilan pembuatan blog 6.5 Pemilihan template 5.8 Konfirmasi bahwa posting Anda berhasil 3 . maka lanjutkan langkah Anda dengan mengeklik PUBLISH POST Gambar 1.7 Menu untuk posting 7.Gambar 1.

sehingga dengan fitur ini Anda dapat membuat banyak blog dengan hanya 1 login (account) . agar blog Anda menjadi lebih menarik dan dinamis. artinya masih sederhana dan perlu untuk dikembangkan.9 Alamat blog Anda pada address bar Sampai pada langkah 8. maka Anda pilih Edit post.Edit Profile mengubah profil Anda .com Beberapa fungsi fitur: . namun jika Anda sudah yakin dengan posting yang baru saja dibuat Anda dapat melihat preview blog Anda dengan mengeklik View Blog atau in a new window Gambar 1.10 Tombol dashboard di blogger. Menu dashboard terletak di kanan atas halaman blog Anda Gambar 1. edit HTML .com Gambar 1.11 Halaman dashboard di blogger.Manage Posts mengatur posting (edit/hapus posting) . PENGEMBANGAN BLOG Berikut langkah-langkah untuk mengembangkan blog Anda.Layout mengganti template. sebenarnya Anda baru membuat standar blog minimalis. • DASHBOARD Dashboard merupakan halaman utama pada blog yang digunakan untuk meletakkan fitur-fitur pengaturan blog. ukuran dan warna huruf.New Post membuat posting baru .View Blog melihat preview blog Anda .My Account pengaturan account blog Anda 4 .8. Jika Anda ingin mengedit posting Anda.Setting pengaturan blog .Create a Blog membuat blog baru.

jika Anda melakukan perubahan pada header Gambar 1.12 Menu-menu pada Layout • PAGE ELEMENTS Gambar 1.Edit (header) mengatur header (bagian atas blog/banner).13 Menu-menu pada Page Elements Beberapa fungsi fitur: . Selain itu Anda dapat menambahkan deskripsi blog Anda. Pada fitur ini Anda dapat mengganti gambar header sesuai dengan keinginan Anda.14 Optimisasi header 5 . Jangan lupa untuk mengeklik SAVE CHANGES. edit html dan menganti template baru yang disediakan blogger.com Gambar 1. polling. kalender. pengaturan font-color. slide show dan lain-lain).• LAYOUT Merupakan fitur yang digunakan untuk menambah elemen-elemen halaman blog (html. Caranya dengan upload dari hardisk komputer/flashdisk/media lainnya.

Pada elemen ini Anda dapat menambahkan kode-kode HTML atau Javascipt yang diperoleh dari situs-situs penyedia elemen blog.15 Page elements Dari sekian elemen yang dapat ditambahkan pada halaman blog. list.- Add a Page Elements. misalnya Anda dapat menambahakan kode HTML shoutbox (kotak komentar) dari oggix. poll.com dan lain-lain. elemen HTML/JavaScript merupakan elemen terpenting untuk membuat blog Anda menjadi lebih menarik. misalnya slideshow. Saya percaya Anda dapat meng-explore bagian-bagian ini dengan mudah Gambar 1. merupakan fitur yang digunakan untuk menambah elemenelemen blog. link list dan lain-lain.com atau menambahkan counter dari statcounter.16 Tampilan elemen HTML/Javascript 6 . (daftar situs penyedia elemen blog gratis terdapat pada akhir tutorial ini) Gambar 1.

Anda akan mendapatkan kode-kode HTML yang dapat Anda copy.• Mengganti Template dari situs lain Seperti yang disebutkan di atas.com”>Link ke Istiyanto. Hal penting yang perlu Anda lakukan ketika Anda melakukan perubahan template dengan menu Edit HTML adalah bahwa Anda harus membackup kode-kode HTML yang asli.jpg”> <marquee direction=”lef”>Ini teks berjalan</marquee> <p align=”center”>tengah</p> <br> <font size=”1”>font 1</font> memasukkan gambar pada halaman <marquee direction=”left”>teks membuat animasi teks </marquee> berjalan dari kanan ke kiri <p align=”center”>teks</p> mengatur paragraf rata tengah <br> ganti baris (enter) <font size=”1”>font 1</font> mengatur ukuran font 7 . Tujuannya adalah untuk mengantisipasi bila kode HTML yang Anda peroleh error atau tidak berfungsi. Gambar 1.com</a> <img src=”http://istiyanto.com atau dengan template buatan Anda sendiri. Selain itu Anda harus mengaktifkan Expand Widget Templates dengan memberi tanda check pada kotak yang disediakan. kemudian paste ke menu Edit HTML pada bagian Layout.17 Tampilan Menu Edit HTML Untuk menu-menu yang lain seperti Posting dan Setting saya percaya bahwa Anda dapat mengexplore dengan mudah. PERINTAH-PERINTAH DASAR HTML Perintah HTML <a href=”alamaturl”>teks</a> <img src=”alamaturlgambar”> Fungsi Perintah membuat hyperlink/link Contoh Perintah <a href=”http://istiyanto.com/wpcontent/gambarku. bahwa Anda dapat mengganti template blog Anda dengan template seperti yang disediakan finalsense. Dari situs penyedia template gratis.

com http://flickr. tutorial flash media pembelajaran ekonomi media pembelajaran sastra indonsia musik pengalaman.blogspot.blogger-templates. counter free counter.net Isi/penyedia elemen kalender gratis template blog gratis jam gratis shoutbox/guestbook shoutbox/guestbook.com Isi/deskripsi soal-soal matematika.free-blog-content.com http://photobucket.blogpatrol.com http://snapdrive.com http://myglitterromance.com kolom-tutorial.blogspot.doneeh. pemikiran. google pagerank hosting file photo/gambar gratis atau penyedia penyimpan foto gratis hosting file photo/gambar gratis atau penyedia penyimpan foto gratis template blog gratis hosting file gratis.com http://statcounter.com http://www.com Isi/deskripsi tutorial blog.com http://www.com DAFTAR LINK TUTORIAL SERBA-SERBI BLOG Alamat URL isnaini.com http://wishafriend.com http://www.com http://www. blog statistic template blog gratis template blog gratis template blog gratis free counter. statistik pengunjung http://megashare. blog statistic free counter.com http://fanderlart.blogspot.com http://shoutmix. adsense adsense tutorial blog DAFTAR LINK KOMUNITAS BLOGGER DE BRITTO Alamat URL istiyanto.wordpress. digunakan untuk menyimpan file-file Anda agar dapat di download (pdf/doc/xls) hosting file gratis.blogspot.com wc-ssc.com http://www.DAFTAR LINK PENYEDIA ELEMEN GRATIS Alamat URL http://www. blog statistic glitter countdowns comment board tag-board tag-board.com http://amazingcounter.com http://www.com http://sitemeter. digunakan untuk menyimpan file-file Anda agar dapat di download (pdf/doc/xls) hosting file gratis.blogspot. ide-ide 8 .com goesprih.com http://abibakar.tag-boar.blogspottemplates.com http://rapidshare. digunakan untuk menyimpan file-file Anda agar dapat di download (pdf/doc/xls) free counter.com http://finalsense.blogspot.haloscan.com http://www.com kombor.blogspot.com http://oggix.com http://www.com ekonomi161.blogskins.clocklink.

2005.or.web.com www..com sasind. Asdani.id http://kumpulblogger.id www.wongkito.id www.com http://kampungblog.bbv.Yogyakarta: Penerbit Andi 9 .com http://www.angingmamiri.org www. Referensi Google Search Engine Kindarto.Tip Mudah Membuat Blog Bergaya dan Interaktf.org www. ide-ide marketvalas cerita cinta DAFTAR LINK KOMUNITAS BLOGGER INDONESIA Alamat URL http://blog-indonesia.or.blogspot.net www.com komunitas.seruit.bloggerian.id www.com mahakam.wordpress.com pemikiran.muslimblog.palanta.com marketvalas.cahandong..edukartono.or.org www.net www. daftar komunitas blogger daerah dan non-daerah komunitas blogger Jogja jaringan blog media advertising komunitas blogger Makasar komunitas blogger Surabaya komunitas blogger Padang komunitas blogger Padang komunitas blogger Jogja komunitas blogger Malang komunitas blogger Bandung komunitas blogger Bandung –Bandung kota blogger komunitas blogger Bali komunitas blogger Semarang komunitas blogger Palembang komunitas blogger Garut komunitas blogger Lampung komunitas blogger Kalimantan Timur komunitas blogger Kalimantan Timur komunitas bloggerian esai-esai satra kumpulan blog-blog indonesia Indonesia muslim blogger Selesai juga deh akhirnya tutorial ini .id kantongsastra.go-ranahminang.com www..batagor..blogspot.com kal-tim.blogspot.blogspot.net Isi/deskripsi kumpulan blogger indonesia kumpulan blogger indonesia.ayongeblog. Semoga bermanfaat dan memberikan inspirasi bagi Anda .com angkringan.bloggerngalam.tugupahlawan..baliblogger.bloggergarut.com www..loenpia.blogspot.com www.or.org www.com www.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->