Fly Without Wings

Cara membuat cursor berganti jika menyentuh link

Saturday, June 7, 2014

Author : Osvaldo Rampengan Comments : 0

Tag :

1.Login akun kawan,

2 dashboard >layout > edit html > expand widget templates

3.Tekan ctrl + F kemudian cari kode berikut.

<a expr:href='data:post.url'><data:post.title/></a>

4. Letakkan kode dibawah antara kode <a expr:href='data:post.url'> dan kod e<data:post.title/></a>

<img src="url gambar"/>

a. Tukarkan 'url gambar' dengan url gambar yang kawan mau
b. Ukuran gambar yang biasa digunakan 20x20 hingga 30x30

begitu caranya, mudahkan :D

Menambah Icon Disebelah Judul Entri pada Blog

Author : Osvaldo Rampengan Comments : 0

Tag :

pasti kalian pernah lihat berbagai blog yang mempunyai musicnya...
kali ini saya akan membagi informasi bagaimana cara menambahkan MP3 ke Blogger anda.
simak baik-baik yah :)

1. Pilih warna mp3 player disini

2. Klik Edit Playlist
masukkan judul dan link url lagu yang elo mau..... gue saranin elo nyarinya lagunya disini
3. Klik setting
4. copy kan code pada tambah gadget/ html javascript.

simpan.. dan lihat..

kalau yang diatas itu.. cara buat nambahin banyak lagu..
tapi kalau mau masukin 1 lagu aja... simple, kecil dan mudah di letakkan di sidebar.
mending...
pake ini

1. Cari lagu

2. Pilih lagu lalu klik "Embed"

3. Copy paste kan pada javascript(tambah gadget) kawan~

atau ini

1. Buka link ini
2. Atur warna
3. Tambah kan lagu
4. Get Code

Selesssssaii..

Cara memasang MP3 player untuk blog

Author : Osvaldo Rampengan Comments : 0

Tag :

hasilnya seperti contoh di atas...
keren kan.. :D

ikuti tutorial berikut jika ingin mengganti atau menambahkan efect pada kursor anda :)

1. Dari dashboard > design > add a gadget > HTML/javascript.
2. Copy kan kode berikut

<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

Ganti tulisan berwarna merah dengan warna dot yang kawan mau
dan ganti tulisan berwarna hijau dengan jumlah dot yang kawan mau... #jangan terlalu banyak XD

mudahkan :)