<script type="text/JavaScript">
// Satu baris komentar biasanya digunakan untuk menjelaskan code apa di bawahnya
/*
Multiline komentar
Biasanya digunakan untuk komentar ataupun code yang sedang diuji contoh Code di bawah tidak akan dijalankan oleh browser
document.write("Pelajaran pertama dari javascript");
*/
//Contoh penggunaan Curly bracket dan semicolon setelah satu baris perintah
for (var j = 1; j <= 1000; ++j) {
document.write('Angka ke = '+ j+'<br/>');
}
</script>
Teknik CSS Sprites ini sangat berguna untuk template yang menggunakan banyak image. Dengan teknik ‘CSS Sprites’ ini akan mempercepat “loading” dan “http request” pada image, sebab beberapa image di template tersebut dikombinasikan dalam satu file image, oleh karenanya image tersebut hanya dipanggil satu kali.
Sebelum lanjut, lihat demo penggunaan teknik CSS Sprite pada menu navigasi. Arahkan mouse anda dan klik, untuk melihat hasil dari teknik tersebut.
Apabila anda menggunakan Browser Firefox, pada demo tersebut, klik kanan pilih view page info, kemudian klik media, untuk melihat image yang digunakan pada menu tersebut.
<ul id="menu">
<li class="home"><a href="#">Home</a></li>
<li class="about"><a href="#">About</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul> class(lihat kode yang berwarna biru diatas). Contoh pada menu ‘home’ diatas menggunakan class="home". Penambahan atribut tersebut yang nanti akan berfungsi untuk memilah bagian image tersebut di kode CSS.<li class="home"><a href="#">Home</a></li>, maka CSS nya sebagai berikut:li.home a{
width:80px;
height:30px;
display:block;
text-indent:-9999px;
background: url(http://lh5.ggpht.com/_dfnTVAxeWMI/S1EmPT3qI_I/AAAAAAAADFk/7x0VpNq7xjg/menu.png) 0 top no-repeat;
}width:80px; dan height:30px;, seperti pada penjelasan gambar diatas, bahwa lebar dan tinggi masing-masing image tersebut, seperti ‘home’, lebar 80 pixel dan tinggi 30 pixel.display:block;, sebagai penegas untuk mem-block image tersebut yang memiliki tinggi dan lebar.text-indent:-9999px;, untuk menyembunyikan text ‘home’, sebab dalam image tersebut sudah memiliki text home.background: url(http:../menu.png) 0 top no-repeat; :url(http:../menu.png) ini adalah alamat image yang digunakan.0 top, kode yang berwarna biru tersebut adalah value dari property background position dan ini kunci untuk memilah gabungan gambar tersebut yang memiliki tinggi dan lebar, seperti penjelasan diatas.no-repeat;, ini adalah value dari property dari background-repeat, yang maksudnya image tersebut tidak diulang penggunaannya.0 top itu bisa juga di tulis 0 0 atau juga left top, artinya image tersebut berada pada bagian kiri (senilai 0) atas (senilai 0). Jadi nilai pertama itu adalah koordinat x dan kedua adalah y. Ingat, angka atau value dari background position ini terkait perhitungan lebar dan tinggi image masing-masing menu diatas.link:hover pada menu home kita cukup memanggilnya sebagai berikut:li.home a:hover {
background-position:0 -30px;
}background-position:0 -30px;, artinya memanggil image dibagian kiri (senilai 0) atas (senilai -30px). Angka -30px tersebut diperoleh karena masing-masing gambar memiliki tinggi 30 pixel, maka tempat image untuk hover (warna urutan kedua digambar atas) tersebut berada di -30 pixel dan untuk link focusnya nanti adalah senilai -60 pixel.ul#menu {
/* isi sesuai penempatan atau posisi menunya */
}
ul#menu li {
float:left;
margin-right:10px;
list-style:none;
}
ul#menu li a{
width:80px;
height:30px;
display:block;
text-indent:-9999px;
background: url(http://lh5.ggpht.com/_dfnTVAxeWMI/S1EmPT3qI_I/AAAAAAAADFk/7x0VpNq7xjg/menu.png) 0 0 no-repeat;
}
ul#menu li.home a{
background-position:0 0;
}
ul#menu li.home a:hover {
background-position:0 -30px;
}
ul#menu li.home a:focus {
background-position:0 -60px;
}
ul#menu li.about a{
background-position:-80px 0;
}
ul#menu li.about a:hover {
background-position:-80px -30px;
}
ul#menu li.about a:focus {
background-position:-80px -60px;
}
ul#menu li.contact a{
background-position:-160px 0;
}
ul#menu li.contact a:hover {
background-position:-160px -30px;
}
ul#menu li.contact a:focus {
background-position:-160px -60px;
}
<script type="text/javascript">
// Script anda disini
</script><script type="text/javascript">
document.write("Pelajaran pertama dari javascript");
</script><script type="text/javascript">
for (var j = 1; j <= 1000; ++j) {
document.write('Angka ke = '+ j+'<br/>');
}
</script>Gak tau kenapa 4 minggu terakhir saya terbiasa sarapan dengan sebuah burjo (bubur kacang ijo) + roti tawar, kebetulan dekat kosan dah ada warung burjo, tapi setelah di pikir pikir , burjo baik untuk kesehatan gk ya, ada teman yang bilang banyak gizi yang terkandung di dalamnya tapi ada yang bilang malah membahayakan kesehatan karna bubur kacang ijo pake bahan pengawet.
Dan akhirnya saya mencoba mencari kebenarannya lewat brother google, dan ternyata bubur kacang ijo banyak manfaatnya, berikut sedikit penjelasannay :
Kenapa harus membuat blog di blogger.com bukan yang lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger.com, namun ada banyak kelebihan yang dimiliki blogger.com di banding dengan penyedia blog yang lainnya. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk para pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain yang dimiliki sedangkan hosting tetap menggunakan blogspot.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogger.com akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com
