Cara membuat widget jam pada Blogspot Anda

 Cara embuat widget jam pada Blogspot Anda

Sebenarnya widget jam ini sudah popular sih di dalam dunia blogging ,,, namun saya hanya  ingin share/ berbagi ilmu sajah lah bagi yang belum tau.



naah saya kasih nih tutorial nya

1. nah buka pada tab baru link ini
2. setelah anda masuk maka pada bagian kiri akan ada pilihhan negara, klik nama negara anda
3. setelah itu akan muncul pada bagian sebelah kiri pilihan kota temat tinggal anda anda, klik nama kota anda
4. nah kemudian akan muncul 2 pilihan lagi
 
 * Analog clock   
 *  Digital clock

naah itu terserah anda mau pilih yang mana,, kemudian anda klik tulisan di bawah Analaog clock atau pun digital clock
yang tulisannya seperti ini
*Get Digital clock widget
*Get Analog clock widget

naah terserah anda mau pilih yang mana
nah setelah anda klik salah satu tulisan tersebut
maka akan keluar banyak pilihan widget jam,, pilih lah sesuai selera anda

tinggal copy ajah script yang ada di bawah widget jam nya kemudian paste pada gadget baru HTML/javascript

untuk pengguna blogger cara memasang scriptnya
1. masuk blogger
2. rancangan/design
3. elemen laman
4. add gadget

5. pilih HTML/ java script

masukin script yang sudah di dapat tadi
6. save

selesai deh

Read more »

Cara membuat dan memasang trafick ALEXA rank pada Blogspot

Cara membuat dan memasang trafick ALEXA rank pada Blogspot

hy gan mungkin widget Trafic Alexa rank ini sudah banyak yang tahu ya,, tapi mungkin juga ada yangg belum tahu cara memasang nya pada blog, maka dari itu
kali ini saya meposting bagaimana cara memasang widget trafic alexa rank,,,


nah ini dia tutorialnya
1.pertama kita masuk masukan tulisan yg miring ke URL

http://www.alexa.com/siteowners/widgets?site=sfgate.com&ax_atid=siteinfo-nlink-widget
atau KLIK DISINI
2. kemudian masukin url blog anda pada kotak build widget
nah di situ kan ada 3 kotak build widget nya,, ya ketiganya sama ajah sih tapi kalau yang ketiga itu grafic nya

3. nah masukin url kalian di salah satu kotak build widget nya,, kemudian klik tombol Build widget nya
maka akan keluar  gambar trafic rank alexa sama kode HTML nya

gambar nya sebelah kanan script nya sebelah kiri

4. pilih widget yang anda suka,, copy script nya yang ada di sebelah kiri gambar nya
5. paste pada HTML/java script blog anda

untuk pengguna bloggger cara nya
1. masuk dasboard
2. rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/ java script

6. masukin script tadi
7. save

selesai deh

Read more »

Cara membuat Efek tulisan berjalan mengikuti cursor pada blogspot

 Cara membuat tulisan berjalan mengikuti cursor pada blogspot

1. masuk ke blogger yg temen miliki....

2. masuk ke tata letak.....

3. tambahkan gadget.....

 4. pilih HTML/javascript.....




 
5. kopy script di bwah ini

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'calligraffitti', verdana, arial;
color: #0000ff;
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[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Andy kerenz";
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

C`tatan:
              *ganti tulisan Andy kerenz dengan tulisan yang anda inginkan

Read more »

Cara membuat efek hujan salju pada blogspot

Cara membuat efek hujan salju  pada blogspot

1. masuk ke blogger yg temen miliki....

2. masuk ke tata letak.....

3. tambahkan gadget.....

 4. pilih HTML/javascript.....




 
5. kopy script di bwah ini

<script src="http://gubhugreyotprojects.googlecode.com/svn/effects/effek-salju.js" type="text/javascript"></script>

Read more »