Tutorial ini sebenarnya sudah disampaikan secara live (maksudnya diajarkan), tapi banyak siswa yang minta langsung dibuat dalam bentuk postingan berikut dengan kode-kode ataupun script html yang dimaksud.
Padahal salah seorang temen kamu ada yang udah bikinin tutorialnya di sini
OK, langsung saja Step by Step

1. Buat Banner di Pengolah gambar (bisa Paint, Photoshop, GIMP, dll). Simpan gambar dalam jpeg atau gif. Ukuran gambar bebas sesuai keinginan kita banner tampil seperti apa. Sebagai contoh Banner Commitlab berukuran 50x150 pixel, biasanya dibuat 125x125 terserah, bebas aja.
2. Kalo udah jadi upload ke hosting gambar gratisan seperti Photobucket, Imageshack dll.
   Tapi ada cara mudah, kamu buat sebuah postingan di blog kamu, lalu upload gambar/banner yang kamu buat ke dalam postingan tersebut.
3. Kalo udah kamu tinggal gunain script html-nya di Add gadget > HTML/Java

Caranya:

• Pertama pastikan dulu bahwa gambar/banner kamu telah terupload ke internet (tidak di komputer/flashdisk lagi, misalnya kita upload di postingan (seperti gambar berikut ini)
• Lalu klik kanan Gambar, dan Klik Copy Link Location (Kalo Pake Mozilla Firefox, tergantung browser yang kamu pake), intinya buat ngedapetin Link gambar yang kita inginkan tersebut sebenarnya dimana.
  nah untuk gambar di atas kita dapat linknya ada di:
  
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK7bZtcGLsknAYoDTryP3aUkyCwYZ7OLOG4ig6P0cym1DlSqks0G35Ig53XnxCjKhLRzwLxj7cdYwPwi5j6CfEnF-Uru2TdJ6DbxveZjGL3_xJTGBR8B70MeYSGQTMvweGLObhwfeJmbI7/s320/test.gif
  
  
• Kalo dah dapet kita hanya perlu masukin format berikut:
  
  
  <a href="LINK-YANG_AKAN_DITUJU"><img src="LINK-POSISI-GAMBAR"></a>
  
  
  Jadi contohnya seperti ini:
  <a href="http://ambo-di.blogspot.com"><img src="http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK7bZtcGLsknAYoDTryP3aUkyCwYZ7OLOG4ig6P0cym1DlSqks0G35Ig53XnxCjKhLRzwLxj7cdYwPwi5j6CfEnF-Uru2TdJ6DbxveZjGL3_xJTGBR8B70MeYSGQTMvweGLObhwfeJmbI7/s320/test.gif"></a>
  
  Jadi deh. (lihat hasilnya di sebelah... di widget "Test Banner")
  

Nah kalo untuk Kode Bannernya tinggal gunakan kode seperti ini saja
<textarea rows="5" cols="33" name="code">ISI DENGAN KODE BANNER KAMU</textarea>

Angka 5 dan 33 bisa diganti sesuai keinginan, 5 maksudnya adalah jumlah baris tulisan yang akan tampil dan 33 adalah jumlah kolomnya

hasilnya nanti akan seperti ini:
ISI DENGAN KODE BANNER KAMU

Ingin membuat status ym kamu di blog? Gunanya adalah ketika ada yang berkunjung ke blog kamu maka dia bisa tahu kamu sedang OnLine apa nggak... lanjuut

Caranya:

1. Login ke Blogger
2. Copy code dibawah ini ke Widget/Gadget yang kamu tambahkan dengan kategori HTML/JavaScript
3. Jangan lupa untuk mengganti tulisan commitlab dengan id yahoo messanger kamu sendiri

<center><a href="ymsgr:sendim?commitlab"><img border="0" src="http://opi.yahoo.com/online?u=commitlab&m=g&t=14" /></a> <br /></center>

Silahkan dicoba, semoga berhasil.

Tugas Kelas IX dalam mengedit blog kali ini adalah:

1. Membuat banner blog
2. Memasang banner orang lain (dalam rangka saling bertukar link) dan juga menyediakan text area agar pengunjung atau teman kita bisa memasang banner blog kita.
3. Menambahkan Hit counter (agar kita mengetahui berapa kali blog kita telah dilihat orang).

Baiklah, langsung ke tutorialnya

Untuk membuat banner kalian bisa baca petunjuk di link hasil bertanya ke paman google Cara Membuat Banner beberapa link belajar yang direkomendasi antara lain di sini.

Sedangkan untuk membuat hit counter bisa di lihat di sini, dan ini adalah beberapa hit counter lain yang bisa kamu pakai (hasil bertanya ke Om Gugel).

Assalamu alaykum warohmatullahi wabarokatuhu

Blog ini adalah blog Laboratorium Komputer SMPIT Al-Ittihad. CommIT.Lab adalah sebutan lain untuk Fasilitas yang ada di sekolah ini, dimana merupakan singkatan dari Communication, Information & Technologi Laboratory. Nama CommIT ini juga bermaksud berkomitmen untuk memberikan pembelajaran dan pelayanan terbaik yang berhubungan dengan TIK atau ICT.

Nantinya akan banyak tugas-tugas, modul latihan dan hal lain yang berhubungan erat dengan pembelajaran TIK di sekolah akan di posting di sini. Juga hal-hal umum terkait pelajaran lain serta berbagai informasi tentang pembelajaran lain, UN, dan sekolah.

Diharapkan blog ini bisa menjadi salah satu alternatif sarana dan prasarana yang memanfaatkan TIK untuk menyokong pembelajaran. Bila tugas-tugas, bahan pembelajaran, modul, kumpulan soal-soal bisa diperoleh dengan mengakses blog ini -maka pembelajaran diharapkan tidak hanya sebatas di sekolah saja tetapi bisa dilakukan di rumah, saat liburan atau dimana pun, kapan pun asal ada akses ke internet. Demikianlah tulisan awal ini dibuat. Mohon kritik, usulan dan saran agar semakin lebih baik.

Wassalamu 'alaykum warohmatullahi wabarokatuhu.