TUTORIAL BLOG

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.



PEMBUATAN BLOG MINIMALIS

Berikut langkah-langkah pembuatan blog dengan blogger.com:

1.  Ketikkan alamat url  blogger di www.blogger.com

2.  Klik CREATE YOUR BLOG NOW, kemudian Anda isikan data-data pada kolom yang
disediakan

3.  Setelah itu klik CONTINU, dan beri nama blog Anda 

4.  Klik CONTINU untuk melanjutkan pemilihan template. Klik template yang sesuai
dengan keinginan Anda. Template yang disediakan pada langkah ini merupakan template
standar. Anda dapat mengganti dengan template yang lebih menarik pada situs-situs
penyedia template gratis untuk blogger.com atau dengan template buatan Anda sendiri.

5.  Klik CONTINU dan jika berhasil maka akan ditampilkan pernyataan bahwa blog sudah
berhasil dibuat
6.  Klik START POSTING, jika Anda ingin mencoba untuk posting pertama kali

7.  Jika Anda sudah menuliskan posting, maka lanjutkan langkah Anda dengan mengeklik
PUBLISH POST

8.  Jika Anda ingin mengedit posting Anda, maka Anda pilih Edit post, 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

Sampai pada langkah 8, sebenarnya Anda baru membuat standar blog minimalis, artinya masih
sederhana dan perlu untuk dikembangkan.



PENGEMBANGAN BLOG

Berikut langkah-langkah untuk mengembangkan blog Anda, agar blog Anda menjadi lebih
menarik dan dinamis.


•  DASHBOARD
Dashboard merupakan halaman utama pada blog yang digunakan untuk meletakkan
fitur-fitur pengaturan blog. Menu dashboard terletak di kanan atas halaman blog Anda

Beberapa fungsi fitur:
-  Create a Blog membuat blog baru, sehingga dengan fitur ini Anda dapat membuat
banyak blog dengan hanya 1 login (account)
-  View Blog melihat preview blog Anda
-  New Post membuat posting baru
-  Manage Posts mengatur posting (edit/hapus posting)
-  Setting pengaturan blog
-  Layout mengganti template, ukuran dan warna huruf, edit HTML
-  Edit Profile mengubah profil Anda
-  My Account pengaturan account blog Anda

•  LAYOUT
Merupakan fitur yang digunakan untuk menambah elemen-elemen halaman blog (html,
polling, kalender, slide show dan lain-lain), pengaturan font-color, edit html dan menganti
template baru yang disediakan blogger.com

•  PAGE ELEMENTS

Beberapa fungsi fitur:
-  Edit (header) mengatur header (bagian atas blog/banner). Pada fitur ini Anda
dapat mengganti gambar header sesuai dengan keinginan Anda.  Caranya dengan
upload dari hardisk komputer/flashdisk/media lainnya. Selain itu Anda dapat
menambahkan deskripsi blog Anda. Jangan lupa untuk  mengeklik  SAVE
CHANGES, jika Anda melakukan perubahan pada header

-  Add a Page Elements, merupakan fitur yang digunakan untuk menambah elemen-
elemen blog, misalnya slideshow, poll, list, link list dan lain-lain. Saya percaya Anda
dapat meng-explore bagian-bagian ini dengan mudah

Dari sekian elemen yang dapat ditambahkan pada halaman blog, elemen
HTML/JavaScript merupakan elemen terpenting untuk membuat blog Anda menjadi
lebih menarik. Pada elemen ini Anda dapat menambahkan  kode-kode HTML atau
Javascipt yang diperoleh dari situs-situs penyedia  elemen blog, misalnya Anda dapat
menambahakan kode HTML shoutbox (kotak komentar) dari oggix.com atau
menambahkan counter dari statcounter.com dan lain-lain. (daftar situs penyedia elemen
blog gratis terdapat pada akhir tutorial ini)


•  Mengganti Template dari situs lain

Seperti yang disebutkan di atas, bahwa Anda dapat mengganti template blog Anda dengan
template seperti yang disediakan finalsense.com atau dengan template buatan Anda
sendiri. Dari situs penyedia template gratis, Anda akan mendapatkan kode-kode HTML
yang dapat Anda copy, kemudian paste ke menu Edit HTML pada bagian Layout.

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.
Tujuannya adalah untuk mengantisipasi bila kode HTML yang Anda peroleh error atau
tidak berfungsi.

Selain itu Anda harus mengaktifkan Expand Widget Templates dengan memberi tanda
check pada kotak yang disediakan.

 
Untuk menu-menu yang lain seperti Posting dan Setting saya percaya bahwa Anda dapat meng-
explore dengan mudah.


PERINTAH-PERINTAH DASAR HTML


Perintah HTML Fungsi Perintah Contoh Perintah
<a href=”alamaturl”>teks</a> membuat hyperlink/link <a href=”http://istiyanto.com”>Link
ke Istiyanto.com</a>
<img src=”alamaturlgambar”> memasukkan gambar
pada halaman
<img src=”http://istiyanto.com/wp-
content/gambarku.jpg”>
<marquee direction=”left”>teks
</marquee>
membuat animasi teks
berjalan dari kanan ke kiri
<marquee direction=”lef”>Ini teks
berjalan</marquee>
<p align=”center”>teks</p> mengatur paragraf rata
tengah
<p align=”center”>tengah</p>
<br> ganti baris (enter) <br>
<font size=”1”>font 1</font> mengatur ukuran font <font size=”1”>font 1</font>



DAFTAR LINK PENYEDIA ELEMEN GRATIS


Alamat URL  Isi/penyedia elemen
http://www.free-blog-content.com kalender gratis
http://finalsense.com template blog gratis
http://www.clocklink.com jam gratis
http://shoutmix.com shoutbox/guestbook
http://oggix.com shoutbox/guestbook, google pagerank
http://photobucket.com hosting file photo/gambar gratis atau penyedia
penyimpan foto gratis
http://flickr.com hosting file photo/gambar gratis atau penyedia
penyimpan foto gratis
http://abibakar.blogspot.com template blog gratis
http://snapdrive.net hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)
http://megashare.com hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)
http://rapidshare.com hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)

http://www.blogpatrol.com free counter, blog statistic
http://myglitterromance.com glitter
http://wishafriend.com countdowns
http://www.haloscan.com comment board
http://www.tag-boar.com tag-board
http://www.doneeh.com tag-board, counter
http://statcounter.com free counter, blog statistic
http://amazingcounter.com free counter, blog statistic
http://www.blogskins.com template blog gratis
http://www.blogger-templates.blogspot.com template blog gratis
http://www.blogspottemplates.blogspot.com template blog gratis
http://sitemeter.com free counter, statistik pengunjung
  







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.



PEMBUATAN BLOG MINIMALIS

Berikut langkah-langkah pembuatan blog dengan blogger.com:

1.  Ketikkan alamat url  blogger di www.blogger.com

2.  Klik CREATE YOUR BLOG NOW, kemudian Anda isikan data-data pada kolom yang
disediakan

3.  Setelah itu klik CONTINU, dan beri nama blog Anda 

4.  Klik CONTINU untuk melanjutkan pemilihan template. Klik template yang sesuai
dengan keinginan Anda. Template yang disediakan pada langkah ini merupakan template
standar. Anda dapat mengganti dengan template yang lebih menarik pada situs-situs
penyedia template gratis untuk blogger.com atau dengan template buatan Anda sendiri.

5.  Klik CONTINU dan jika berhasil maka akan ditampilkan pernyataan bahwa blog sudah
berhasil dibuat
6.  Klik START POSTING, jika Anda ingin mencoba untuk posting pertama kali

7.  Jika Anda sudah menuliskan posting, maka lanjutkan langkah Anda dengan mengeklik
PUBLISH POST

8.  Jika Anda ingin mengedit posting Anda, maka Anda pilih Edit post, 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

Sampai pada langkah 8, sebenarnya Anda baru membuat standar blog minimalis, artinya masih
sederhana dan perlu untuk dikembangkan.



PENGEMBANGAN BLOG

Berikut langkah-langkah untuk mengembangkan blog Anda, agar blog Anda menjadi lebih
menarik dan dinamis.


•  DASHBOARD
Dashboard merupakan halaman utama pada blog yang digunakan untuk meletakkan
fitur-fitur pengaturan blog. Menu dashboard terletak di kanan atas halaman blog Anda

Beberapa fungsi fitur:
-  Create a Blog membuat blog baru, sehingga dengan fitur ini Anda dapat membuat
banyak blog dengan hanya 1 login (account)
-  View Blog melihat preview blog Anda
-  New Post membuat posting baru
-  Manage Posts mengatur posting (edit/hapus posting)
-  Setting pengaturan blog
-  Layout mengganti template, ukuran dan warna huruf, edit HTML
-  Edit Profile mengubah profil Anda
-  My Account pengaturan account blog Anda

•  LAYOUT
Merupakan fitur yang digunakan untuk menambah elemen-elemen halaman blog (html,
polling, kalender, slide show dan lain-lain), pengaturan font-color, edit html dan menganti
template baru yang disediakan blogger.com

•  PAGE ELEMENTS

Beberapa fungsi fitur:
-  Edit (header) mengatur header (bagian atas blog/banner). Pada fitur ini Anda
dapat mengganti gambar header sesuai dengan keinginan Anda.  Caranya dengan
upload dari hardisk komputer/flashdisk/media lainnya. Selain itu Anda dapat
menambahkan deskripsi blog Anda. Jangan lupa untuk  mengeklik  SAVE
CHANGES, jika Anda melakukan perubahan pada header

-  Add a Page Elements, merupakan fitur yang digunakan untuk menambah elemen-
elemen blog, misalnya slideshow, poll, list, link list dan lain-lain. Saya percaya Anda
dapat meng-explore bagian-bagian ini dengan mudah

Dari sekian elemen yang dapat ditambahkan pada halaman blog, elemen
HTML/JavaScript merupakan elemen terpenting untuk membuat blog Anda menjadi
lebih menarik. Pada elemen ini Anda dapat menambahkan  kode-kode HTML atau
Javascipt yang diperoleh dari situs-situs penyedia  elemen blog, misalnya Anda dapat
menambahakan kode HTML shoutbox (kotak komentar) dari oggix.com atau
menambahkan counter dari statcounter.com dan lain-lain. (daftar situs penyedia elemen
blog gratis terdapat pada akhir tutorial ini)


•  Mengganti Template dari situs lain

Seperti yang disebutkan di atas, bahwa Anda dapat mengganti template blog Anda dengan
template seperti yang disediakan finalsense.com atau dengan template buatan Anda
sendiri. Dari situs penyedia template gratis, Anda akan mendapatkan kode-kode HTML
yang dapat Anda copy, kemudian paste ke menu Edit HTML pada bagian Layout.

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.
Tujuannya adalah untuk mengantisipasi bila kode HTML yang Anda peroleh error atau
tidak berfungsi.

Selain itu Anda harus mengaktifkan Expand Widget Templates dengan memberi tanda
check pada kotak yang disediakan.

 
Untuk menu-menu yang lain seperti Posting dan Setting saya percaya bahwa Anda dapat meng-
explore dengan mudah.


PERINTAH-PERINTAH DASAR HTML


Perintah HTML Fungsi Perintah Contoh Perintah
<a href=”alamaturl”>teks</a> membuat hyperlink/link <a href=”http://istiyanto.com”>Link
ke Istiyanto.com</a>
<img src=”alamaturlgambar”> memasukkan gambar
pada halaman
<img src=”http://istiyanto.com/wp-
content/gambarku.jpg”>
<marquee direction=”left”>teks
</marquee>
membuat animasi teks
berjalan dari kanan ke kiri
<marquee direction=”lef”>Ini teks
berjalan</marquee>
<p align=”center”>teks</p> mengatur paragraf rata
tengah
<p align=”center”>tengah</p>
<br> ganti baris (enter) <br>
<font size=”1”>font 1</font> mengatur ukuran font <font size=”1”>font 1</font>



DAFTAR LINK PENYEDIA ELEMEN GRATIS


Alamat URL  Isi/penyedia elemen
http://www.free-blog-content.com kalender gratis
http://finalsense.com template blog gratis
http://www.clocklink.com jam gratis
http://shoutmix.com shoutbox/guestbook
http://oggix.com shoutbox/guestbook, google pagerank
http://photobucket.com hosting file photo/gambar gratis atau penyedia
penyimpan foto gratis
http://flickr.com hosting file photo/gambar gratis atau penyedia
penyimpan foto gratis
http://abibakar.blogspot.com template blog gratis
http://snapdrive.net hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)
http://megashare.com hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)
http://rapidshare.com hosting file gratis, digunakan untuk
menyimpan file-file Anda agar dapat di
download (pdf/doc/xls)

http://www.blogpatrol.com free counter, blog statistic
http://myglitterromance.com glitter
http://wishafriend.com countdowns
http://www.haloscan.com comment board
http://www.tag-boar.com tag-board
http://www.doneeh.com tag-board, counter
http://statcounter.com free counter, blog statistic
http://amazingcounter.com free counter, blog statistic
http://www.blogskins.com template blog gratis
http://www.blogger-templates.blogspot.com template blog gratis
http://www.blogspottemplates.blogspot.com template blog gratis
http://sitemeter.com free counter, statistik pengunjung
  

Boneka Danbo

               DANBO adalah kependekan dari Danboard, dibuat dari kertas karton board. Boneka ini adalah kreasi dari Azuma Kiyohiko seorang komikus serial manga Yotsuba. Bentuk boneka ini sangat unik, yaitu action figure dengan penampilan seperti manusia dengan ukuran mini 7 cm dan 13 cm. Siapa pun pasti akan merasa gemas ketika melihat si Danbo ini. Bagaimana tidak DANBO dapat digerakkan secara manual dan dibentuk dengan berbagai macam gaya unik. Perusahaan yang membuatnya menggunakan teknologi tinggi di setiap persendian boneka ini sehingga membuatnya mampu bergerak luwes. Ekspresi dari si kardus imut ini menjadi daya tarik utama. Di jepang boneka ini dijual sekitar Rp 500.000. Wah.... harga yang cukup mahal nih??? tetapi bagi anda yang ingin membuat boneka ini tidaklah sulit.. mungkin perbedaanx terletak pada gerakan danbo yang tidak seluwes aslinya... berikut foto;foto ekspresi BONEKA DANBO..... :)