UAS KOMPUTER

Tahap Pembuatan Blog !
1. Masuk ke www.gmail.com






 2. Pilih Signup ke Gmail untuk mendaftar, kemudian isi formulir dengan lengkap



  3. Jika sudah selesai mengisi formulir, silakan klik tombol “saya menerima, buat akunku”


 4. Jika Muncul tampilan seperti di bawah ini, berarti anda sudah berhasil membuat e-mail


5. Untuk meyakinkan bahwa anda sudah membuat e-mail, klik link saya siap, tampilkan
account saya.

6. Silakan Sign Out kalau sudah selesai melihat e-mail






1. Masuk ke www . blogspot.com







2. Klik tombol tombol “Ciptakan Blog Anda”, maka akan muncul tampilan berikut :


3. Isi formulir dengan benar

4. Jangan lupa isi tanda rumput pada “saya menerima persyaratan dan layanan”

5. Tekan Tombol Lanjutkan

6. Isi judul blog dan alamat blog

7. Untuk mengetahui apakah blog tersebut tersedia atau tidak, klik “cek ketersediaan”

8. Silakan Klik lanjutkan dan kemudian pilih salah satu template

9. Jika sudah keluar tampilan berikut, berarti anda sudah berhasil membuat blog


Buatlah script (kode Tag HTML) untuk membuat sebuah artikel yang di dalamnya ada penomoran (Bullet & Numbering) dengan mengasumsikan bahwa anda menjelaskan pada pembaca blog anda cara-cara membuat sebuah artikel dengan menggunakan HTML!

a.       Tag HTML Numbering List
Ada beberapa tipe Penomoran (numbering list) antara lain:

* Type umum (default) dari Numbering adalah lambang bilangan (1,2,3,... dst)
Tag HTML yang digunakan untuk type ini dibuka dengan <ol> dan ditutup dengan </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol>
<li>urutan ke-1</li>
<li>urutan ke-2</li>
<li>urutan ke-3</li>
<li>urutan seterusnya...</li>
</ol>

b.      Tag HTML Bullet List

* Huruf romawi (I, II, III, ... atau i, ii, iii,... ),
Tag HTML yang digunakan untuk type ini dibuka dengan <ol type="I"> dan ditutup dengan </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="I">
<li>urutan ke-1</li>
<li>urutan ke-2</li>
<li>urutan ke-3</li>
<li>urutan seterusnya...</li></ol>

* Huruf Alfabet ( A,B,C,... atau a,b,c,...)
Tag HTML yang digunakan untuk type ini dibuka dengan <ol type="A"> dan ditutup dengan </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="I">
<li>urutan ke-1</li>
<li>urutan ke-2</li>
<li>urutan ke-3</li>
<li>urutan seterusnya...</li></ol>

c.       Tag HTML Bullet List
Ada beberapa tipe Bullet (bullet list) antara lain:

* Tipe Disc,
Penulisan Tag HTML-nya (agar jarak antar barisnya tidak terlalu jauh) maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter).
Contoh:<ul type="Disc"> <li>urutan ke-1</li> <li>urutan ke-2</li> <li>urutan ke-3</li> <li>urutan seterusnya...</li></ul>

* Tipe Circle
Penulisan Tag HTML-nya (agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter).
Contoh:<ul type="Circle"> <li>urutan ke-1</li> <li>urutan ke-2</li> <li>urutan ke-3</li> <li>urutan seterusnya...</li></ul>

* Tipe Square
Penulisan Tag HTML-nya (agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidak usah di enter).
Contoh: <ul type="Square">
<li>urutan ke-1</li><li>urutan ke-2</li><li>urutan ke-3</li><li>urutan seterusnya...</li></ul>

Hasilnya sebagai berikut :

Tingkat I-a

Tingkat ke-2a

Tingkat ke-a

square 1

square 2

tingkat ke a-2

disc 1

disc 2

Tingkat ke-2b

Tingkat ke-a

square 1

square 2

tingkat ke a-2

disc 1

disc 2

tingkat I-b

disc 1

pertama

kedua

disc 2

1.  pertama kedua
selain cara tersebut, ada cara lain, yaitu :

Ø  Masuk Blogger >> pilih Template >> Backup template agar aman jika terjadi kesalahan >> pilih Edit HTML

Ø  Copy kode ini: </head>

Ø  Letakkan kursor didalam kotak Edit HTML, tekan CTRL + F lalu CTRL + V

Ø  Jika sudah ketemu kode tag </head> maka copy kode scriptDan paste atau letakkan semua code CSS tersebut sebelum tag </head> tadi.

Ø  Cari kode <data:post.body/> Sebagaimana anda tadi mencari </head> tadi lalu pilihlah <data:post.body/> yang paling bawah atau paling akhir sebagaimana sudah diulas

Ø  Copy semua kode HTML berikut dan letakkan setelah <data:post.body/>

Ø  Klik SIMPAN.

Untuk membuat artikel sendiri, klik new entri yang ada di halaman utama blogger kemudian akan muncul tampilan halaman posting. Masukkan judul artikel, isi artikel dan label di kotak yang telah disediakan. Setelah artikel selesai di ketik maka klik publish. Artikel akan muncul di blog. Jika ingin mengedit tulisan kembali, klik edit. Jika ingin melihat artikel tersebut di blog, klik view. Dan jika ingin menghapus artikel terseebut, klik delete

 
Uraikan penjelasan dari Script HTML dari Pembuatan Slide Show, RSS Feed, Audio/Video Player yang telah anda buat dalam Blog anda!  

a.       Pembuatan slide show

* Login ke blogger

* Pada dasbor, pilih Tata Letak, pilih Tambah Gadget

* Pilih tampilan slide

*Pilih tampilan tersebut atau jika ingin memilih gambar lain, kotak dialog bisa diganti isinya.

*Dan terakhir klik simpan jika telah selesai.

b.      Pembuatan RSS Feed :

Seperti slide show, log in ke blogger dan masuk ke tata letak.

Kemudian pilih tambah gadget dan pilih FEED

Buka link -> http://feedburner.com

Log in memakai akun gmail

Masukan alamat URL feed blog dalam kotak “Burn a feed right this instant”. Biarkan “i am podcaster tidak tercentang, kemudian klik “next”.

Selanjutnya ubah feed title dan feed address sesuai keinginan, selanjutnya klik Next .

Jika kemudian tampil halaman Congrats berarti feedburner telah aktif, selanjutnya klik “Skip directly to feed management” 

Klik tab “Publicize”

Klik "email subcription"

Klik "activate",

Copy kode yang terdapat pada feedburner dan paste di “konten”-nya.

Terakhir, klik simpan untuk menyimpan pekerjaan kita.

c.       Menampilkan  RSS FEED

Log in ke blogger.

Pada dasbor blog, pilih menu "tata letak", klik tambahkan gadget.

Lalu pilih HTML, atau bisa juga memilih RSS FEED     

Copy kode yang telah di-copy dari feedburner ke dalam "konten"

Klik Simpan untuk menyimpan pekerjaan kita.

Sekarang blog kita telah memiliki RSS feed.

d.      Pembuatan audio/ video player

Langkah awal, mencari kode dari lagu/video yang disukai, mungkin bisa dengan menggunakan divine.com, youtube.com, 4shared.com

Setelah mendapatkan kode, Copy kode tersebut

Log in ke blogger.

Pada dasbor, pilih tata letak, pilih tambahkan gadget.

Pilih HTML/Javascript

Selanjutnya masukkan kode yang telah disalin tadi ke “konten”

Terakhir klik Simpan.

Untuk melihat hasil-hasil dari gadget yang telah disimpan tersebut, pada dasbor klik “lihat blog”, maka blog pun muncul dengan gadget yang telah ditambahkan tersebut