Friday, April 8, 2011

Cara Membuat Efek Marque Pada Judul Blog

Cara Membuat Efek Marque Pada Judul Blog - Efek marque pada judul blog yang biasa dikenal dengan efek berjalan atau teks berjalan ini sangat populer di kalangan blogger yang senang menghiasi blognya dengan bermacam-macam accesoris ataupun perhiasan yang lainnya.

Efek Marquee Pada Judul BlogBanyak blogger yang senang menghiasi blognya tapi lupa akan ukuran berat blognya (baca: optimalkan kecepatan blog). Namun menghias dengan efek marque pada judul blog ini tidak terlalu berat. Sebagai admin blog juga harus mementingkan pengunjung (baca: buatlah pengunjung blog nyaman). Ga ada blogger yang membuat blog tapi cuman dibaca sendiri, posting, baca sendiri.

Kali ini kita akan menerapkan efek marque ini pada judul blog. Judul blog akan jadi keren jika menghiasi ini. Tulisannya akan kesana kemari tetapi tidak kacau. Jika masih bingung apa itu efek marque pada judul blog, silahkan klik demo di bawah ini untuk melihatnya:

Demo

bagaimana? Jika sobat berminat untuk membuatnya silahkan ikuti cara di bawah ini:
1. Login ke akun blogger sobat.
2. Pilih Rancangan, lalu klik Add a Gadget.
3. Pada window yang terbuka, pilih HTML/Javascript, lalu isikan kode berikut:

<script type="text/javascript">
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Welcome to DAW-XP";
message[1] = "DAW-XP";
message[2] = "brobloger.blogspot.com";
message[3] = "Berita";
message[4] = "Cerita";
message[5] = "Ilmu Pengetahuan";
message[6] = "Tutorial Blog";
var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==N==] '+T+' [==N==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===B=] '+T+' [=B===]'}
if(s==7){document.title='[==L==] '+T+' [==L==]'}
if(s==8){document.title='[=O===] '+T+' [===O=]'}
if(s==9){document.title='[G====] '+T+' [====G]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>
4. Save, lalu lihat hasilnya.

Sekian dulu artikel saya mengenai Cara Membuat Efek Marque Pada Judul Blog. Semoga dengan efek marque ini judul blog anda akan semakin bagus.
Semoga Berguna ..

0 comments:

Post a Comment