Tutorial WPM (Web Page Maker)

Tutorial web page maker

Registrasi program

Jika anda baru menginstal aplikasi web page maker, sebaiknya gunakan full versi jika tidak, akan berpengaruh pada out put hasil web anda karena akan muncul logo web page maker. Maka sebaiknya di lakukan registrasi terlebih dahulu. Jika anda telah memiliki nomor seri dari aplikasi ini, silahkan di copy kemudian buka aplikasi web page maker kemudian klik menu help – registrasi kemudian akan muncul kolom untuk di isi dengan nomor seri yang telah anda copy dan klik registrasi atau ok, kemudian restart aplikasi web page maker. Jika menu registrasi sudah menghilang maka anda sudah sukses.

Memulai project baru

· Buka aplikasi web page maker, dapat melalui start – program – web page maker atau double click pada icon.

· Web page maker kemudian akan menampilkan sebuah halaman kosong, untuk mempermudah dalam menyesualikan letak dan posisi elemen yang akan di gunakan, sebaiknya tampilkan garis bantu atau grid dengan cara klik menu edit – show grid.

· Untuk mengatur tampilan awal, double klik pada halaman kosong maka akan muncul properties. Anda dapat mengatur background, gaya text, warna dan musik jika perlu.

· Untuk membuat menu untuk navigasi antar halaman atau membuat links dapat menggunakan navigation bar dengan cara klik insert – navigation bar atau klik icon navigation bar, maka akan muncul dialog untuk menentukan gaya, text, url, dan pengaturan lainnya.

· Kemudian untuk menyisipkan gambar gunakan menu insert – image atau klik pada icon image, pilih from file atau from library, select gambar kemudian insert.

· Untuk menyisipkan text dapat melalui menu insert – text atau klik icon text kemudian drag and drop di lokasi yang di inginkan, kemudian double click pada kolom text untuk mengedit text.

· Untuk membuat form dapat menggunakan menu insert – form, kemudian pilih jenis form yang ingin di gunakan.

· Atur halaman web anda sesuai dengan keinginan, anda dapat menambahkan berbagai elemen lain atau menambahkan script jika di perlukan. Pastikan versi browser dan plug in anda mendukung untuk menampilkan halaman beserta seluruh elemen yang ada di dalamnya dengan sempurna.

· Untuk uji coba dapat dilakukan preview dengan cara klik menu file – preview in browser atau klik icon preview.

source: okeylearning.blogspot.co.id

Tutorial HTML

Apa itu HTML ?

HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

Mengenal Tag HTML

Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal `..., ...` dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag ` ... `, dapat di timpa oleh tag ` ... ` sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :

ini hanya ``contoh `` saja sobat

yang akan tampil di browser adalah :

ini hanya contoh saja sobat

di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , , ataupun <input>

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag `....` akan sama dengan Tag ` ....`.

Struktur dokumen HTML

Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.

HTML

Sebuah dokumen HTML haruslah diawali dengan tag `<HTML>` dan di tutup dengan `</HTML>`, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

HEAD

Bagian header dari sebuah dokumen HTML diawali oleh tag `<HEAD>` dan di tutup oleh tag `</HEAD>`, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka `<TITLE>` dan di tutup oleh tag `</TITLE>`, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini `<TITLE> Blog Tutorial </TITLE>`, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu `<$BlogPageTitle$>`. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.

Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag `<META>`, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.

BODY

Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.

http://kolom-tutorial.blogspot.co.id/2007/05/tutorial-html.html

Tutorial Blogger Lengkap

Part 1 : Cara Membuat Blog

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan baca terlebih dahulu postingan cara membuat email gmail.

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.
Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail anda ( akun email anda bisa untuk login ke blogger).
Isilah formulir yang ada :
1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
4. Klik tanda panah bertuliskan “Lanjutkan”.
Klik tombol “Blog Baru”.
Isilah formulir :
1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
4. Lanjutkan dengan klik tombol “Buat blog!”.
5. Sampai disini blog anda telah berhasil di buat.
Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.
Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.
Silahkan lihat blog anda dengan klik tombol “Lihat Blog”
Selesai.

Part 2 : Cara Memposting Artikel

Langkah-langkah dalam memposting suatu artikel::

Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.

Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).

Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Part 3 : Cara Mengganti Template Blog

Ganti Template dengan yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

Silahkan login ke blogger dengan ID anda.
Klik pada nama blog anda.
Klik menu template.
Klik tombol Ubahsesuaikan
Klik pada pilihan template yang tersedia. Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik Terapkan ke Blog.
Selesai.

Ganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di http://www.blogspottutorial.com.
File template yang di download, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di http://wobzip.org.
Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
Silahkan login ke blogger dengan ID anda.
Klik pada nama blog anda.
Klik menu Template.
Klik tombol Cadangkan/Pulihkan yang ada dibagian atas kanan monitor.
Disarankan untuk membuat backup terlebih dahulu, klik pada tombol Unduh Template Lengkap.
Klik tombol Choose File, pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
Tunggu beberapa saat hingga proses selesai
Selesai.

Part 4 : Cara Memasang Widget

Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.

Berikut tahapan-tahapan caranya:

1. Login ke dalam Blogger.com

2. Pada dashboard pilih blog dari daftar blog yang kalian punya.

3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".

4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget" di bagian mana saja yang kalian suka.

5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.

6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".

7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.

8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.

9. Maka tampilan baru blog kita otomatis akan terlihat widget yang baru kita tambahkan yaitu "Daftar Blog" di halaman bagian paling bawah.

Part 5 : Cara Membuat Halaman Statis

Halaman statis adalah halaman tetap. Jika Anda lihat home page bloGoooblok ini, halaman utamanya tidak pernah berubah, itulah yang saya maksud dengan halaman statis. Kita memasangnya disana walau postingan tetap berjalan.

Blogspot akan menampilkan halaman utama dengan postingan terakhir. Ini memang wajar, karena blog pada pasarnya akan selalu menampilkan postingan terbaru diurut terbalik hingga yang terlama.

Untuk membuat halaman statis, ikuti langkah-langkahnya berikut ini.

Buat Laman

Yang pertama dan utama, tentu Anda harus login dulu ke akun blogspot Anda. Saya anggap kini Anda telah menyediakan artikel khusus untuk ditampilkan dihalaman statis. Setelah login, pilihlah tab Laman disebelah kiri lalu pilih Laman Baru. Anda juga bisa memilih Laman lain yang telah Anda buat sebelumnya.

Setelah membuka laman, isikan artikel yang Anda ingin tampilkan dihalaman utama. Isi sesuai dengan selera, Anda bisa memasukkan gambar atau video. Intinya, laman ini sama seperti Anda membuat postingan seperti biasa. Pada tutorial ini, laman statis yang akan kita buat saya beri nama Hello. Setelah selesai, klik Publish/terbitkan.

Pengaturan

Setelah laman yang akan kita jadikan halaman statis diterbitkan, langkah selanjutnya adalah pengaturan. Masih di dhasbor blogspot Anda, selanjunya pilihlah tab Setelan/Setting lalu Preferensi Penelurusan lalu klik Edit di Pengalihan Khusus. Lihat gambar dibawah ini.

Ada dua pilihan dalam kolom ini, Pada kolom pertama Dari (URL blog Anda) kolomnya isikan saja dengan simbol "/" (tanpa tanda kutip). Dan dikolom kedua Kepada (URL blog Anda) isikan URL halaman statis yang anda buat tadi. Misal dalam hal ini alamat URL statis yang buat adalah http://blogoooblok.blogspot.com/p/hello_17.html. Copy saja kata-kata terakhir yakni "/p/hello_17.html" (tanpa tanda kutip). Setelah diisi klik Simpan dan Simpan Perubahan.

Sembunyikan Laman

Sekarang halaman home Anda telah berubah menjadi halaman statis. Namun pada menu tab akan tampil dua halaman yang sama, yakni Home dan Hello (Sesuai nama lamana Anda).

Untuk menghilangkan halaman Hello pada menu tab, selanjutnya masuk ke tab Tata Letak lalu pilih Edit pada Laman.

Pada jendela pengaturan hilangkan tanda centang pada laman Hello. Setelah itu klik Simpan.

Selasa, 27 September 2016

Tutorial WPM (Web Page Maker)

Tutorial web page maker

Tutorial HTML

Apa itu HTML ? HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

Mengenal Tag HTML

ini hanya <b><i>contoh </i></b> saja sobat

yang akan tampil di browser adalah :

ini hanya contoh saja sobat

di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , <br> , ataupun <input>

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag <b>....</b> akan sama dengan Tag <B> ....</B>.

Struktur dokumen HTML

Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.

HTML

Sebuah dokumen HTML haruslah diawali dengan tag <HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.

HEAD

BODY

Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.

http://kolom-tutorial.blogspot.co.id/2007/05/tutorial-html.html

Tutorial Blogger Lengkap

Part 1 : Cara Membuat Blog

Membuat Email

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com

Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.

Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail anda ( akun email anda bisa untuk login ke blogger).

Isilah formulir yang ada :

Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.

Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.

Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.

Klik tanda panah bertuliskan “Lanjutkan”.

Klik tombol “Blog Baru”.

Isilah formulir :

Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal

Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.

Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).

Lanjutkan dengan klik tombol “Buat blog!”.

Sampai disini blog anda telah berhasil di buat.

Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.

Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.

Silahkan lihat blog anda dengan klik tombol “Lihat Blog”

Selesai.

Part 2 : Cara Memposting Artikel

Ganti Template dengan yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

Silahkan login ke blogger dengan ID anda.

Klik pada nama blog anda.

Klik menu template.

Klik tombol Ubahsesuaikan

Klik pada pilihan template yang tersedia. Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik Terapkan ke Blog.

Selesai.

Ganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di http://www.blogspottutorial.com.

Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.

Silahkan login ke blogger dengan ID anda.

Klik pada nama blog anda.

Klik menu Template.

Klik tombol Cadangkan/Pulihkan yang ada dibagian atas kanan monitor.

Disarankan untuk membuat backup terlebih dahulu, klik pada tombol Unduh Template Lengkap.

Klik tombol Choose File, pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.

Tunggu beberapa saat hingga proses selesai

Selesai.

Part 4 : Cara Memasang Widget

Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.

Berikut tahapan-tahapan caranya:

1. Login ke dalam Blogger.com

2. Pada dashboard pilih blog dari daftar blog yang kalian punya.

3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".

4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget" di bagian mana saja yang kalian suka.

5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.

6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".

7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.

8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.

Apa itu HTML ?

HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).

ini hanya `<b><i>`contoh `</i></b>` saja sobat

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag `<b>....</b>` akan sama dengan Tag `<B> ....</B>`.

Sebuah dokumen HTML haruslah diawali dengan tag `<HTML>` dan di tutup dengan `</HTML>`, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.