BLOG
Oleh: Prama DSW
Pengertian
Blog
Blog berasal
dari kata Web dan Log (WEBLOG) yang berarti catatan online (yang berada di
web). Pengertian yang lebih lengkap, blog adalah situs web yang berisi tulisan,
artikel atau informasi bermanfaat yang diupdate (diperbaharui) secara teratur
dan dapat diakses secara online baik untuk umum maupun pribadi.
1. Cara
membuat akun blog dapat mengunakan www.blogger.com,
gunakan akun email untuk bisa membuat blog.
2. Cara
memberi efek bunga mawar berjatuhan pada blog :
·
Buka akun blogger terlebih dahulu.
·
Kemudian pilih menu template dan klik edit
Html
·
Setelah itu cari kode </head>
·
Lalu letakan salah satu kode di bawah ini tepat di
bawah kode </head>
Kemudian simpan, untuk melihat hasilnya silahkan klik Lihat blog.
Kode
bunga mawar :
<script
type="text/javascript"
src="http://yourjavascript.com/20412111345/mawar.js"></script>
3. Cara
membuat efek kursor dengan tuisan berjalan:
·
Buka akun blog terlebih dahulu
·
Klik menu Tata Letak kemudian Pilih Tambah Gadget
·
Lalu tambahkan HTML/JavaScript.
·
Masukan script di bawah ini ke dalam konten.
Pada tempat judul di kosongkan saja
<style type="text/css">
#outerCircleText {
font-weight: bold;
color: red;
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">
;(function(){
var msg = "PDSW";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.4;
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;
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX;
},
makecircle = function(){
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){
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(){
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(){
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>
|
·
Kemudian simpan
·
Lalu klik simpan perubahan pada blog
·
Untuk melihat hasilnya klik Lihat Blog
4. Catatan : untuk
tulisan merah pada kode diatas bisa diganti dengan warna yang lainnya, merah
bisa ganti dengan, hijau, biru, ungu, silver, kuning, hitam.
Ganti
Tulisan PDSW dengan Teks yang diinginkan
Sumber
:
Tidak ada komentar:
Posting Komentar