GOIW: JavaScript for Bloggers

JavaScript for Bloggers

Background Effect

Script Efek Pelangi Pada Mouseover Teks Link

Taruh script ini diatas </body>

Script Efek Salju Kecil

Taruh script ini diatas </body>

Script Efek Salju Besar

Taruh script ini diatas </body>

Script Efek Bintang

Taruh script ini diatas </body>

Script Efek Daun Berguguran

Taruh script ini diatas </body>

Script Efek Color Red Star

Taruh script ini diatas </body>

Script Efek Faling Love Heart

Taruh script ini diatas </body>

Welcome Alert

Text Alert ( peringatan saat buka blog )
<body onLoad="alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');"></body>
Taruh script diatas pada tag <body>

Text Alert Saat Mau keluar Blog
<body onUnLoad="alert('Kapan2 mampir Lagi ya');"></body>
Taruh script diatas pada tag <body>

Teks alert onLoad dan unLoad (Gabungan)
<script type="text/javascript"> <!– Welcome Alert –> alert("Selamat datang diblognya saya, moga bermanfaat") <!– Goodbye Alert –> function goodBye(){ alert("Terima kasih sudah mau mampir, take care") } window.onunload=goodBye </script>
Taruh script ini diatas tag </head>

Teks alert pada Link ( saat kita klik link maka akan ada peringatan muncul )
<a href="http://monozcore.blogspot.com" onClick="alert('Siapa...silahkan masuk'); return true">JUDUL LINK</a>
Taruh script diatas pada tag link

Marquee Effect (Efek Teks Berjalan)

Teks jalan dari kanan ke kiri
<marquee bgcolor="red" direction="left" scrolldelay="280">Kata2 anda disini</marquee>

Teks jalan bolak balik lambat (santai)
<marquee bgcolor="red" behavior="alternate" scrolldelay="280">Kata2 anda disini</marquee>

- direction :
- direction="left" (Arah dari Kanan ke Kiri)
- direction="right" (Arah dari Kiri ke Kanan)
- direction="up" (Arah dari Bawah ke Atas)
- direction="down" (Arah dari Atas ke Bawah)
- bgcolor (Warna latar belakang teks)
- scrolldelay (Kecepatan gerak teks)
- behavior (Gerakan teks)

Copyrights Script

Script Anti Copy-Paste
<script type="text/javascript"> /*********************************************** * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //form tags to omit in NS6+: var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function reEnable(){ return true } if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false") else{ document.onmousedown=disableselect document.onmouseup=reEnable } </script>
Taruh script ini diatas </Head>

Me-Nonaktifkan Klik Kanan
<script language=JavaScript>  </script>
Taruh script ini diatas </Head>

Title Bar Effect

Tulisan berjalan untuk status bar blog/web
<SCRIPT> function scrollit(seed) { var m1 = "Selamat datang di www.web site kamu .com"; var m2 = " Terima kasih atas kunjungannya"; var m3 = " Saya harap dapat bermanfaat!"; var m4 = ""; var msg=m1+m2+m3+m4; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } </SCRIPT>
Taruh script ini dibawah <body> dan pada <body> anda rubah menjadi <body onLoad="scrollit(100)">

Tulisan berjalan untuk status bar blog/web efek ketik
<SCRIPT> // All you have to do is put another text in the variable message. // Don't forget to break all lines with a ^ // When you do not place a ^ at the end of all the message, the // message will not repeat message = "ini adalah contoh status bar dengan effect ketik^" + "kamu bisa mengganti tulisan ini sesuka kamu^" + "terima kasih atas kunjungan nya^" + "semoga bermanfaat^" + "thanks for visit my blog www.monozcore.blogspot.com^" + "^" scrollSpeed = 25 lineDelay = 1500 // Do not change the text below // txt = "" function scrollText(pos) { if (message.charAt(pos) != '^') { txt = txt + message.charAt(pos) status = txt pauze = scrollSpeed } else { pauze = lineDelay txt = "" if (pos == message.length-1) pos = -1 } pos++ setTimeout("scrollText('"+pos+"')",pauze) } scrollText(0) </SCRIPT>
Taruh script ini diatas </Head>

Tulisan berjalan untuk status bar blog/web efek datang baertautan
<SCRIPT LANGUAGE="JavaScript"> // set speed of banner (pause in milliseconds between addition of new character) var speed = 10 // decrease value to increase speed (must be positive) // set pause between completion of message and beginning of following message var pause = 1500 // increase value to increase pause // set initial values var timerID = null var bannerRunning = false // create array var ar = new Array() // assign the strings to the array's elements ar[0] = "Welcome to my home page" ar[1] = "I hope you enjoy " ar[2] = "terima kasih atas kunjungan nya" ar[3] = "semoga bermanfaat!" // assign index of current message var message = 0 // empty string initialization var state = "" // no value is currently being displayed clearState() // stop the banner if it is currently running function stopBanner() { // if banner is currently running if (bannerRunning) // stop the banner clearTimeout(timerID) // timer is now stopped timerRunning = false } // start the banner function startBanner() { // make sure the banner is stopped stopBanner() // start the banner from the current position showBanner() } // assign state a string of "0" characters of the length of the current message function clearState() { // initialize to empty string state = "" // create string of same length containing 0 digits for (var i = 0; i < ar[message].length; ++i) { state += "0" } } // display the current message function showBanner() { // if the current message is done if (getString()) { // increment message message++ // if new message is out of range wrap around to first message if (ar.length <= message) message = 0 // new message is first displayed as empty string clearState() // display next character after pause milliseconds timerID = setTimeout("showBanner()", pause) } else { // initialize to empty string var str = "" // built string to be displayed (only character selected thus far are displayed) for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } // partial string is placed in status bar window.status = str // add another character after speed milliseconds timerID = setTimeout("showBanner()", speed) } } function getString() { // set variable to true (it will stay true unless proven otherwise) var full = true // set variable to false if a free space is found in string (a not-displayed char) for (var j = 0; j < state.length; ++j) { // if character at index j of current message has not been placed in displayed string if (state.charAt(j) == 0) full = false } // return true immediately if no space found (avoid infinitive loop later) if (full) return true // search for random until free space found (braoken up via break statement) while (1) { // a random number (between 0 and state.length - 1 == message.length - 1) var num = getRandom(ar[message].length) // if free space found break infinitive loop if (state.charAt(num) == "0") break } // replace the 0 character with 1 character at place found state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) // return false because the string was not full (free space was found) return false } function getRandom(max) { // create instance of current date var now = new Date() // create a random number (good generator) var num = now.getTime() * now.getSeconds() * Math.random() // cut random number to value between 0 and max - 1, inclusive return num % max } startBanner() </SCRIPT>
Taruh script ini diatas </Head>

Link Hover

Script Link Bekerlip
<style> a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCvWaK2HhOKn7JpxfzmkqvTLHcxEBqejQp2fQ5aZqJRGwHjvOnEZt5znv7IHqt6am6wVJK5wemw0q8BwClw9E6lDeT67Tv3d0ATFnh2gEVyxhpTeN6mKonGTLf6JKkdjmg5s0rZEjk3s/s1600/blink.gif); } </style>
Taruh script ini diatas </Head>
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZy-CEh1f7ydChRvy6ArJ9ebO4Xow7V8PMfjkplVIM-kDukYlgNFqbnSRBvvNwBNElFIhgVPTchqMGVSdmpJ51Zgn8KmRnM7oR8yVI9-pyDRVFGTxUilpFVyR7vikH7uOfQ4e2Pd_NxFg/s1600/BlinkStar.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGRNNDPS6zv-5tsAYM-UjYP7K6_28nYoPwe1NBY0-du_rY_ff5kOFKjHdtOwLryaPPaS0mxznoPxuJvBcFmY6XXD02XWA8oIy-eb8Y_JANUOp1vsrqBwChmT9uJgSLcg1a4KEXQN6v9x8/s1600/str4.gif

Miscelenous

Script Google Translate Terbaru (2011)
<div id='google_translate_element'/><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id', autoDisplay: false, multilanguagePage: true, layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script><script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/> </div>

Window Expander
<script type="text/javascript"> <!– Roaming Windows Expander –> scrW=screen.availWidth scrH=screen.availHeight window.resizeTo(10,10) window.focus() for(a=0;a<80;a++){ window.moveTo(0,0) window.resizeTo(0,scrH*a/80) } window.resizeTo(0,0) for(b=0;b<80;b++){ window.moveTo(0,scrH/1) window.resizeTo(scrW*b/80,0) } for(c=0;c<80;c++){ window.moveTo(scrW/1,scrH/1) window.resizeTo(0,scrH*c/80) } for(d=0;d<80;d++){ window.moveTo(scrW/1,0) window.resizeTo(scrW*d/80,0) } for(e=0;e<80;e++){ window.resizeTo(scrW*e/80,scrH*e/80) } window.moveTo(0,0) window.resizeTo(scrW,scrH) scrW=screen.availWidth scrH=screen.availHeight window.resizeTo(10,10) window.focus() for(a=0;a<80;a++){ window.moveTo(0,0) window.resizeTo(0,scrH*a/80) } window.resizeTo(0,0) for(b=0;b<80;b++){ window.moveTo(0,scrH/1) window.resizeTo(scrW*b/80,0) } for(c=0;c<80;c++){ window.moveTo(scrW/1,scrH/1) window.resizeTo(0,scrH*c/80) } for(d=0;d<80;d++){ window.moveTo(scrW/1,0) window.resizeTo(scrW*d/80,0) } for(e=0;e<80;e++){ window.resizeTo(scrW*e/80,scrH*e/80) } window.moveTo(0,0) window.resizeTo(scrW,scrH) </script>

Script Ucapan Selamat Sesuai Waktu
<script type="text/javascript"> date = new Date(); if ((date.getUTCHours() - date.getHours()) != 0) (date = date.getHours()) else (date = (8 + date.getHours())); if (date < 4) {alert("Selamat Malam!")} else {if (date < 11) {alert("Selamat Pagi,, Selamat Beraktifitas!")} else {if (date < 16) {alert("Selamat Siang!")} else {if (date < 20) {alert("Selamat Sore!")} else {alert("Selamat Malam Semuanya!")} } } } </script>
Taruh script ini diatas </Head>

Script Mouse Hover Berganti Gambar
<img src="images/nature-photo2.png" name="yogesh" onMouseOver="document.images['yogesh'].src='images/nature-photo.png'" onMouseOut="document.images['yogesh'].src='images/nature-photo1.png'" width="350" hieght="150"/>
Taruh script ini pada tag link

.: Semoga Bermanfaat :.

Kamis, 26 April 2012

JavaScript for Bloggers