CARA MEMBUAT TEXT BERJALAN DI BLOG
assalamualikum.
pada post kali ini ane mau membagi ilmu
tentang CARA MEMBUAT
TEXT BERJALAN DI BLOG.
Bagaimana cara membuat text berjalan
atau tuisan berjalan itu?
berikut adalah point-point atau
kangkah langkah untuk "MEMBUAT TULISAN BERJALAN DI BLOG"
1) masuk ke blogger dasbor
2) klik menu tata letak,
berikut adalah screen shot nya
3) selanjutnya pilih “tambahkan gedget” boleh dimana aja
yang asalakan tambahkan gedget.
4)lalu klik HTML/JAVA script maka
akan muncul gambar seperti ini
5)setelah itu akan muncul gambar seperti di bawah ini
Setelah itu isin konten itu dengan
kode css berikut, di copas ajj terus di pasang di knten nya
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #4679BD;/*Ganti warna sesuai keinginan*/
position: absolute;top: 0;left: 0;z-index:
3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top:
0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>//<![CDATA[
/* Circling text trail- Tim Tilton - Website:
http://www.tempermedia.com/ - Visit: http://www.dynamicdrive.com/ for Original
Source and tons of scripts.
Modified Here for more flexibility and modern browser
support
Modifications as first seen in
http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal
use
*/
;(function(){
var msg = "ded lucifer blog"; //
Ganti tulisan sesuai keinginan
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.3;
////////////////////// Stop Editing
//////////////////////
if (!window.addEventListener &&
!window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter
* 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20,
y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi =
document.createElement('div'),
b = document.compatMode && document.compatMode
!= "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; //
y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; //
x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -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);
};
})();
//]]></script>
color: #4679BD;/*Ganti warna sesuai keinginan*/
dan ada kode untuk tulisan berjalan yang akan mengikuti kursor nantinya
var msg = "Blog Baca Tulis dot Com"; // Ganti tulisan sesuai keinginan
* #4679BD- ganti dengan warna yang sobat inginkan
* #DED LUCIFER BLOG-ganti dengan tulisan yang ingin di tampilkan
untuk mengganti kode warna silahkan pilih warna yang di sukai,beriku adalah warna nya
0 komentar:
Post a Comment