MEMBUAT ANIMASI WELCOME TEXT PADA WEB/BLOG

Jika anda sering surfing di internet anda pasti melihat tulisan statis diam dan tidak bergerak disebelah pojok kiri atas pada jendela halaman situs yang kita buka. Nah itulah yang disebut dengan welcome Text dimana disitu akan terlihat judul dari sebuah situs / blog bila anda sedang berada didalam halaman sebuah web.
Saya ingin sekali membuat Welcome Text tersebut tidak lagi diam, tapi saya ingin sekali membuat text itu menjadi bergerak atau ber animasi.


Dengan rasa penasaran saya akhirnya saya cari script yang bisa membuat Welcome text tidak hanya diam tapi bisa bergerak dan berganti-ganti tulisan, dan akhirnya saya menemukan scriptnya pada halaman ini http://om-anca.blogspot.com/ yang sepertinya dia dapatkan dari situs ini http://www.dynamicdrive.com.

Dan saya menggunakan script tersebut di Blog saya ini http://www.tigaraksaboys.blogspot.com
Mungkin saya ga usah panjang lebar lagi langsung saja saya berikan caranya :

* Pertama silahkan login ke blog anda

* Selanjutnya klik pada tab Layout lalu klik pada subtab Page element
* Kemudian klik Add a Gadget kemudian pilih gadget HTML/JavaScript lalu copy dan paste script dibawah ini :
<script>
//Arrow Head title- By Dynamic Drive
//Based on status bar script by Jason Rex (wonil4@hotmail.com, http://www.syred.net)
//Visit http://www.dynamicdrive.com for full source code

//change title text to your own
var titletext="silahkan ketik apa saja sesuai keinginan anda atau bisa juga dikosongkan saja"
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==7) {step=1}
if (step==1) {document.title='>===huruf 1'+thetext+'huruf 2===<'}
if (step==2) {document.title='=>==huruf 3'+thetext+'huruf 4==<='}
if (step==3) {document.title='>=>=huruf 5'+thetext+'huruf 6=<=<'}
if (step==4) {document.title='=>=>huruf 7'+thetext+'huruf 8<=<='}
if (step==5) {document.title='==>=huruf 9'+thetext+'huruf 10=<=='}
if (step==6) {document.title='===>huruf 11'+thetext+'huruf 12<==='}
setTimeout("anim()",2000);
}

if (document.title)
window.onload=onload=welcometext
</script>


- Silahkan edit Huruf yang berwarna merah sesuai dengan keinginan anda.
- Buatlah se kreatif mungkin agar tampilan Blog anda semakin menarik

Semoga bermanfaat.



Salam
http://tigaraksaboys.blogspot.com

Posted by Unknown

Tweet