Memasang Animasi Burung Terbang Follow Me On Twitter Widget

Situseo Blog : Satu lagi widget animasi follow me on twitter yang menarik karena burung twitter yang satu ini bisa terbang mengikuti layar bila kita scroll keatas atau kebawah, uniknya lagi ada beberapa pilihan warna dari burung tersebut.

Bila kalian ingin mencoba memasang salah satu burung twitter ini, berikut cara dan kodenya :

1. Masuk ke Dashboard - Design/Rancangan - Add Gadget - Pilih HTML/Javascript - copy paste scripts dibawah ini - Save
2. Ganti nama id twitter dengan id twitter kalian, kalau belum punya id twitter, silahkan membuat akun twitter terlebih dahulu
3. Ganti http://mickeelz.blogspot.com/ dengan alamat blog kalian

<script type="text/javascript" src="http://mas-dalang.googlecode.com/files/mas-dalang.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7bMw57ts_BKFZL-bU6VQOQ-IUZLh1_BphGYzAuwLcp40WKrlpBjnLxvMEq4c9Iyo9XDp3YHEKAIpBotXcG9AArbbelC5fSmpVKpRaPc51p7zmmpKGzY500TSDbipa5uiWO0PrZWrIyU8/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/id twitter";var tweetThisText = "Twitter - id twitter http://mickeelz.blogspot.com/";tripleflapInit(); </script>

Bila ingin mengganti warna animasi burung terbang, kalian bisa mengganti alamat gambar yang berwarna ungu dengan alamat gambar dibawah ini :

Hitam : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIw1jiHWxFEcCsl2WkFym8r5KumgdiMuKMtz4OlMptcazOxY2u0KeQ5dT4WhTXi-8iMan0Kqn9JBcGg_YRCvtp7t8kYk88r6DFC4lSRb4F9Ckc45aQuEY8b5OdfU3VH1xkkIeWD9Al1QE/s1600/birdspriteblack.png  
Biru : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggDQGvn1_iIJUknQt4T2Bn-DhGugB8Uz-1KNvj9uwLf792aqN_m-R7Ptl14jwU0T2uYBgJ_F2jKmSWCJYxW2XbQLJm2DhQnifjwJEzj1d9t8CyyrUqGxkBu0lOME8yjbUuZrvuocUoIkI/s1600/birdspriteBlue.png  
Coklat : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzssPUNeb9ao972FBmExvXnC4hchqmSvpW-Gr7wfkiGK1c5tOYIdK4jrBuQJHdLiKSQ_dAVfPFbJcFSNFWj925Apobbn0MIPWZZ2dSaW47qQmTOl58DPp9JZwS9oMdLZpFHDYp4Cs1Hk/s1600/birdspritebrown.png  
Hijau : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrClX-FDFwskydrlVKiL_CyMQNfK4azHo0r3ONGtyfXEMky0jewMu_e00cFRheSYYHE7MwYdcXMdj1YIB_vdNKrtaX7-fZbDdsexnvQTIlmKkh8IBKgkGHIcElBw-RMl2jKIZHeH_W_tA/s1600/birdspriteGreen.png 
Ungu : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOXXW82XrY4WMcmUsP1lhWymc3iW1tw_DxB-KqDmBwI_RfVXmP8YzxZvcbzshmtEkxOgQLYzPYcoFWvi0ntxEWKs85kch3dIika5cf417_br9CaqLmQt2jYiCJ8cgQWIrdXxHboTJVlk/s1600/birdspritepurple.png 
Merah Muda : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBnKO1IAOQ-45iRO8bB8tq8kUGyA0S6KRRmxzdRWwY-1JnxcBviQkDglkrCZHONVNLjwvWzQAgVdgYXK7b_qVE-GRielcwE1adcq94-63uB3Bva1mD6BEK6L-QTvX2h_f5G-DOB_8RcY/s1600/birdspritered.png
Putih : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG5CfhxAEf1J7D_Oq2WBjwDOd_MeGDWAiwF9L_rZKCT1vg0Zaa1VyJfR9_JJy1OOUDZazAUrG_S_ce39zYYC3eN9NsAGYYHNEHcyt1-FYpweT34lKDNbq19xtoPRe3IBgIQiF_O3FkuGk/s1600/birdspritewhite.png
Kuning : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSvgda3CJA-ccN2tDQv0mLBCIMwVzaguMo01GOeIGLmaRl1Ma3BOXbX-sHMosz6b2Tc32X8lH3XyhsF8b0edZbhTuAj81AhICVPB7jJDAs80MbphsM6XUnMhBeoy3NmQ_HK6acOoh9EY/s1600/birdspriteyellow.png

Dengan banyaknya pilihan warna, kalian bisa memilih untuk menyesuaikan dengan warna blog yang kalian punya dan mudah-mudahan dengan tampilan animasi follow me on twitter yang baru ini bisa manambah follower bagi twitter kalian. Bila tertarik untuk melihat animasi widget follow me on twitter lainnya bisa melihat artikel saya yang lain pada 4 Animated Twitter Widget for Blogspot

Jajaka FM 94,9

klik di bawah ini untuk melihat info lebih lanjut....

Radio Jajaka FM 94,9

Langkah Langkah Membuat Blog

Membuat blog cukup mudah sebenarnya.Boleh sambil buat sambil belajar.Yang penting kemahuan mesti ada.Banyak sumber sumber yang kita boleh perolehi untuk mempelajari blog.Untuk mencipta blog anda mestilah mempunyai akaun dengan blogger di www.blogger.com.

Langkah langkahnya:
1.Klik pada sign up jika belum ada akun gmail
2.Isikan butir butir dalam form  yang disediakan  dan klik pada next step
3.Anda akan dibawa ke langkah ke2 iaitu create your profile dan klik ke next step

 

4.Langkah ke 3..you all set anda Berjaya membuat akaun blogger.klik back to blogger untuk confirm profile anda.

5.Klik back to blogger
6.Anda dibawa ke dashboard blogger..klik pada new blog

7. Masukkan tajuk blog dan alamat blog anda dan pilih template yang dikehendakki.Kemudian  klik create blog

8.Anda dibawa kembali ke dashboard…klik pada start posting

9.Masukkan tajuk artikel pada title …taipkan artikel pada ruangan yang disediakan dan klik publish untuk memaparkan posting anda.

nota:Bagi anda yang sudah mempunyai akaun gmail,anda boleh sign ke blogger dan anda bermula dengan langkah yang keenam

 Cara Paling Gampang Buat Perkataan Bergerak Mengikuti Kursor

 

 

Ada berbagai cara yang dibuat bagi menukar bentuk(menghias) kursor seperti membuatnya bertaburan dengan bintang,berbentuk buih(bubble) dan membuat perkataan mengikuti kursor.

Cara membuatnya:

1.Masuk ke design dan pilih Page elements

2.Add a Gadget

3.Html/Javascript

dan masukkan kode dibawah ini

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #9B1750;
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 = "Masukkan Perkataan anda disini";
var size = 22;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
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>

 

Ubahkan perkataan yg dikehendakki pada teks yang berwarna orange diatas
4.Kemudian klik save.

Yang Paling Gampang Ganti Kursor

Yang Paling Gampang Ganti Kursor

 

 

Cursor merupakan anak panah / penunjuk pada komputer , web dan lainya yang berfungsi untuk melakukan perintah dari mouse. kali ini kita akan membahas cara mengganti kursor blog.

langsung saja mari kita ikuti step demi step tutorial ini

1.Loggin blog
2.Masuk ke rancangan
3.Pilih tata letak
4.Tambah Gadget / Widget
5.Pilih HTML/Javascript
6. Copy pastekan code dibawah ini

<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

Kode yang berwarna merah adalah link gambar kursor, bisa diganti dengan link dibawah atau upload gambar kursor atau cari link gambar kursor tersebut.

 

http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png

http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png

http://i44.photobucket.com/albums/f13/LONG65/Element2.gif

http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png