Halaman

Sabtu, 23 April 2011

Tugas Tik 3 Mendesain Blog











Tata Cara Mendesain Blog


















A.Membuat Background Menjadi Animasi Green matrix

Tata cara membuat Background menjadi green matrix yaitu sebagai berikut.


1.Login ke blog anda.





2.Selanjutnya anda akan masuk ke Dasbor anda. Dan klik menu “Rancangan”.




3. Kemudian anda akan masuk ke jendela Rancangan, selanjutnya klik “edit html”.

















4. Memberi tanda centang pada Expand template widget .
5. Mencari kode dibawah ini dengan cara tekan F3 atau CTRL +F.Lalu Masukan kata dibawah ini pada kotak pencarian secara otomatis. " "</Head>"  


6. Setelah kode diatas ditemukan copy kode sript dibawah ini kemudian letakan diatas   kode

    nomer 5 tadi.""

."<script type='text/javascript' src='http://madiuncoolblog.googlecode.com/files/greenmatrix.txt'></script>"
7. Simpan template dan silahkan cek pasti blog anda sekarang,dengan mengklik   “Simpan”. 



























Untuk Hasilnya Seprti ini

































B.Membuat Kursor Bertaburan Bintang.





A. Tata cara membuat Kursor Bertaburan Bintang, Dengan langkah sebagai berikut:

    1.Login ke blog anda. Seperti halnya diatas







2.Selanjutnya anda akan masuk ke Dasbor anda. Dan klik menu “Rancangan”.






3. Kemudian anda akan masuk ke jendela Rancangan.




4.Setelah itu anda harus memilih tambah "widget",selanjutnya”html/Javascribt,  seperti pada gambar.
























5.kemudian anda copy scrib dibawah ini dan masukan pada kotak isian yang ditunjuk anak panah nomor 2sedangkan nomor 1 adalah judulnya .Silahkan warna bintang yang anda sukai:"





Bintang Putih
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js' type="text/javascript"></script>
 Bintang Merah
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js' type="text/javascript"></script>
Bintang Ungu
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js' type="text/javascript"></script>
Bintang Hijau
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>
Bintang Biru
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script>

















6.Terakhir Klik “simpan”. Dan cek percobaan anda.






In Adalah Gambar Hasilnya:















Terima Kasih

Tidak ada komentar: