Senin, 26 Januari 2015

Cara Membuat Tulisan Berjalan Di Atas Header Blog

Membuat Tulisan Berjalan di Blog

Selamat sore sobat blogger. Pada kesempatan kali ini saya akan berbagi tutorial bagaimana Cara Membuat Tulisan Berjalan Di Header Blog dengan efek marquee. Sebetulnya tutorial ini sudah sering dibahas di blog-blog lain, tetapi tidak apa apa lah apa salahnya berbagi ilmu, hehe. Efek marquee ini berfungsi untuk membuat efek berjalan dari arah kiri atau sebaliknya sehingga memungkinkan kita untuk memberi informasi tertentu kepada pembaca melalui teks berjalan tersebut. Ok langsung saja berikut ini langkah-langkahnya

Membuat Tulisan Berjalan Di Header Blog Dengan Efek Marquee

Login Blogger
Setelah masuk dasbord pilih template
cari kode </head> , untuk memudahkan pencarian tekan CTRL + F
Letakan kode berikut ini dibawah kode </head> tadi

<marquee direction='left' scrollamount='5'><font color='black' size='3'>Tulis Teks Sesuai Keinginan</font></marquee>

Keterangan :

- left adalah arah teks berjalan dari sebelah kiri ke sebelah kanan, kita bisa merubahnya menjadi right
- 5 adalah kecepatan teks berjalan, kita bisa merubah sesuai dengan keinginan kita
- 3 adalah ukuran Font dari teks yang kita buat

Terakhir simpan template kemudian lihat hasilnya

wimaogawa.blogspot.com

Mudah bukan? Demikian tutorial bagaimana Cara Membuat Tulisan Berjalan Di Atas Header Blog , semoga bermanfaat bagi kita semua. Baca juga Cara Membuat Widget Tukar Link Dengan Scroll untuk membuat widget bertukar link dengan teman.

Share this post

0 komentar

:)

:-)

:))

=))

:(

:-(

:((

:d

:-d

@-)

:p

:o

:>)

(o)

[-(

:-?

(p)

:-s

(m)

8-)

:-t

:-b

b-(

:-#

=p~

:-$

(b)

(f)

x-)

(k)

(h)

(c)

cheer

My Widget -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); //]]>

Posts RSS ∙ Comments RSS ∙ Back to top
© 2011 SALAM SATU DATA SATU TUJUAN ∙ Designed by BlogThietKe
Released under Creative Commons 3.0 CC BY-NC 3.0