1. Membuat Judul Blog Berjalan atau Bergerak
Caranya:a. Masuk ke Dasbor
b. Klik tab Tata Letak
c. Klik tab Edit HTML
d. Beri tanda centang pada kotak kecil Expand Template Widget
e. Silahkan cari di dalam template anda kode
<title><data:blog.pageTitle/></title>
f. Ganti kode tersebut dengan script berikut ini
<script language='JavaScript'>g. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
h. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
i. Jika sudah oke, klik Simpan Template
j. Selesai
SELAMAT MENCOBA ^^
2.Membuat tulisan berkedip
Saya akan tutorial singkat tentang cara membuat tulisan menjadi berkedip. Berikut tips atau cara membuat tulisan .Caranya kita tinggal menyisipkan tulisan yang akan dibuat berkedip diantara kedua kode ini:
<blink> (tulisan anda) </blink>
SELAMAT MENCOBA ^^
3.Membuat Spoiler di Blog
Spoiler ?
Sudah tahukan ?
Kalau kita singgah di Kaskus.us, maka disitu akan banyak kita jumpai Spoiler. Para Kaskuser menggunakan Spoiler untuk menyembunyikan sebagian atau seluruh konten, baik itu berupa teks, gambar, animasi ataupun video.
Lalu bagamana cara menerapkannya di blog ??
Sedikit akan saya uraikan fungsi dari spoiler ini
Bisa dikatakan bahwa fungsi spoiler yaitu menghemat tempat [space], mengurangi waktu load konten pada blog [karena konten yang berat seperti gambar dan video tidak diaktifkan sebelum menekan tombol show], memberikan pilihan pada pengunjung blog untuk membuka atau tidak isi spoiler.
Berikut ini adalah kode yang digunakan untuk membuat spoiler pada blog atau postingan:
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">SPOILER </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
POSTINGAN ANDA
</div></div></div></div>
4.Membuat Link Berwarna-warni
Berikut ada trik untuk membuat link yang berkelap-kelip saat cursor mouse diarahkan ke link tersebut.
Berikut caranya:
-Masuk kan kode berikut:
<script src="http://sites.google.com/site/javascriptnew/java-script/rainbow.js" type="text/javascript"></script>
-Untuk memasukkan nya, pertama-tama masuk Rancangan->Elemen Laman->Tambah gadget->Pilih: HTML/JavaScript.
-Masuk kan kode diatas dan tempatkan di mana saja.
SELAMAT MENCOBA
