.jpg)
Head title animation bisa diisi dengan kata-kata sambutan atau teks lain yang berkaitan dengan blog. Animasi teks yang akan terlihat di address bar ini sekalipun sederhana namun mampu memberikan penampilan berbeda yang membuat blog semakin menarik. Letakkan dan simpan script berikut di bagian head di antara tag <head> dan tag </head>
Cara menggunakan Original Size Image on Mouseover :
Keterangan :
Update »Ngahad PON, Maret, 25, 2012
Cara menggunakan Original Size Image on Mouseover :
- Login ke Blogger.
- Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
- Tuliskan Password.
- Klik "Sign in"
- Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
Klik "Rancangan (Design)". - Kembali halaman baru akan terbuka, klik "Edit HTML".
- Sebuah halaman baru kembali kita jumpai. Halaman ini berisi 3 (tiga) bagian:
- Backup/Restore Template » berisi fitur untuk melakukan backup template.
Lakukan Backup template setiap kali akan melakukan penambahan atau pengurangan kode (xHTML, kode CSS dan javascript) melalui "Box Edit Template". - Edit Template » berisi sebuah box besar yang di dalamnya berisikan kode html penyusun blog.
- Old Templates » berisi template lama blogger (Template Tata Letak & Template Klasik.
- Backup/Restore Template » berisi fitur untuk melakukan backup template.
- Cari kode ]]></b:skin> pada "Box Edit Template".
- Copy javascript dan letakkan di bawah ]]></b:skin>.
- Klik "Simpan Template (Save Template)"
- Buka blog dan lihat hasilnya!
javascript :
<script type="text/javascript">
//<![CDATA[
var titletext = "Welcome to Gubhugreyot"
var thetext = ""
var started = false
var step = 0
var times = 1
function welcometext() {
times--
if (times == 0) {
if (started == false) {
started = true;
document.title = titletext;
setTimeout("anim()", 1);
}
thetext = titletext;
}
}
function showstatustext(txt) {
thetext = txt;
setTimeout("welcometext()", 4000)
times++
}
function anim() {
step++
if (step == 9) {
step = 1
}
if (step == 1) {
document.title = '>-----' + thetext + '-----<'
}
if (step == 2) {
document.title = '->----' + thetext + '----<-'
}
if (step == 3) {
document.title = '>->---' + thetext + '---<-<'
}
if (step == 4) {
document.title = '->->--' + thetext + '--<-<-'
}
if (step == 5) {
document.title = '>->->-' + thetext + '-<-<-<'
}
if (step == 6) {
document.title = '->->->' + thetext + '<-<-<-'
}
if (step == 7) {
document.title = '--->--' + thetext + '--<---'
}
if (step == 8) {
document.title = '-->---' + thetext + '---<--'
}
setTimeout("anim()", 200);
}
if (document.title) window.onload = onload = welcometext
//]]>
</script>Keterangan :
- Panduan cara backup template, cara cari kode dan berbagai cara menyimpan kode css, javascript dan xHTML dapat dibuka di Special Tutorials pada menu sebelah kiri halaman.
- Ganti Welcome to gubhugreyot di javascript dengan teks yang sesuai dengan blog kamu !
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:
Update »Ngahad PON, Maret, 25, 2012
» Happy Blogging - gubhugreyot «
silahkan tulis sebuah komentar!
gubhug reyot