Bagi Seorang Bloger tak lengkap rasanya bila tak memiliki tulisan berjalan pada taskbar blog, dan pada kali ini saya ingin berbagi dengan rekan blogger tentang cara membuat tulisan tersebut. mari kita memulai
langkah 1 : log in ke blogger
langkah 2 : plih tata letak
langkah 3 : edit HTML
Lalu masukkan code berikut
=================================
<script language='JavaScript'>
var txt=".:: Selamat Datang di Blog DeVoN Andriana ::.";
var kecepatan=180;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
=================================
Copy di bawah code <head>
ket: tulisan yang berwarna tebal anda ganti dengan teks anda sendiri
kemudian save,dan lihat hasilnya
mudah bkan.....????
Tegur aku..!! jika aku sombong.. tegur aku..!! jika aku angkuh.. tegur aku..!! jika aku salah.. karna aku masih butuh sahabat seperti "KALIAN" hari ini.. esok.. selamanya..!!
Rabu, 05 Januari 2011
memiliki suatu blog yang kurang modifikasi akan membuat kita malas blogging.
karna memodifikasi blog memiliki kpuasan tersendiri.maka dari itu saya memberi sedikit inspirasi saya kepada anda tentang memodifikasi blog.
Kali ini saya akan berbagi tentang cara membuat tulisan melingkar pada kursor
1. log in ke blogger anda
2. pilih tata letak
3. tambah gadget anda dan plih java script
4. copy paste aja code berikut pad java script anda
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* 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(){
// Your message here (QUOTED STRING)
var msg = "DeVoN Kurnia Agustin";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
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>
ket: ganti tulisan yang TEBAL dengan text yang anda inginkan
lalu simpan,selesai deh
coba anda lihat hasilnya
karna memodifikasi blog memiliki kpuasan tersendiri.maka dari itu saya memberi sedikit inspirasi saya kepada anda tentang memodifikasi blog.
Kali ini saya akan berbagi tentang cara membuat tulisan melingkar pada kursor
1. log in ke blogger anda
2. pilih tata letak
3. tambah gadget anda dan plih java script
4. copy paste aja code berikut pad java script anda
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* 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(){
// Your message here (QUOTED STRING)
var msg = "DeVoN Kurnia Agustin";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
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>
ket: ganti tulisan yang TEBAL dengan text yang anda inginkan
lalu simpan,selesai deh
coba anda lihat hasilnya
Cara Membuat Tulisan Berkedip ( blink )
anda pengen punya tulisan pada blog and, klu bagi saya sih tulisan kayak gini dapat meyakinkan pengunjung untuk mencobany, soalnya tulisannya tampak lebih meyakinkan. anda pengen coba..!!
Caranya gampang banget anda tinggal menambahkan code <blink>
pda awal text yang anda inginkan dan </blink> pada akhir text di HTML seperti contoh di bawah ini:
<blink><a href="http://devonkurnia">blog saya..</a></blink>
anda tinggal simpan deh
jadi deh tulisanya
Caranya gampang banget anda tinggal menambahkan code <blink>
pda awal text yang anda inginkan dan </blink> pada akhir text di HTML seperti contoh di bawah ini:
<blink><a href="http://devonkurnia">blog saya..</a></blink>
anda tinggal simpan deh
jadi deh tulisanya
Cara Menampilkan HTML pada posting
Ketika Anda memposting kode HTML seperti script ternyata banyak bagian yang hilang? Anda bingung kenapa? Bagaimana cara menampilkannya? Mudah saja.....
Caranya sebagai berikut:
1. Buka http://centricle.com/tools/html-entities
2. Masukkan script yang akan ditampilkan pada postingan pada kotak yang tersedia
3. klik Encode
4. Tunggu beberapa saat dan script akan berubah
5. Copy script yang telah berubah tersebut dan siap ditampilkan pada postingan... letakkan sesuai tempat yang Andainginkan
silahkan dicoba !!
Caranya sebagai berikut:
1. Buka http://centricle.com/tools/html-entities
2. Masukkan script yang akan ditampilkan pada postingan pada kotak yang tersedia
3. klik Encode
4. Tunggu beberapa saat dan script akan berubah
5. Copy script yang telah berubah tersebut dan siap ditampilkan pada postingan... letakkan sesuai tempat yang Andainginkan
silahkan dicoba !!
Cara Membuat Tulisan Yng keluar Secara Bergantian Di taksbar
langsung aja ya.. kayaknya pengunjung sudah tdak sabar nee... he..he..he
1. log in dunk pastinya
2. pilih tata letak
3. trus pilih tambah gadget
4. nah pada pilihanya pilih JavaScript/HTML
5. trus Copy/Paste aja langsung code yang ada dibawah
<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "Selamat Datang diBlog Devi Andriana";
tb8_messages[1] = "Salam Kenal";
tb8_messages[2] = "semoga anda bisa menjadi rekan saya";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script><br />
gimana bisa ngak???....
kalau pengen nambah ganti angka yang berwarna kuning dengan berapa yang anda mau
lalu tambahin tb8_messages[3] = "text yang anda inginkan"; , tb8_messages[4] = "text yang anda inginkan"; , dan seterusnya.... di bawah code tb8_messages[2] = "semoga anda bisa menjadi rekan saya";
jangan lupa ganti textnya ya.....
1. log in dunk pastinya
2. pilih tata letak
3. trus pilih tambah gadget
4. nah pada pilihanya pilih JavaScript/HTML
5. trus Copy/Paste aja langsung code yang ada dibawah
<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "Selamat Datang diBlog Devi Andriana";
tb8_messages[1] = "Salam Kenal";
tb8_messages[2] = "semoga anda bisa menjadi rekan saya";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script><br />
gimana bisa ngak???....
kalau pengen nambah ganti angka yang berwarna kuning dengan berapa yang anda mau
lalu tambahin tb8_messages[3] = "text yang anda inginkan"; , tb8_messages[4] = "text yang anda inginkan"; , dan seterusnya.... di bawah code tb8_messages[2] = "semoga anda bisa menjadi rekan saya";
jangan lupa ganti textnya ya.....
Langganan:
Postingan (Atom)