Zhee NaGh SMK NESABA: Januari 2010

Dreamweaver mempunyai banyak keunggulan-keunggulan dari segi fitur maupun interface sehingga sangat membantu kita dalam membuat halaman web. Untuk mendapatkan software Dreamweaver, bisa kita download dari situs resminya atau dibeli di toko-toko yang menyediakan software tersebut. Disana juga tersedia versi TRIAL yang bisa pembaca download. Download Macromedia Dreamweaver Versi Bajakan alias yang ada crack nya. Namun, harganya memang masih sangat mahal.

Versi terbaru yang telah keluar adalah Macromedia Dreamweaver CS4.

Berikut screenshot Dreamweaver 8 yang saya pakai:

ini saatnya kita melanjutkan tutorial web kita yang membahas cara membuat web dengan menggunakan Macromedia Dreamweaver. Dibagian pertama tutorial berkelanjutan ini kita telah mengenal sekilas mengenai profil Dreamweaver sebagai salah satu software web design. Bahkan pembaca mungkin sudah mencoba mendownload dreamweaver cs4 yang merupakan versi terbaru saat posting ini saya rilis. Oke deh, saya asumsikan pembaca sudah mendownload dan sudah menginstal dreamweaver baik itu yang asli dan sudah di-purchase, trial, maupun yang versi tak asli yang serial number-nya didapat dari crack-crack-an, kayak saya ini :D. Atau kalau belum menginstal juga tidak masalah kok. Dreamweaver tidak membuat kita pintar, tapi kita yang membuat dreamweaver menjadi pintar. Gimana caranya? Dibagian ini kita akan mempelajari dasar-dasar dreamweaver untuk membuat website.

1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.

2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.

3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:

Untitled Document

dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.

4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.

5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.

6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.

7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag . Akhirnya sampai juga kita dibagian ketiga posting berkelanjutan mengenari cara membuat web menggunakan Macromedia Dreamweaver. Setelah <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia.html" title="apa itu dreamweaver, download dreamweaver">di bagian pertama</a> kita membahas sepatah dua kata mengenai apa itu Dreamweaver, kemudian <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_12.html" title="fungsi dreamweaver, panduan dreamweaver">di bagian kedua</a> saya memaparkan beberapa bagian penting dari software web design tersebut, maka di bagian ini saya akan langsung memberi contoh penggunaan Dreamweaver dalam membuat sebuah halaman website. Berhubung karena salah satu keunggulan utama Dreamweaver ini sebagai sebuah software web design adalah memberikan kemudahan bagi kita dalam membuat website, maka kita akan mencoba bekerja membuat halaman-halaman website melalui layar design dimana kita bisa menggunakan menu-menu pilihan dalam memasukkan isi web dan mengatur tampilannya tanpa harus pusing mengotak-atik kode-kode struktur HTML-nya. Berikut langkah-langkahnya:<o:p></o:p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">1. Buatlah folder terlebih dahulu sebagai tempat penyimpanan file-file website Anda. Buatlah 2 buah folder, yang pertama sebagai tempat penyimpanan utama dimana file-file dari folder inilah yang akan Anda edit seterusnya. Sebagai contoh buatlah folder di drive D:\, F:\, atau yang lainnya dengan nama terserah pembaca, misalkan "gud_webku". Folder kedua berfungsi sebagai tempat menjalankan halaman-halaman website yang akan Anda buat. Sebenarnya file-file yang akan ada di folder kedua ini adalah file-file yang sama yang ada di folder pertama (folder "gud_webku"). Namun, ketika kita ingin menjalankan halaman web yang telah kita buat, kita akan "meng-copy paste" halaman-halaman tersebut beserta seluruh file-file yang kita gunakan dalam mendesain halaman-halaman tersebut, misalnya gambar-gambar, kemudian menjalankannya dari folder kedua tersebut. Hmm, pasti pembaca berpikir bahwa tidak ada gunanya ya alias percuma? Kenapa tidak dijalankan saja dari folder pertama? Prinsipnya seperti ini, ketika kita membuat sebuah website tentu tujuan kita selanjutnya adalah menyimpan halaman-halaman web tersebut ke internet, atau yang biasa disebut <a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html">hosting</a>. Nah, karena kita ingin bekerja secara offline alias tidak langsung terhubung ke internet supaya hebat biaya dan waktu, maka kita anggap seolah-olah kita "menghostingkan" halaman website tersebut ke folder yang kedua. Tentu halaman-halaman yang dihostingkan tersebut yang akan dibuka di browser. Jadi, folder pertama berfungsi sebagai tempat kita menyimpan dokumen-dokumen web yang kita buat (halaman web beserta file-file lain yang digunakan untuk mendesain halaman web) dimana file-file itulah yang akan kita tambah, edit, dan lain-lain. Sedangkan folder kedua berfungsi sebagai "<a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html">hosting</a>" atau lebih tepatnya disebut sebagai localhosting dimana website kita akan dijalankan/atau ditesting. Sebenarnya prinsip ini akan lebih jelas ketika kita belajar mengenai server local di komputer sehingga fungsinya akan lebih kelihatan. Mengenai hal itu, kita akan mempelajarinya saat memulai membuat web CMS. Setelah itu, buatlah folder kedua misalnya di drive C:\ dengan nama terserah Anda, misalkan "root_webku". Jika pembaca sudah paham mengenai server local di komputer,, misalnya IIS, PWS, dan lain-lain, buatlah folder tersebut di dalam folder htdocs, public_html, wwwroot, atau www. Namun, jika belum paham, buat saja disembarang tempat di drive Anda. Nah, bagaimana pula dengan aktivitas "copy paste" yang saya sebut tadi? Apakah kita melakukannya secara manual. Disinilah salah satu fungsi Dreamweaver. Kita akan melakukannya melalui Dreamweaver sehingga setiap kita melakukan penambahan, pengeditan, dan lain-lain terhadap halaman web yang sedang kita desain (yang ada pada folder "gud_webku"), maka Dreamweaver mampu melakukan update pada file-file yang sama yang ada di folder "rem_webku". Sistem seperti ini juga berguna sebagai back up website kita karena kita sudah punya 2 folder yang berisi website kita. Untuk itu, kita perlu melakukan pengaturan sebelum membuat website. Bagaimana pengaturannya? <st1:place st="on"><st1:city st="on">Ada</st1:city></st1:place> dilangkah selanjutnya :D <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">2. Buka program Dreamweaver <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">3. Pada menu utama, pilih Site -> New Site, akan muncul sebuah kotak dialog wizard yang berisi 2 buah tab. Pilih tab Advance dimana akan ada beberapa kategori yang akan kita atur. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQ4DyAZVHEdNw-ESuBuNNd7JASEq54kK51bwHsmFRVBfsiojJbUNHjBBb-8MNjKf4Li7l52eyFl9PeAtVq_iKFHwt3iWz8gv55mQwMLk0l645yZIdzKwW2IjVvQn-IUqQ9j9veqCXBQVq/s1600-h/New+Picture+%2824%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image009.jpg" shapes="BLOGGER_PHOTO_ID_5314071147533626306" width="320" border="0" height="315" /></a>Pada kategori Local Info: Site name : tulis nama projek website Anda. Misalkan "webku" Local root folder : pilih folder gud_webku yang telah kita buat pada langkah 1. Kemudian beri tanda centang pada kotak Refresh local file list automatically. Pilihan ini berguna untuk melakukan update secara otomatis jika kita melakukan perubahan pada file web yang kita buat. Pilihan lainnya untuk sementara dibiarkan saja. Pada kategori Remote Info: Access : pada bagian ini kita diminta untuk memilih dimana akan melakukan pengetesan (tempat menjalankan) web kita, apakah secara online atau offline. Karena kita untuk sementara melakukannya secara offline yaitu pada komputer kita, maka pilih Local/Network. Remote folder : pilih folder rem_webku yang kita buat pada langkah 1. Jangan lupa juga memberi tanda centang pada kotak Refresh local file list automatically. Pada kategori Testing Server: Pada bagian ini kita diminta untuk memilih model server yang akan kita gunakan untuk melakukan pengetesan atau menjalankan website kita. Untuk sementara lakukan pengaturan sebagai berikut: Server mode : none Access : Local/Network Testing Server Folder: secara otomatis, folder yang terpilih adalah folder "rem_webku" yang merupakan tempat file web kita yang akan dijalankan. Kategori lainnya untuk sementara dibiarkan saja. Setelah itu klik tombol OK. Jika ingin melakukan perubahan pengaturan pada SITE yang telah kita buat tersebut, pembaca bisa melakukannya dengan memilih menu Site --> Manage Sites, maka akan muncul kotak dialog Manage Site. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">4. Jika pengaturan sudah berhasil, pembaca akan melihat di bagian panel Dreamweaver telah muncul bagian yang berisi site Anda seperti gambar ini: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxF5Sp8uMeK9fdqCFkrPls2MNho2wy4GUo5989boO-lHdswCKt969N2Waq_ThW1_NCikxrVANlOKEZ3MlntNUQpKBR_WxHzI_leQGH9iNkPXx6B4AyeEArzfrOniLHsBptDIK-IMIx9Cqt/s1600-h/New+Picture+%2825%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image007.jpg" shapes="BLOGGER_PHOTO_ID_5314080280098559314" width="209" border="0" height="296" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">5. Coba kita perhatikan panel tersebut. Terlihat bahwa kita sedang berada pada bagian Local view sehingga yang muncul adalah folder gud_webku. Jika pembaca menggantinya dengan Remote view, maka folder yang terlihat adalah rem_webku cara membuat web dengan dreamweaver, berikut langkah-langkahnya:<o:p></o:p> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">1. Saya asumsikan pembaca telah <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_13.html">melakukan pengaturan Site</a> yang ingin Anda buat. Jika belum melakukannya tidak masalah, kita bisa melanjutkan ke langkah selanjutnya. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">2. Buka program Dreamweaver pada komputer Anda. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">3. Pilih menu File --> New (Ctrl + N), maka akan muncul sebuah kotak dialog New Document. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">4. Pilih tab General. Pada kotak Category pilih Basic Page, sedangkan pada kotak Basic Page, pilih HTML. Kemudian klik tombol Create. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">5. Simpan terlebih dahulu dokumen baru tersebut ke dalam folder gud_webku yang telah kita buat pada postingan <a href="http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_13.html" title="pengaturan site pada dreamweaver">Membuat Web Menggunakan Macromedia Dreamweaver (3)</a>. Jika pembaca tidak melakukan langkah-langkah pada postingan tersebut, silahkan simpan di sembarang folder. Simpan dengan nama <a href="http://tutorial-website.blogspot.com/2009/03/halaman-yang-pertama-kali-dibuka.html">index.html</a>. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">6. Di dalam Panel Files pada bagian Local view, akan muncul sebuah file baru di dalam folder gud_webku bernama index.html. Double klik file index.html untuk membuka halaman index.html dan melakukan editing pada file tersebut. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-v89CL9opBIXESjKR7DdP8Z0PUPynOODQqCYMf2WINLoqqrYid85hUM4zCyIXNyc0fJBkjS95czfiFpovZgiuDsLmu18aOtUu9RAQUyRbFKlSwyfp4BQnTeXFiUxV3fF3X2KTv07Bwa9/s1600-h/New+Picture+%2827%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image010.jpg" shapes="BLOGGER_PHOTO_ID_5314107245249298610" width="205" border="0" height="237" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">7. Sekarang coba pembaca menulis sebuah kalimat : "Ini Halaman Utama" pada file tersebut. Silahkan berkreasi dengan Properties untuk mengatur warna, jenis, dan ukuran tulisan. Misalkan kita memberi warna Merah. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBohxiCQgmZcoustZu8X4IDh34pGQ-wKp7VZ_hyphenhyphenDPqQDtcSOjri_ezYRK7N-i1is6ij60bgf0PSIrdoxtaXggegNfLzh57tAy1xPY5-0lVJONjvnT3ZdyKEHMm28ApnB9OKj6_gbANS-_M/s1600-h/New+Picture+%2826%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image011.jpg" shapes="BLOGGER_PHOTO_ID_5314105967039019314" width="320" border="0" height="129" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">8. Pilih File --> Save untuk meyimpan perubahan yang telah kita lakukan. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">9. Kembali ke bagian Panel Files. Sekarang pilih Remote View. Pembaca akan melihat folder rem_webku namun belum terdapat file didalamnya karena belum kita masukkan file apapun. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Jws624X9CSBw1nymfny5-caJ7qdXsj3RtsqXt6HZOrNavIaA0nsKtNHs3g7gMdwQphVJywq2gMOZpESotiTOVTLXHl5dAZVKPdUEolQdpRKVxW0RYNF_m8oCErhRgZrzx2Lombj-9hji/s1600-h/New+Picture+%2828%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image012.jpg" shapes="BLOGGER_PHOTO_ID_5314108129565964706" width="205" border="0" height="229" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">10. Pada Dreamweaver, terdapat fasilitas Put dan Get. Fasilitas ini diperlukan untuk melakukan pemindahan file web dari komputer ke server atau sebaliknya. Jika kita ingin memasukkan file web ke server atau biasa disebut sebagai upload, maka kita pilih site pada bagian Local view, kemudian melakukan Put (artinya kita memindahkan file dari local ke server). Sedangkan jika kita ingin melakukan perubahan atau modifikasi file yang ada pada server, maka kita bisa mendownloadnya ke local dengan memilih server view dan melakukan Get (artinya kita mengambil file dari server ke local). Untuk memindahkan file index.html yang telah kita simpan pada folder local (gud_webku) ke dalam folder remote (rem_webku), masuk ke bagian Local view lalu klik tombol Put berupa tanda panah ke atas yang berwana biru. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">11. Setelah melakukan langkah 10, masuk kembali pada bagian Remote view. Pembaca akan melihat file index.html telah ter-copy pada folder rem_webku. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbqk_lmK_tV2uhFqV93LjtjAb5As4o2FKt68lHqdbTEqL_-4HTpNFz2MEYp9XS3lGCCEKkI0HEGCOj2a_SKn0rNeuQ_3s6P6WrfCMuLPQgbGfEu_oLV5f2HSNJofwW7Q-jJwCK0Bo_wT0/s1600-h/New+Picture+%2829%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image013.jpg" shapes="BLOGGER_PHOTO_ID_5314111033880610338" width="208" border="0" height="236" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">12. Sekarang kembali lagi pada Local view (aduh..capek nih bolak balik..hihhiihi). Buatlah sebuah halaman baru seperti pada langkah 4. Isi halaman baru tersebut dengan tulisan :"Ini Profile Saya". Kemudian simpan dengan nama "profile.html". Sekarang akan ada file profile.html pada folder gud_webku. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdnO7g86jTm2B0cTi-dd2fnaCx7bBfLbdCEhRjO-ZUF4oGQAZxh4YPZtNsLVxJyBYYkfh5P00t42vzoIqN2e1wISeLRYxQWvDf5HsGrcc5E2m1xBq8UfsD-cNlDL1QSrDrM2diNwVptXz/s1600-h/New+Picture+%2830%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image014.jpg" shapes="BLOGGER_PHOTO_ID_5314112558045284770" width="295" border="0" height="302" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">13. Double klik kembali file index.html, sehingga kita akan masuk pada halaman editing index.html tersebut. Buatlah sebuah tulisan lagi misalnya :"Profile". Pada bagian ini kita akan mencoba membuat sebuah link dimana ketika kita mengklik tulisan Profile tersebut pada halaman utama, maka akan menuju ke halaman profile.html yang telah kita buat. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">14. Drag tulisan "Profile" tersebut. Setelah itu, pada bagian Properties, perhatikan sebuah kotak dengan tulisan Link. Kotak itu berfungsi untuk menuliskan <a href="http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html">URL</a> halaman yang akan dituju jika kita mengklik link. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirtMZYjoIjM4YgAFcKGV7wzmAmU31UWP7TYBKxgaz4ZQZA4nc7MhNHYEfU8EyElyBUlAOh5tCTKvpNm_hjDIoRyCyx4U1jt-8LmOzDAXRGIa4hEKHJPliCBJeEt0k_Wr6lHFPuf1SP-tye/s1600-h/New+Picture+%2832%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image015.jpg" shapes="BLOGGER_PHOTO_ID_5314116720267979794" width="320" border="0" height="42" /></a>Karena kita ingin menuju file profile.html tadi, klik tombol gambar folder yang ada disamping kanan kotak tersebut. Maka akan muncul kotak dialog memilih file yang akan dituju. Pilih file profile.html pada folder gud_webku yang telah kita buat pada langkah 12. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CA1v6gUdScw_jic2LgyuMOy8608vcKG2F2dif3LrNnSAfps0ZowAxQSNB8YL4k7_K3nALKU6k8HCLEzVrtVqq7T0IqDkC4Vepl59fBiHfTuGUeTjQiKPoDnes0gJ8TBGsLD6_XPQDAKW/s1600-h/New+Picture+%2831%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image016.jpg" shapes="BLOGGER_PHOTO_ID_5314114532027023762" width="320" border="0" height="242" /></a> <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">15. Pilih menu File --> Save untuk menyimpan perubahan yang telah kita lakukan. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">16. Lakukan Put File(s) seperti langkah 10 untuk memasukkan file tersebut kedalam folder remote. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">17. Pembaca juga boleh melihat kode-kode HTML yang telah tercipta pada halaman web yang Anda buat tersebut dengan memilih layar Code. <p class="MsoNormal" style="background: white none repeat scroll 0% 0%; margin-left: 12pt; text-indent: -18pt; line-height: 18pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">18. Untuk melihat hasilnya, silahkan buka kembali file index.html (double klik dari bagian Panel Files) lalu tekan tombol F12 pada keyboard Anda, atau dapat langsung mengklik file index.html dari folder rem_webku. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAWzwmiz5Bq67Jw81937o0KGdO9AUvwG1UYvXXj7mzIpIadnqr9458bgaOBd3aliHdknzbtOw2uHpb3DP1z-9atOGokBjWE29fd2Bbe2lwFNxChL4p8JF23ZuMQmIx_vRns1eszFOEDn8/s1600-h/New+Picture+%2833%29.bmp"><img src="file:///C:/DOCUME%7E1/Stapa/LOCALS%7E1/Temp/msohtml1/01/clip_image017.jpg" shapes="BLOGGER_PHOTO_ID_5314119942939861138" width="267" border="0" height="230" /></a>Oke, itu merupakan langkah-langkah dasar yang bisa kita lakukan dalam membuat web dengan Dreamweaver. Saya harap pembaca sudah sedikit memahami bagaimana sebuah software web design seperti Dreamweaver digunakan dalam membuat web. Sebenarnya masih banyak lagi fungsi-fungsi lain yang bisa kita dapatkan dari Dreamweaver. Tapi paling tidak, pembahasan yang telah saya postingkan tersebut bisa memberikan pencerahan dasar bagi pembaca yang memang ingin mendesain website sederhana atau mengerti apa dan bagaimana sebenarnya website itu. Artinya, kita tidak perlu mengetahui terlalu dalam jika memang tidak membutuhkannya. Apalagi sekarang kita bisa memanfaatkan <a href="http://tutorial-website.blogspot.com/2009/01/antara-website-blog-dan-cms.html">blog dan CMS</a> yang serba <div style='clear: both;'></div> </div> <div class='post-footer'> Diposting oleh GeieG di <a class='timestamp-link' href='http://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html' title='permanent link'>23.34</a> <a class='comment-link' href='http://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html#comment-form' onclick=''>1 komentar</a> <a href='https://www.blogger.com/post-edit.g?blogID=2316080571659783047&postID=3672985956002614589&from=pencil' title='Edit Entri'> </a> </div> </div> <div class='post uncustomized-post-template'> <a name='3845423491678919382'></a> <h3 class='post-title'> <a href='http://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html'>MakaLah teNtanG buNga</a> </h3> <div class='post-header-line-1'></div> <div class='post-body'> <meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CStapa%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="country-region"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceType"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PlaceName"></o:smarttagtype><style>  </style> A Latar Belakang Perkawinan antar spesies merupakan salah satu cara yang digunakan dalam meningkatkan keragaman genetik bahan pemuliaan. Keragaman tersebut nantinya akan diseleksi untuk mendapatkan varietas yang memiliki sifat unggul. Varietas bersifat unggul tersebut yang nantinya dapat dilepas sebagai varietas unggul. Perkawinan silang antar spesies dan dalam spesies memiliki beberapa perbedaan dalam tingkat keragaman genetik nantinya. Jenis perkawinan tersebut dipengaruhi oleh beberapa faktor. Sehingga dalam proses perkawinan dalam tanaman atau sering disebut dengan penyerbukan diperlukan pengetahuan khusus mengenai meorfologi dan sifat-sifat pada bunga. Pembungaan merupakan pertanda bahwa suatu tanaman sedang berada dalam kondisi generatif. Dalam botani bunga merupakan salah satu cara pengelompokan tanaman dalam taxonomi. Tanaman yang sedang berbunga memiliki aktivitas metabolisme yang berbeda dengan tanaman yang berada dalam fase vegetatifnya. Fase generatif tanaman tersebut lebih memfokuskan penggunaan karbohidrat dan senyawa-senyawa lain bagi pembentukan biji.Kemampuan setiap jenis tanaman untuk melakukan pembungaan berbeda baik dalam waktu pembungaan maupun waktu masaknya benang sari dan kepala putik. Proses penyerbukan ditandai dengan menempelnya serbuk sari ke kepala putik. Setiap jenis tanaman memiliki cara-cara tersendiri dalam proses tersebut secara alami. Penyerbukan tanaman oleh manusia baik untuk memperoleh varietas baru maupun untuk mendapatkan produk dari tanaman tersebut harus memperhatikan proses penyerbukan tanaman secara alami itu sendiri. B Tujuan Tujuan dari praktikum biologi bunga adalah: 1. Mengetahui morfologi bunga dari berbagai spesies tanaman 2. Mempelajari proses penyerbukan dari berbagai spesies bunga 3. Mempelajari berbagai tipe bunga. II. TINJAUAN PUSTAKA Perkembangbiakan dalam tanaman dibagi menjadi menjadi dua yaitu vegetatif dan generatif. Perkembang biakan generatif dalam tanaman dicirikan dengan adanya proses pembuahan yang kemudian membentuk zigot. Zigot tersebut yang berkebang menjadi embrio yang terdapat dalam biji. Proses pembentukan biji tersebut berada dalam organ tanaman yang dinamakan bunga (Tjitrosomo, 1983). Berdasarkan beberapa penelitian lebih lanjut menunjukkan: Bunga dapat terletak di ujung batang atau cabang dan ketiak daun, yang letaknya sama dengan tempat tunas yang akantumbuh menjadicabang. Bagian-bagian bunga (kelopak, tajuk, benang sari, putik) kadang-kadang dapat menyerupai daun biasa dengan perbedaan sedikit sampai besar sekali. Pada ketiak daun kelopak atau daun tajuk kadang-kadang dapatmembentuk sebuah kuncup. Kadang-kadang bunga dapat membentuk biasa yang berdaun. Bunga sebagai organ reproduksi memiliki dua bagian penting untuk proses perkembangbiakan yaitu benag sari dan putik (Tjitrosomo, 1983), meskipun demikian bunga dapat memiliki beberapa bagian lain yang memiliki fungsi khusus. Berdasarkan strukturnya bunga terbagi menjadi dua yaitu: Bunga lengkap Bunga tidak lengkap Pembagian bunga berdasarkan struktur didasarkan kelengkapan bagian bunga yang dimiliki. Bunga lengkap memiliki empat bagian utama yaitu: Kelopak (calyx) Tajuk atau mahkota (corolla) Benang sari (stamen) Putik (pistillum) (Darjanto, 1990) Benang sari dan putik merupakan komponen utama dalam penyerbukan dalam bunga. Benang sari dan putik itu sendiri terdapat dalam bunga sehingga dapat dikatakan bahwa bunga merupakan alat perkembangbiakan generatif bagi tanaman (Sunarto, 1997). Oleh karena itu bunga dapat dibagi berdasarkan kelengkapan alat kelaminnya menjadi: Bunga sempurna Bunga tidak sempurna Bunga sempurna merupakan bunga yang memiliki benang sari dan putik. Benang sari setiap tanaman memiliki jumlah dan ukuran tersendiri pada tiap spesies tanaman. (Darjanto, 1990) Prses penyerbukan dalam tanaman dapat dibagi menjadi dua yaitu penyerbukan sendiri dan penyerbukan silang. Penyerbukan sendiri (self pollination) terjadi apabila perpindahan tersebut terjadi pada satu bunga atau bunga lain pada satu tanaman. Sedangkan penyerbukan silang (cross pollination) terjadi bila serbuk sari berasal dari bunga tanamn lain. Beberapa bunga memiliki ciri morfologi khusus pada tiap spesiesnya yang mengakibatkan perbedaan proses penyerbukan. Secara umum proses penyerbukan pada tanaman dipengaruhi oleh beberapa proses sebagai berikut: Penyerbukan tertutup atau kleistogami (cleistogamie) yaitu proses penyerbukan bunga yang terjadi ketika bunga masih kuncup. Proses penyerbukan biasanya berupa autogamie. 2. Penyerbukan terbuka atau kasmogami (chasmogamie) yaitu proses penyerbukan bunga yang terjadi ketika bunga telah mekar. Proses penyerbukan ini dapat meyebabkan tanaman melakukan autogamie, geitonogamie, allogamie, dan xenogamie. 3. Diogamie (dichogamie) merupakan proses masaknya putik dan serbuk sari secara tidak bersamaan. 4. Herkogami (herkogamie) bunga dimana letak kepala sari dan putik saling berjauhan sehingga sulit mengalami penyerbukan sendiri 5. Heterostili (heterostylie) merupakan bunga yang memiliki panjang putik dan benang sari berbeda-beda. 6. Anemofili (anemophilie) merupakan bunga yang penyerbukan dibantu oleh angin. 7. Entomofili (enthomophilie) merupakan bunga yang penyerbukan dibantu oleh serangga. 8. Ornitofili (ornithophilie) merupakan bunga yang penyerbukan dibantu oleh burung. 9. Kiropterofili (chiropterophilie) merupakan bunga yang penyerbukan dibantu oleh kelelawar. (Darjanto, 1990) VI. PEMBAHASAN Seperti yang dikemukakan Darjanto (1990) bahwa tiap tanaman memiliki ciri morfologi secara khusus. Dalam ilmu botani bunga dapat dibedakan berdasarkan berbagai hal antara lain 1. Kelengkapan bagiannya 2. Kelengkapan alat kelaminnya 3. Rumus diagram bunga 4. Jenis alat kelamin yang ada 5. Posisi bunga pada pedunculus 6. Bentuk bunga Ilmu pemuliaan tanaman memerlukan informasi mengenai pembedaan morfologi pada bunga karena bunga merupakan sumber perkembangbiakan generatif. Pembagian bunga berdasarkan ciri morfologi dapat mennentukan beberapa hal diantaranya adalah: 1. Proses penyerbukan 2. Waktu penyerbukan 3. Lokasi pembuahan 4. Proses penyilangan Bunga berdasarkan kelengkapan bagiannya dibagi menjadi dua sesuai dengan Tjitrosomo (1983) yaitu: 1. Bunga lengkap 2. Bunga tidak lengkap Dalam praktikum biologi bunga dapat diamati beberapa bunga yang termasuk dalam bunga lengkap antara lain bunga anggrek, tomat dan cabai. Ketiga bunga tersebut memiliki semua bagian untuk bunga lengkap yaitu: 1. Kelopak (calyx) 2. Tajuk atau mahkota (corolla) 3. Benang sari (stamen) 4. Putik (pistillum) Bunga jagung, padi, pepaya, pisang dan kelapa merupakan bunga tidak lengkap karena ada salah satu bagian bunga yang tidak dimiliki. Sedangkan berdasarkan kelengkapan alat kelamin bunga dibagi menjadi dua yaitu: 1. Bunga sempurna yaitu bunga yang memiliki kedua alat kelamin. 2. Bunga tidak sempurna yaitu bunga yang memiliki salah satu alat kelamin. Dari pengamatan yang diamati bunga yang merupakan bunga lengkap dapat dipastikan bahwa bunga tersebut bunga sempurna, namun bunga tidak lengkap tidak pasti bunga tidak sempurna karena dapat dimungkinkan bunga tersebut hanya tidak memiliki kelopak atau mahkota. Adanya bentuk morfologi khusus pada tanaman menyebabkan tanaman memiliki dua kemungkinan penyerbukan yaitu penyerbukan sendiri dan penyerbukan silang. Dari praktikum kali ini beberapa bunga yang menyerbuk silang dikarenakan oleh: 1. Herkogami (herkogamie) bunga dimana letak kepala sari dan putik saling berjauhan sehingga sulit mengalami penyerbukan sendiri. Bunga yang ditemui mengalami penyerbukan ini antara lain kelapa, pepaya betina, jagung dan anggrek. 2. Heterostili (heterostylie) merupakan bunga yang memiliki panjang putik dan benang sari berbeda-beda. Bunga yang ditemui melakukan penyerbukan silang karena hal ini adalah pisang. Beberapa penyebab lain yang dapat menyebabkan bunga menyerbuk secara silang antara lain adanya diogamie yaitu berbedanya waktu masak kedua alat kelamin. Bunga tomat, cabai, padi dan pepaya heterosigot mampu menyerbuk sendiri karena strukturnya tidak seperti bunga-bunga seperti kelapa, jagung dan lain sebagainya. Berikut beberapa hasil analisis dari pengamatan biologi bunga yang dilakukan. 1. Bunga padi Bunga ini berukuran sekitar 1-1,5 cm. Bunga padi memiliki 6 stamen (benang sari) dan dua stigma (kepala putik) (International Rice Risearch Institute, 1970). Namun dari pengamatan yang kami amati dua stigma tidak dapat dilihat karena ukurannya yang terlalu kecil 2. Bunga Tomat Bunga tomat berbentuk bintang dan setiap bagiannya jelas dapat terlihat tanpa menggunakan luv. Dari strukturnya tanaman ini merupakan tanaman berbunga lengkap. 3. Bunga Anggrek Tanaman anggrek yang diamati adalah anggrek dendrobium. Anggrek ini tidak dapat menyerbuk sendiri karena posisi putik dan benang sari. Bunga ini memiliki tugu yaitu merupakan modifikasi dari mahkota bunga. 4. Bunga Cabai Bunga cabai memiliki struktur yang hampir sama dengan bunga tomat yang berbeda hanya pada jumlah benang sari. Bunga ini termasuk bunga lengkap. 5. Bunga papaya Bunga papaya berdasarkan kelengkapan kelaminnya dapat dibagi menjadi tiga jenis yaitu: a. Bunga jantan b. Bunga betina c. Bunga hermafrodit Bunga jantan pada tanam ini tidak mampu menghasilkan buah karena tidak memiliki bakal buah. Sedangkan untuk bunga betina dapat menghasilkan buah namun harus menyerbuk silang. Bunga hemaprodit merupakan bunga sempurna namun tidak termasuk bunga lengkap karena tidak punya kelopak. Bunga hemaprodit memiliki jumlah benang sari sebanyak 12 buah berbeda dengan bunga jantan yang hanya memiliki 5 buah saja. 6. Bunga kelapa Bunga kelapa merupakan bunga yang menyerbuk silang karena bunga ini memiliki bunga yang alat kelaminnya terpisah. Penyerbukan tanaman ini dapat dibantu oleh angin dan serangga 7. Bunga pisang Bunga ini menyerbuk secara silang karena posisi panjang benang sari yang lebih panjang dari putiknya. Oleh karena itu penyerbukan terjadi pada bunga tetangga yang posisi putik dan serbuk sari sejajar. 8. Bunga jagung Bunga ini menyerbuk secara silang karena posisi panjang benang sari yang berjauhan dengan putiknya. Oleh karena itu penyerbukan kemungkinan terjadi pada bunga tetangga karena angin. VII. SIMPULAN DAN SARAN A. Simpulan 1. Bunga dapat dibedakan berdasarkan ciri morfologinya 2. Berdasarkan kelengkapan bagian bunga dapat diklasifikasikan atas dua macam yaitu bunga lengkap dan bunga tak lengkap. 3. Bunga cabai, tomat, kacang panjang, dan anggrek termasuk bunga lengkap 4. Bunga pepaya, padi, pisang dan jagung termasuk bunga tak lengkap. 5. Bunga juga dapat dibedakan berdasarkan kelengkapan alat kelaminnya menjadi bunga sempurna dan tidak sempurna 6. Tanaman berbunga sempurna dapat dikateforikan bunga lengkap namun bunga tidak lengkap belumtentu bunga tidak sempurna maupun bunga sempurna 7. Dari perbedaan proses morfologi dapat terjadi perbedaan proses penyerbukan B. Saran Sebaiknya ada juga bunga yang melakukan proses kleistogami. DAFTAR PUSTAKA Allard, R.W. 1988. Pemuliaan Tanaman. Bina Aksara, <st1:city st="on"><st1:place st="on">Jakarta</st1:place></st1:city>. 336 halaman. Daryanto dan Siti Satifah. 1984. Pengetahuan Dasar Biologi Bunga Dan Teknik Penyerbukan Silang Buatan. Gramedia, <st1:city st="on"><st1:place st="on">Jakarta</st1:place></st1:city>. 154 halaman International Rice Risearch Institute. 1970. Rice Production Manual. <st1:place st="on"><st1:city st="on">University of Philippines</st1:city>, <st1:country-region st="on">Philippines</st1:country-region></st1:place>. 382 halaman Sunarto. 1997. Pemuliaan Tanaman. IKIP <st1:city st="on">Semarang</st1:city> Press, <st1:city st="on"><st1:place st="on">Semarang</st1:place></st1:city>. 52 halaman. Tjitrosomo, Siti Sutarmi dkk. 1999. Morfologi Tumbuhan. <st1:place st="on"><st1:placename st="on">Gadjah</st1:placename> <st1:placename st="on">Mada</st1:placename> <st1:placetype st="on">University</st1:placetype></st1:place> Press, Yogy<o:p></o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> Diposting oleh GeieG di <a class='timestamp-link' href='http://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html' title='permanent link'>23.30</a> <a class='comment-link' href='http://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html#comment-form' onclick=''>0 komentar</a> <a href='https://www.blogger.com/post-edit.g?blogID=2316080571659783047&postID=3845423491678919382&from=pencil' title='Edit Entri'> </a> </div> </div> <div class='post uncustomized-post-template'> <a name='1140773813970919298'></a> <h3 class='post-title'> <a href='http://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-blog.html'>ARTIKEL TENTANG BLOG</a> </h3> <div class='post-header-line-1'></div> <div class='post-body'> <meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CStapa%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place"></o:smarttagtype><o:smarttagtype namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City"></o:smarttagtype><style>  </style> <h1 style="text-align: center;" align="center"> <o:p></o:p></h1> <h1 style="text-align: justify;">Blog<o:p></o:p></h1> Blog merupakan singkatan dari "web log" adalah bentuk <a href="http://id.wikipedia.org/wiki/Aplikasi_web" title="Aplikasi web">aplikasi web</a> yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna <a href="http://id.wikipedia.org/wiki/Internet" title="Internet">internet</a> sesuai dengan topik dan tujuan dari si pengguna blog tersebut.<o:p></o:p> <h2 style="text-align: justify;">Sejarah<o:p></o:p></h2> Media blog pertama kali dipopulerkan oleh <a href="http://id.wikipedia.org/wiki/Blogger" title="Blogger">Blogger.com</a>, yang dimiliki oleh <a href="http://id.wikipedia.org/w/index.php?title=PyraLab&action=edit&redlink=1" title="PyraLab (halaman belum tersedia)">PyraLab</a> sebelum akhirnya PyraLab diakuisi oleh <a href="http://id.wikipedia.org/wiki/Google" title="Google">Google.Com</a> pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat <a href="http://id.wikipedia.org/wiki/Sumber_terbuka" title="Sumber terbuka">sumber terbuka</a> yang diperuntukkan kepada perkembangan para <a href="http://id.wikipedia.org/wiki/Blogger" title="Blogger">penulis blog</a> tersebut.<o:p></o:p> Blog mempunyai fungsi yang sangat beragam,dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis, . Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif.<o:p></o:p> Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai <a href="http://id.wikipedia.org/w/index.php?title=Blogosphere&action=edit&redlink=1" title="Blogosphere (halaman belum tersedia)">blogosphere</a>. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.<o:p></o:p> Definisi<o:p></o:p> Menurut Webopodia (Webopodia.com) blog merupakan halaman web yang isinya meliputi jurnal yang merefleksikan personality dan pembuatannya sendiri bisa diakses oleh banyak orang. dan pengupdatenya dilakukan setiap hari. sedangkan menurut sumber di wikipedia, blog di artikan sebagai tipe website yang isinya merupakan jurnal yang diurutkan secara terbalik kronologisnya baik isinya meliputi komnetar atau berita tentang subjek tertentu mulai dari hal berbau politik hingga ke hal-hal seperti makanan. Blog juga menurut wikipedia, bisa berisi teks, gambar maupun link ke blog lain yang memiliki topik yang sama.<o:p></o:p> Perjalanan<o:p></o:p> Awal mula blog muncul sekitar tahun 1993, milik NCSA atau The National Center for Supercomputing Applicaion yang merupakan pusat dari SuperComputing Amerika Serikat beralamat di <a href="http://archive.nsca.uiuc.edu.sdg/Software/mosaic/docs/old-whats-new/whats-new-0693.html">http://archive.nsca.uiuc.edu.SDG/Software/mosaic/docs/old-whats-new/whats-new-0693.html</a>, tampilan situs ini mirip sebuah blog dan isinya menampilkan hal2 baru di situs web NCSA.<o:p></o:p> Sedangkan menurut New York Times yang disebut sebagai penemu blog adalah Justin Hall, pria kelahiran Chicago pada 16 Desember tahun 1974, blognya adalah <a href="http://www.links.net/">www.links.net</a> pada tahun 1994 yang berisi links from the underground. namun pada saat itu istilah blog ataupun webblog belum dikenal, Istilah webblog pertama lali di populerkan oleh John Barger (<a href="http://www.robotwisdom.com/">www.robotwisdom.com</a>) pada tahun 1997.<o:p></o:p> <h2 style="text-align: justify;">Komunitas Blogger<o:p></o:p></h2> Komunitas blogger adalah sebuah ikatan yang terbentuk dari para blogger berdasarkan kesamaan-kesamaan tertentu, seperti kesamaan asal daerah, kesamaan kampus, kesamaan hobi, dan sebagainya. <st1:place st="on">Para</st1:place> blogger yang tergabung dalam komunitas-komunitas blogger tersebut biasanya sering mengadakan kegiatan-kegiatan bersama-sama seperti kopi darat.<o:p></o:p> Untuk bisa bergabung di komunitas blogger, biasanya ada semacam syarat atau aturan yang harus dipenuhi untuk bisa masuk di komunitas tersebut, misalkan berasal dari daerah tertentu.<o:p></o:p> <h2 style="text-align: justify;">Jenis-jenis blog<o:p></o:p></h2> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog politik: Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye). <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog pribadi: Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu.seperti : <a href="http://keretaunto.blogspot.com/">http://keretaunto.blogspot.com/</a> <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog kesehatan: Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog sastra: Lebih dikenal sebagai litblog (Literary blog). <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog perjalanan: Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog riset: Persoalan tentang akademis seperti berita riset terbaru. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog hukum: Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws). <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog media: Berfokus pada bahasan kebohongan atau ketidakkonsistensi media <st1:city st="on"><st1:place st="on">massa</st1:place></st1:city>; biasanya hanya untuk koran atau jaringan televisi <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog agama: Membahas tentang agama <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog pendidikan: Biasanya ditulis oleh pelajar atau guru. seperti : <a href="http://blog.sman1bs.sch.id/">http://blog.sman1bs.sch.id/</a> <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog petunjuk (directory): Berisi ratusan link halaman website. <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog pengejawantahan: Fokus tentang objek diluar manusia; seperti anjing <o:p></o:p> <img alt="*" height="13" src="http://www.blogger.com/PicExportError" width="13" /> Blog pengganggu (spam): Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam Blog) <o:p></o:p> <h2 style="text-align: justify;"><o:p> </o:p></h2> <h2 style="text-align: justify;"><o:p> </o:p></h2> <h2 style="text-align: justify;">Budaya populer<o:p></o:p></h2> Ngeblog (istilah bahasa Indonesia untuk blogging) harus dilakukan hampir setiap waktu untuk mengetahui eksistensi dari pemilik blog. Juga untuk mengetahui sejauh mana blog dirawat (mengganti template) atau menambah artikel. Sekarang ada lebih 10 juta blog yang bisa ditemukan di Internet.[<a href="http://id.wikipedia.org/wiki/Wikipedia:Mengutip_sumber" title="Wikipedia:Mengutip sumber">rujukan?</a>] Dan masih bisa berkembang lagi, karena saat ini ada banyak sekali software, tool, dan aplikasi Internet lain yang mempermudah para blogger (sebutan pemilik blog) untuk merawat blognya.selain merawat dan terus melakukan pembaharuan di blognya, para blogger yang tergolong baru pun masih sering melakukan blogwalking, yaitu aktivitas dimana para blogger meninggalkan link di blog atau situs orang lain seraya memberikan komentar. Beberapa blogger kini bahkan telah menjadikan blognya sebagai sumber pemasukan utama. Sehingga kemudian muncullah istilah profesional blogger, atau problogger, orang yang menggantungkan hidupnya hanya dari aktivitas ngeblog.[<a href="http://id.wikipedia.org/wiki/Wikipedia:Mengutip_sumber" title="Wikipedia:Mengutip sumber">rujukan?</a>] karena memang faktanya banyak chanel-chanel pendapatan dana baik berupa dolar maupun rupiah dari aktivitas ngeblog ini.<o:p></o:p> <h2 style="text-align: justify;">Resiko kejahatan<o:p></o:p></h2> Karena blog sering digunakan untuk menulis aktivitas sehari-hari yang terjadi pada penulisnya, ataupun merefleksikan pandangan-pandangan penulisnya tentang berbagai macam topik yang terjadi dan untuk berbagi informasi - blog menjadi sumber informasi bagi para hacker, pencuri identitas, mata-mata, dan lain sebagainya. Banyak berkas-berkas rahasia dan penulisan isu sensitif ditemukan dalam blog-blog. Hal ini berakibat dipecatnya seseorang dari pekerjaannya, diblokir aksesnya, didenda, dan bahkan ditangkap.<o:p></o:p> <h1 style="text-align: justify;">Mikroblog<o:p></o:p></h1> Mikroblog adalah suatu bentuk <a href="http://id.wikipedia.org/wiki/Blog" title="Blog">blog</a> yang memungkinkan penggunanya untuk menulis teks pembaharuan singkat yang biasanya kurang dari 200 karakter dan mempublikasikannya, baik untuk dilihat semua orang atau kelompok terbatas yang dipilih oleh pengguna tersebut. Pesan-pesan ini dapat dikirim melalui berbagai cara yaitu melalui <a href="http://id.wikipedia.org/wiki/SMS" title="SMS">SMS</a> (Short Message Service), <a href="http://id.wikipedia.org/wiki/Pesan_instan" title="Pesan instan">pesan instan</a>, <a href="http://id.wikipedia.org/wiki/Surat_elektronik" title="Surat elektronik">surat elektronik</a>, <a href="http://id.wikipedia.org/w/index.php?title=Digital_audio&action=edit&redlink=1" title="Digital audio (halaman belum tersedia)">digital audio</a> atau <a href="http://id.wikipedia.org/wiki/Web" title="Web">web</a>. Yang membedakan mikroblog dengan <a href="http://id.wikipedia.org/wiki/Blog" title="Blog">blog</a> lainnya adalah mikroblog memiliki ukuran yang lebih kecil dari ukuran <a href="http://id.wikipedia.org/wiki/Blog" title="Blog">blog</a> sebenarnya. Akan tetapi tujuannya tetap sama yaitu pengguna menulis topik tertentu. Pengguna mikroblog juga dapat memberikan komentar kepada teks pembaharuan yang dibuat oleh pengguna lain dan begitu juga sebaliknya. Layanan ini dapat diunduh secara gratis. Tidak ada kriteria-kriteria khusus untuk menggunakan layanan ini, semua orang di seluruh dunia dapat melakukan aktivitas menulis teks pembaharuan singkat dengan fasilitas yang diberikan oleh mikroblog. Mikroblog telah mengalami perkembangan dan menyediakan banyak fasilitas yang bisa pengguna manfaatkan. Layanan ini memiliki banyak macam berikut kelebihan dan kekurangan yang bisa dijadikan pilihan bagi pengguna.<o:p></o:p> <h2 style="text-align: justify;"> Sejarah<o:p></o:p></h2> <a href="http://id.wikipedia.org/wiki/Pownce" title="Pownce">Pownce</a> adalah suatu <a href="http://id.wikipedia.org/wiki/Situs" title="Situs">situs</a> <a href="http://id.wikipedia.org/wiki/Web" title="Web">web</a> <a href="http://id.wikipedia.org/wiki/Jejaring_sosial" title="Jejaring sosial">jejaring sosial</a> dan mikroblog yang dirintis oleh <a href="http://id.wikipedia.org/w/index.php?title=Dig&action=edit&redlink=1" title="Dig (halaman belum tersedia)">Dig</a>, <a href="http://id.wikipedia.org/w/index.php?title=Kevin_Rose&action=edit&redlink=1" title="Kevin Rose (halaman belum tersedia)">Kevin Rose</a>, <a href="http://id.wikipedia.org/w/index.php?title=Leah_Culver&action=edit&redlink=1" title="Leah Culver (halaman belum tersedia)">Leah Culver</a>, <a href="http://id.wikipedia.org/w/index.php?title=Daniel_Burka&action=edit&redlink=1" title="Daniel Burka (halaman belum tersedia)">Daniel Burka</a> dan <a href="http://id.wikipedia.org/w/index.php?title=Shawn_Allen&action=edit&redlink=1" title="Shawn Allen (halaman belum tersedia)">Shawn Allen</a>. Layanannya meliputi <a href="http://id.wikipedia.org/w/index.php?title=Agian_pesan&action=edit&redlink=1" title="Agian pesan (halaman belum tersedia)">agian pesan</a>, berkas, kegiatan dan pranala dengan teman atau kontak. Sejak peluncurannya pada 27 <a href="http://id.wikipedia.org/wiki/Juni_2007" title="Juni 2007">Juni 2007</a>, anggota baru hanya dapat bergabung jika diundang oleh orang yang telah menjadi anggota <a href="http://id.wikipedia.org/wiki/Pownce" title="Pownce">Pownce</a>. Akan tetapi, <a href="http://id.wikipedia.org/wiki/Pownce" title="Pownce">Pownce</a> efektif ditutup pada tanggal 15 <a href="http://id.wikipedia.org/wiki/Desember_2008" title="Desember 2008">Desember 2008</a> dan anggota timnya bergabung dengan perusahaan <a href="http://id.wikipedia.org/w/index.php?title=SixApart&action=edit&redlink=1" title="SixApart (halaman belum tersedia)">SixApart</a>. Layanan baru yang akan menggantikannya adalah <a href="http://id.wikipedia.org/w/index.php?title=Motion&action=edit&redlink=1" title="Motion (halaman belum tersedia)">Motion</a> yang sekarang masih dalam proses pengerjaan.<a href="http://id.wikipedia.org/wiki/Situs" title="Situs">Situs</a> <a href="http://id.wikipedia.org/wiki/Web" title="Web">web</a> <a href="http://id.wikipedia.org/wiki/Jejaring_sosial" title="Jejaring sosial">jejaring sosial</a> populer <a href="http://id.wikipedia.org/wiki/Facebook" title="Facebook">Facebook</a> dan <a href="http://id.wikipedia.org/wiki/MySpace" title="MySpace">MySpace</a> juga memiliki <a href="http://id.wikipedia.org/w/index.php?title=Fitur&action=edit&redlink=1" title="Fitur (halaman belum tersedia)">fitur</a> mikroblog yang disebut pembaharuan status atau status update. Layanan terpopuler untuk mikroblog adalah <a href="http://id.wikipedia.org/wiki/Twitter" title="Twitter">Twitter</a> yang diluncurkan pada <a href="http://id.wikipedia.org/wiki/Juli_2006" title="Juli 2006">Juli 2006</a> dan telah memenangi <a href="http://id.wikipedia.org/w/index.php?title=Web_Award&action=edit&redlink=1" title="Web Award (halaman belum tersedia)">Web Award</a> untuk kategori <a href="http://id.wikipedia.org/wiki/Blog" title="Blog">blog</a> pada <a href="http://id.wikipedia.org/w/index.php?title=Konferensi_South_by_Southwest&action=edit&redlink=1" title="Konferensi South by Southwest (halaman belum tersedia)">konferensi South by Southwest</a> <a href="http://id.wikipedia.org/wiki/2007" title="2007">2007</a> di <a href="http://id.wikipedia.org/w/index.php?title=Austin&action=edit&redlink=1" title="Austin (halaman belum tersedia)">Austin</a>, <a href="http://id.wikipedia.org/wiki/Texas" title="Texas">Texas</a>. Selain <a href="http://id.wikipedia.org/wiki/Twitter" title="Twitter">Twitter</a>, layanan lain yang memberikan layanan yang sama dan paling sering digunakan adalah <a href="http://id.wikipedia.org/wiki/Tumblr" title="Tumblr">Tumblr</a>, <a href="http://id.wikipedia.org/wiki/Plurk" title="Plurk">Plurk</a>, <a href="http://id.wikipedia.org/w/index.php?title=Squeelr&action=edit&redlink=1" title="Squeelr (halaman belum tersedia)">Squeelr</a>, <a href="http://id.wikipedia.org/wiki/Jaiku" title="Jaiku">Jaiku</a> dan <a href="http://id.wikipedia.org/w/index.php?title=Identi.ca&action=edit&redlink=1" title="Identi.ca (halaman belum tersedia)">identi.ca</a>. Baru-baru ini, jenis layanan dan <a href="http://id.wikipedia.org/wiki/Perangkat_lunak" title="Perangkat lunak">perangkat lunak</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=Fitur&action=edit&redlink=1" title="Fitur (halaman belum tersedia)">fitur</a> mikroblog telah dikembangkan. Pada layanan <a href="http://id.wikipedia.org/w/index.php?title=Squeelr&action=edit&redlink=1" title="Squeelr (halaman belum tersedia)">Squeelr</a>, pengguna dapat menambahkan geolocation dan gambar ke mikroblog dan menghilangkan <a href="http://id.wikipedia.org/wiki/Akun" title="Akun">akun</a> pengguna, sehingga layanan mikroblog anonim. Mikroblog berkembang secara lokal ke beberapa daerah di dunia, antara lain <a href="http://id.wikipedia.org/wiki/Eropa" title="Eropa">Eropa</a> khusunya di <a href="http://id.wikipedia.org/wiki/Perancis" title="Perancis">Perancis</a> dan <a href="http://id.wikipedia.org/wiki/Jerman" title="Jerman">Jerman</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=Frazr&action=edit&redlink=1" title="Frazr (halaman belum tersedia)">Frazr</a>, <a href="http://id.wikipedia.org/wiki/Korea_Selatan" title="Korea Selatan">Korea Selatan</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=PlayTalk&action=edit&redlink=1" title="PlayTalk (halaman belum tersedia)">PlayTalk</a>, <a href="http://id.wikipedia.org/wiki/Tiongkok" title="Tiongkok">Tiongkok</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=Fanfou&action=edit&redlink=1" title="Fanfou (halaman belum tersedia)">Fanfou</a> dan <a href="http://id.wikipedia.org/w/index.php?title=Zousa&action=edit&redlink=1" title="Zousa (halaman belum tersedia)">Zousa</a>, <a href="http://id.wikipedia.org/wiki/India" title="India">India</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=Ugaldo&action=edit&redlink=1" title="Ugaldo (halaman belum tersedia)">Ugaldo</a>, serta <a href="http://id.wikipedia.org/wiki/Britania_Raya" title="Britania Raya">Britania Raya</a> dengan <a href="http://id.wikipedia.org/w/index.php?title=Blabto&action=edit&redlink=1" title="Blabto (halaman belum tersedia)">Blabto</a>. Pada bulan <a href="http://id.wikipedia.org/wiki/Mei_2007" title="Mei 2007">Mei 2007</a>, suatu artikel menyebutkan adanya 111 situs <a href="http://id.wikipedia.org/wiki/Web" title="Web">web</a> mirip <a href="http://id.wikipedia.org/wiki/Twitter" title="Twitter">Twitter</a> di seluruh dunia.<o:p></o:p> <h2 style="text-align: justify;">Kegunaan<o:p></o:p></h2> Beberapa studi, terutama oleh <a href="http://id.wikipedia.org/wiki/Harvard_Business_School" title="Harvard Business School">Harvard Business School</a> dan <a href="http://id.wikipedia.org/w/index.php?title=Sysomos&action=edit&redlink=1" title="Sysomos (halaman belum tersedia)">Sysomos</a>, telah mencoba menganalisis perilaku penggunaan layanan mikroblog. Kesimpulan dari penelitian yang mereka lakukan menunjukkan bahwa salah satu aktivitas masyarakat sekarang adalah menulis teks pembaharuan singkat. Dalam surveinya yang didasarkan pada lebih dari 11 juta pengguna, <a href="http://id.wikipedia.org/w/index.php?title=Sysomos&action=edit&redlink=1" title="Sysomos (halaman belum tersedia)">Sysomos</a> menunjukkan bahwa 10% dari mereka memiliki akun <a href="http://id.wikipedia.org/wiki/Twitter" title="Twitter">Twitter</a>. Mikroblog memungkinkan pengguna menulis teks pembaharuan singkat tentang kehidupan pengguna di mana saja dan mengirimnya ke pengguna lain yang dapat dilakukan setiap waktu. Selain itu mikroblog dapat dijadikan juga sebagai media pengiriman berita. Perusahaan media seperti <a href="http://id.wikipedia.org/wiki/BBC" title="BBC">BBC</a>, <a href="http://id.wikipedia.org/wiki/The_New_York_Times" title="The New York Times">The New York Times</a> dan <a href="http://id.wikipedia.org/wiki/Al_Jazeera" title="Al Jazeera">Al Jazeera</a> sedang mencoba mikroblog khususnya <a href="http://id.wikipedia.org/wiki/Twitter" title="Twitter">Twitter</a> sebagai cara untuk mengirim dan menerima berita. Baru-baru ini mikroblog juga sering dijadikan media kampanye dan promosi bagi calon presiden atau kontestan sebuah ajang untuk mencari dukungan. Calon presiden atau kontestan tersebut memiliki profil pada mikroblognya dan pengguna lain dapat memeriksa teks pembaharuannya tiap waktu. Layanan mikroblog juga muncul sebagai sumber yang penting untuk mengetahui berita dan situasi baru-baru ini. Mikroblog merupakan pesan singkat yang memungkinkan pengguna untuk menulis berita dengan cepat dalam hitungan detik. Dengan bertumbuhnya mikroblog, banyak pengguna ingin mempertahankan kehadiran di lebih dari satu <a href="http://id.wikipedia.org/wiki/Jejaring_sosial" title="Jejaring sosial">jejaring sosial</a>. Untuk itu terdapat layanan seperti <a href="http://id.wikipedia.org/w/index.php?title=Ping.fm&action=edit&redlink=1" title="Ping.fm (halaman belum tersedia)">Ping.fm</a> yang akan mengirimkan mikroblog pengguna ke beberapa <a href="http://id.wikipedia.org/wiki/Jejaring_sosial" title="Jejaring sosial">jejaring sosial</a>.<o:p></o:p> <o:p> </o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> Diposting oleh GeieG di <a class='timestamp-link' href='http://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-blog.html' title='permanent link'>23.14</a> <a class='comment-link' href='http://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-blog.html#comment-form' onclick=''>0 komentar</a> <a href='https://www.blogger.com/post-edit.g?blogID=2316080571659783047&postID=1140773813970919298&from=pencil' title='Edit Entri'> </a> </div> </div>  </div> <div class='blog-pager' id='blog-pager'> <a class='blog-pager-newer-link' href='http://zeezy-cutezt.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Postingan Lebih Baru'>Postingan Lebih Baru</a> <a class='blog-pager-older-link' href='http://zeezy-cutezt.blogspot.com/search?updated-max=2010-01-14T23:14:00-08:00&max-results=7' id='Blog1_blog-pager-older-link' title='Postingan Lama'>Postingan Lama</a> <a class='home-link' href='http://zeezy-cutezt.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://zeezy-cutezt.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML5'> <h2 class='title'>facebOok meE add uia</h2> <div class='widget-content'> <a href="http://id-id.facebook.com/dinndha.sll.chaianck.nanndha" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Dinndha Atdha CaUze Nanndha">Dinndha Atdha CaUze Nanndha</a> <a href="http://id-id.facebook.com/dinndha.sll.chaianck.nanndha" target="_TOP" title="Dinndha Atdha CaUze Nanndha"><img src="http://badge.facebook.com/badge/100000117492765.2017.487691344.png" width="120" height="368" style="border: 0px;" /></a> <a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <a href="http://www.glitterfy.com/"><img src="http://img34.glitterfy.com/10029/glitterfy0005530851D31.gif" alt="Glitter Photos" border="0" /></a> <a href="http://www.glitterfy.com/">[Glitterfy.com - *Glitter Photos*]</a> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> <a href="http://www.glitterfy.com/"><img border="0" alt="Glitter Photos" src="http://img34.glitterfy.com/348/glitterfy9012149593D33.gif"/></a> <a href="http://www.glitterfy.com/">[Glitterfy.com - *Glitter Photos*]</a> bG cP j yg lYt neY akQ m adK akQ yg t'akHir. </div> <div class='clear'></div> </div><div class='widget Text' data-version='1' id='Text1'> <h2 class='title'>hUieY</h2> <div class='widget-content'> SlmT daTang di bLOg akQ. cOmeNtx j io ????????? </div> <div class='clear'></div> </div><div class='widget Poll' data-version='1' id='Poll1'> <h2 class='title'>qHw Mnt peNdapatx duNd tnTg BloG qH io????</h2> <div class='widget-content'> <iframe allowtransparency='true' frameborder='0' height='180' name='poll-widget-4503328378699909439' style='border:none; width:100%;'></iframe> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>M. IBNU FEBRYANSYAH gt loooh</h2> <div class='widget-content'> <a href="http://www.glitterfy.com/"><img border="0" alt="Photo Flipbook Slideshow Maker" src="http://img34.glitterfy.com/348/glitterfy-flpbk9014814850234.gif"/></a> <a href="http://www.glitterfy.com/">Glitterfy.com - Photo Flipbooks</a> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul> <li class='archivedate expanded'> <a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1262332800000&toggleopen=MONTHLY-1262332800000'> ▼ </a> <a class='post-count-link' href='http://zeezy-cutezt.blogspot.com/2010/'>2010</a> (11) <ul> <li class='archivedate collapsed'> <a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1272697200000&toggleopen=MONTHLY-1262332800000'> ► </a> <a class='post-count-link' href='http://zeezy-cutezt.blogspot.com/2010/05/'>Mei</a> (1) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1267430400000&toggleopen=MONTHLY-1262332800000'> ► </a> <a class='post-count-link' href='http://zeezy-cutezt.blogspot.com/2010/03/'>Maret</a> (1) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1265011200000&toggleopen=MONTHLY-1262332800000'> ► </a> <a class='post-count-link' href='http://zeezy-cutezt.blogspot.com/2010/02/'>Februari</a> (1) </li> </ul> <ul> <li class='archivedate expanded'> <a class='toggle' href='//zeezy-cutezt.blogspot.com/2010/01/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1262332800000&toggleopen=MONTHLY-1262332800000'> ▼ </a> <a class='post-count-link' href='http://zeezy-cutezt.blogspot.com/2010/01/'>Januari</a> (8) <ul class='posts'> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/avenged-sevenfold-dear-god.html'>Avenged Sevenfold - Dear God</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/tentang-nama-indah.html'>Tentang Nama Indah</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/lirik-lagu-lenka-trouble-is-friend.html'>lirik lagu lenka ( trouble is a friend )</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/langkah-langkah-cara-membuat.html'>Langkah-Langkah Cara Membuat Dreamweaver</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/makalah-tentang-bunga.html'>MakaLah teNtanG buNga</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-blog.html'>ARTIKEL TENTANG BLOG</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/artikel-tentang-e-mail.html'>Artikel Tentang E-Mail</a></li> <li><a href='http://zeezy-cutezt.blogspot.com/2010/01/v-behaviorurldefaultvml-o.html'> <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <img border='0' height='0' src='http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif' style='visibility:hidden;width:0px;height:0px;' width='0'/> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY69zooWUiSRR7dfAa4mpl8eRw3eNg:1715913896041';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2316080571659783047','//zeezy-cutezt.blogspot.com/2010/01/','2316080571659783047'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2316080571659783047', 'title': 'Zhee NaGh SMK NESABA', 'url': 'http://zeezy-cutezt.blogspot.com/2010/01/', 'canonicalUrl': 'http://zeezy-cutezt.blogspot.com/2010/01/', 'homepageUrl': 'http://zeezy-cutezt.blogspot.com/', 'searchUrl': 'http://zeezy-cutezt.blogspot.com/search', 'canonicalHomepageUrl': 'http://zeezy-cutezt.blogspot.com/', 'blogspotFaviconUrl': 'http://zeezy-cutezt.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - Atom\x22 href\x3d\x22http://zeezy-cutezt.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - RSS\x22 href\x3d\x22http://zeezy-cutezt.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zhee NaGh SMK NESABA - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2316080571659783047/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'archive', 'pageName': 'Januari 2010', 'pageTitle': 'Zhee NaGh SMK NESABA: Januari 2010'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Zhee NaGh SMK NESABA', 'description': 'Eh CnT NtoE kYk \x22JeLaNGkunG\x22 (dtG tK di jEmpUt pUlg tk di AntAr), \x22sUnDeL bLonK\x22 (DpnX aDJag ckEp eh bLkg\x27e BlonG), \x22pOcong\x22 (Sk LonCat2 dR 1 cNt k yG LaeN), \x22GeNdeRuWo\x22 (iTeM GeLap,PcR Glp,is_3 Glp), \x22tuYul\x22 (sk dUit pHy gC jElas kmn duitX), \x22teNgkoRak\x22 (MesKi bS nYatu pHy gMpg beRantaKan).\npHy cNt kQ gC kyK \x22kUntiLanaK\x22 ea?????\n(sk bkiNx phY gC sk aNkx)\nchYkWakwAkwACK', 'url': 'http://zeezy-cutezt.blogspot.com/2010/01/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2010, 'month': 1, 'rangeMessage': 'Menampilkan postingan dari Januari, 2010'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1781096480-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar', document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PollView', new _WidgetInfo('Poll1', 'sidebar', document.getElementById('Poll1'), {'pollid': '-4503328378699909439', 'iframeurl': '/b/poll-results?pollWidget\x3dPoll1\x26txtclr\x3d%23FF0080\x26lnkclr\x3d%23b3b3b3\x26chrtclr\x3d%23b3b3b3\x26font\x3dnormal+normal+100%25+Georgia,+Serif\x26hideq\x3dtrue\x26purl\x3dhttp://zeezy-cutezt.blogspot.com/'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'sidebar', document.getElementById('BloggerButton1'), {}, 'displayModeFull')); </script> </body> </html>

Zhee NaGh SMK NESABA

Minggu, 24 Januari 2010

Avenged Sevenfold - Dear God

Tentang Nama Indah

Kamis, 14 Januari 2010

lirik lagu lenka ( trouble is a friend )

Langkah-Langkah Cara Membuat Dreamweaver