Hmm.. mungkin sudah tidak asing lagi dengan posting yang satu ini. Membuat animasi pada head title. Sudah tahu kan..?? itu lho yang seperti blog saya ini yang head titlenya bergerak-gerak. Tapi disini saya hanya akan memberi 3 jenis dari bermacam-macam bentuk animasi head title..!!!
Untuk animasi seperti blog saya ini caranya sangat mudah yaitu hanya dengan mengcopy script dibawah ini lalu pastekan kode tersebut dibawah code
<Head>
#Cara 1
1 | <script language='JavaScript'> |
2 | var txt="YOUR TITLE HERE"; |
3 | var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt; |
4 | txt=txt.substring(1,txt.length)+txt.charAt(0); |
5 | segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); |
#Cara 2
untuk jenis animasi ini langkah yang harus dilakukan yaitu:
1. login ke blog
2. pilih tataletak
3. Klik tambah gadget lalu pilih HTML/JAVASCRIPT
4. pastekan code dibawah ini lalu save
01 | <script language="JavaScript1.2"> |
02 | if (document.all||document.getElementById){ |
03 | var thetitle=document.title |
10 | function statusIn(text){ |
19 | function decrypt(text, max, delay){ |
22 | decrypt_helper(text, max, delay, 0, max); |
27 | function decrypt_helper(text, runs_left, delay, charvar, max){ |
29 | runs_left = runs_left - 1; |
30 | var status = text.substring(0,charvar); |
31 | for(var current_char = charvar; current_char < text.length; current_char++){ |
32 | status += data.charAt(Math.round(Math.random()*data.length)); |
34 | document.title = status; |
35 | var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");" |
36 | var new_char = charvar + 1; |
37 | var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");" |
39 | setTimeout(rerun, delay); |
42 | if (charvar < text.length){ |
43 | setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1))); |
54 | if (document.all||document.getElementById) |
#Cara 3
1. login ke blog
2. pilih tataletak
3. Klik tambah gadget lalu pilih HTML/JAVASCRIPT
4. pastekan code dibawah ini lalu save
02 | var titletext="YOUR HEAD TITLE" |
16 | document.title = titletext; |
17 | setTimeout("anim()",1); |
23 | function showstatustext(txt) |
26 | setTimeout("welcometext()",4000) |
34 | if (step==1) {document.title='>==='+thetext+'===<'} |
35 | if (step==2) {document.title='=>=='+thetext+'==<='} |
36 | if (step==3) {document.title='>=>='+thetext+'=<=<'} |
37 | if (step==4) {document.title='=>=>'+thetext+'<=<='} |
38 | if (step==5) {document.title='==>='+thetext+'=<=='} |
39 | if (step==6) {document.title='===>'+thetext+'<==='} |
40 | setTimeout("anim()",200); |
44 | window.onload=onload=welcometext |
Gampang kan..??? Semoga bermanfaat..!!!
Hmm.. mungkin sudah tidak asing lagi dengan posting yang satu ini. Membuat animasi pada head title. Sudah tahu kan..?? itu lho yang seperti blog saya ini yang head titlenya bergerak-gerak. Tapi disini saya hanya akan memberi 3 jenis dari bermacam-macam bentuk animasi head title..!!!
Tidak ada komentar:
Posting Komentar