Selasa, 21 April 2009

NEW CLOUD

Ga usah pakai lama, silahkan lihat contohnya disini.
Nah, itu saya kasih nama "NEW CLOUD" aja...... karena masih bingung buat kasih nama apa.
Jiaka ada yang tertarik buat kasih nama, silahkana aja ya ?
Nah jika kalian tertarik untuk memasangnya di halaman blog anda, silahkan ikuti petunjuk mudah dibawah ini :

Masuk account Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML, "Centang expand template widget" dan copy kode dibawah ini :

<SCRIPT>
//*Please add my name on everywhere you want to use this script !!
//*or visit http://pojokjeruklegi.blogspot.com and be my friend !!
var text=new Array()
var textlink=new Array()
var texttarget=new Array()
var textsplashcolors=new Array()

/////////////////////////////////////////////////////////////////////
// EDIT VALUE DIBAWAH INI

// Tambahkan atau kurangi float object sesuka anda
// Untuk contoh, saya berikan 12 contoh ....

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[0]="5000 Premium download links"
textlink[0]="http://###.com"
texttarget[0]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[1]="Million Serial Number"
textlink[1]="http://www.###.com"
texttarget[1]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[2]="2000 e-mail gratis"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[3]="Rapidshare Premium account"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[4]="Login password premium"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[5]="FACEBOOK KILLER"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[6]="FRIENDSTER BOMBER"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[7]="HACK TRICK"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[8]="25 Premium antivirus 2009"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[9]="THE BIG SECRET OF GOOGLE"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[10]="Megaupload Premium account"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Set tulisan, link dan alamat target dari tulisan yang muncul
text[11]="100 Download sites Premium account"
textlink[2]="http://www.###.com"
texttarget[2]="_new"

// Setting font/huruf
var textfont="Arial"

// Setting font "tebal/bold" atau "normal"
var textweight="bold"

// Setting Rollover
var textfontcolorrollover="#ffffff"

// Setting ukuran huruf/font
var textfontsize=12

// Setting warna huruf/font
var textfontcolor="#ff0000"

// Setting warna background box
var textbgcolor="#000000"

// Setting warna border/bingkai
var textbordercolor="#ff0000"

// Setting ketebalan border/bingkai
var textborder=2

// KALAU GA NGERTI KODE DIBAWAH INI, JANGAN COBA-COBA BUAT MENG-EDITNYA !!
/////////////////////////////////////////////////////////////////////

var textdecoration="none"
var textfontsizeHTML=3
var textweightA="<b>"
var textweightB="</b>"
var textitalic="normal"
var textitalicA=""
var textitalicB=""
var textredirurl="http://"
var textalign="center"
var textvalign="middle"
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
var floatingspeed=10
var tempo=20
var numberofmessages=text.length-1
var stepx=new Array()
var stepy=new Array()
var spancontent=new Array()
for (i=0;i<=numberofmessages;i++) {
stepx[i]=randommaker(floatingspeed)
stepy[i]=randommaker(floatingspeed)
}
var boxwidth=new Array()
var boxheight=new Array()
for (i=0;i<=numberofmessages;i++) {
boxwidth[i]=10
boxheight[i]=10
}
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var i_fadestrength=new Array()
var i_fadestep=new Array()
var i_fadenow=new Array()
var i_fadenowmax=new Array()
for (i=0;i<=text.length;i++) {
i_fadenowmax[i]=randommaker(10)+2
i_fadestrength[i]=randommaker(99)
i_fadestep[i]=1
i_fadenow[i]=0
}

getcontent()
function getcontent() {
for (i=0;i<=numberofmessages;i++) {
var content=""
if (ie || ns6) {
content="<table cellpadding="+textborder+" cellspacing=0 border=0><tr valign="+textvalign+"><td align="+textalign+">"
content+="<a href=""+textlink[i]+"" target=""+texttarget[i]+"" style="position:relative;font-family:'"+textfont+"';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";" onMouseOver="this.style.color='"+textfontcolorrollover+"'" onMouseOut="this.style.color='"+textfontcolor+"'">"
content+=text[i]
content+="</a></td></tr></table>"
}
else {
content="<table cellpadding="+textborder+" cellspacing=0 bgcolor="+textbgcolor+" border="+textborder+"><tr valign="+textvalign+"><td align="+textalign+">"
content+="<a href=""+textlink[i]+"" target=""+texttarget[i]+"">"
content+=textweightA
content+=textitalicA
content+="<font face=""+textfont+"" size="+textfontsizeHTML+" color=""+textfontcolor+"">"
content+=text[i]
content+="</font>"
content+=textitalicB
content+=textweightB
content+="</a></td></tr></table>"
}
spancontent[i]=content
}
}

function setValues() {
if (ie) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofmessages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+i)
boxwidth[i]=thisspan.offsetWidth
boxheight[i]=thisspan.offsetHeight
var maxleftstart=marginright-boxwidth[i]
var maxtopstart=marginbottom-boxheight[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=randommaker(maxleftstart)
thisspan.posTop=randommaker(maxtopstart)
}
checkmovement()
}
if (ns4) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofmessages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i+".document")
boxwidth[i]=thisspan.width
boxheight[i]=thisspan.height
var maxleftstart=marginright-boxwidth[i]
var maxtopstart=marginbottom-boxheight[i]
var thisspan=eval("document.span"+i)
thisspan.left=randommaker(maxleftstart)
thisspan.top=randommaker(maxtopstart)
}
checkmovement()
}
if (ns6) {
marginbottom=window.innerHeight-11
marginright=window.innerWidth-11
for (i=0;i<=numberofmessages;i++) {
var thisspan=document.getElementById('span'+i)
thisspan.innerHTML=spancontent[i]
var thisspan=document.getElementById('span'+i)
boxwidth[i]=parseInt(thisspan.offsetWidth)
boxheight[i]=parseInt(thisspan.offsetHeight)
var maxleftstart=marginright-boxwidth[i]
var maxtopstart=marginbottom-boxheight[i]
var thisspan=document.getElementById('span'+i).style
thisspan.left=parseInt(thisspan.left)+randommaker(maxleftstart)
thisspan.top=parseInt(thisspan.top)+randommaker(maxtopstart)
}
checkmovement()
}
}

function randommaker(range) {
rand=Math.floor(range*Math.random())
if (rand==0) {rand=Math.ceil(range/2)}
return rand
}

function checkmovement() {
checkposition()
movepictures()
timer=setTimeout("checkmovement()",tempo)
}

function movepictures() {
if (ie) {
for (i=0;i<=numberofmessages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft+=stepx[i]
thisspan.posTop+=stepy[i]
var thisfilter=eval("span"+i)
i_fadenow[i]++
if (i_fadenow[i]>=i_fadenowmax[i]) {
i_fadenow[i]=0
if (i_fadestrength[i]>=100) {i_fadestep[i]=i_fadestep[i]*-1}
else if (i_fadestrength[i]<=-20) {i_fadestep[i]=i_fadestep[i]*-1}
}
i_fadestrength[i]+=i_fadestep[i]
thisfilter.filters.alpha.opacity=Math.round(i_fadestrength[i])
}
}

if (ns6) {
for (i=0;i<=numberofmessages;i++) {
var thisspan=document.getElementById('span'+i).style
thisspan.left=parseInt(thisspan.left)+stepx[i]
thisspan.top=parseInt(thisspan.top)+stepy[i]
i_fadenow[i]++
if (i_fadenow[i]>=i_fadenowmax[i]) {
i_fadenow[i]=0
if (i_fadestrength[i]>=100) {i_fadestep[i]=i_fadestep[i]*-1}
else if (i_fadestrength[i]<=-20) {i_fadestep[i]=i_fadestep[i]*-1}
}
i_fadestrength[i]+=i_fadestep[i]
document.getElementById('span'+i).style.MozOpacity=Math.round(i_fadestrength[i])/100
}
}
if (ns4) {
for (i=0;i<=numberofmessages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left+=stepx[i]
thisspan.top+=stepy[i]
}
}

}

function checkposition() {
if (ie) {
for (i=0;i<=numberofmessages;i++) {
var thisspan=eval("document.all.span"+i+".style")
if (thisspan.posLeft>marginright-boxwidth[i]-floatingspeed) {
thisspan.posLeft-=Math.abs(stepx[i]+1)
stepx[i]=randommaker(floatingspeed)*-1
}
if (thisspan.posLeft<marginleft) {
thisspan.posLeft+=Math.abs(stepx[i])
stepx[i]=randommaker(floatingspeed)
}
if (thisspan.posTop>marginbottom-boxheight[i]-floatingspeed) {
thisspan.posTop-=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)*-1

}
if (thisspan.posTop<margintop) {
thisspan.posTop+=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)
}
}
}
if (ns4) {
for (i=0;i<=numberofmessages;i++) {
var thisspan=eval("document.span"+i)
if (thisspan.left>marginright-boxwidth[i]-floatingspeed) {
thisspan.left-=Math.abs(stepx[i]+1)
stepx[i]=randommaker(floatingspeed)*-1
}
if (thisspan.left<marginleft) {
thisspan.left+=Math.abs(stepx[i])
stepx[i]=randommaker(floatingspeed)
}
if (thisspan.top>marginbottom-boxheight[i]-floatingspeed) {
thisspan.top-=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)*-1

}
if (thisspan.top<margintop) {
thisspan.top+=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)
}
}
}

if (ns6) {
for (i=0;i<=numberofmessages;i++) {
var thisspan=document.getElementById('span'+i).style
var leftx=parseInt(thisspan.left)
var topy=parseInt(thisspan.top)
if (leftx>marginright-boxwidth[i]-floatingspeed) {
thisspan.left=leftx-Math.abs(stepx[i]+1)
stepx[i]=randommaker(floatingspeed)*-1
}
if (leftx<marginleft) {
thisspan.left=leftx+Math.abs(stepx[i])
stepx[i]=randommaker(floatingspeed)
}
if (topy>marginbottom-boxheight[i]-floatingspeed) {
thisspan.top=topy-Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)*-1

}
if (topy<margintop) {
thisspan.top=topy+Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)
}
}
}
}


if (ie || ns6) {
for (i=0;i<=numberofmessages;i++) {
document.write("<span id='span"+i+"' style='position:absolute;top:0px;left:0px;filter:alpha(opacity=0);-moz-opacity:0;border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";'></span>")
document.close()
}
}
if (ns4) {
for (i=0;i<=numberofmessages;i++) {
document.write("<layer name='span"+i+"' left=0 top=0>"+spancontent[i]+"</layer>")
document.close()
}
}
window.onload=setValues
</script>

Setelah anda Copy, silahkan anda paste di bawah kode :

<body>

Atau bisa anda letakkan diatas kode :

</body>

Kemudian anda boleh klik tombol Save/simpan perubahan.
Lihat hasilnya....

CATATAN :

Jika masih terdapat pesan error, berarti anda harus mem-PARSE kode-kode tersebut.
Ingat... cara PARSE sudah pernah saya posting disini, atau anda bisa membacanya dengan klik disini.
Atau anda bisa langsung menuju ke situs penyedia layanan PARSE dengan klik disini.
Jumlah Floating Object bisa ditambahkan sesuai dengan selera anda, dengan memperhatikan nomor urutannya !! Okay ?

Nah setelah anda PARSE semua kode diatas, kemudian tinggal anda Copast (copy paste) aja
Dan letakkan pada posisi yang sama.
NAh kayaknya sekarang, sudah ga ada lagi masalah tuh.....
Silahkan klik Tombol save/simpan perubahan.

O.K ? mudah bukan ?
Selamat mencoba dan
MARI BERBAGI !!

Read more

Minggu, 19 April 2009

MOUSE ATTACK

Langsung saja, Silahkan kalian lihat contohnya disini atau klik disini.
Nah kelihatan kan ? itu yang dinamakan efek "MOUSE ATTACK"
Jika kalian tertarik untuk memasangnya, silahkan ikuti petunjuk mudah berikut ini :

Cara ke-1 (satu)

Masuk Account Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Tambah Gadget, pilih HTML/JAVASCRIPT.
Kemudian copy dan paste kode dibawah ini :

<script language="JavaScript">
<!-- Mouse Attack by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript
<!-- Totality Edit by aroel1833 for http://pojokjeruklegi.blogspot.com

var num=10;//Jumlah titik/objek!
var vel=30;//Kecepatan!
var col=new Array('#ff0000','#ff0000','#ff0000','#ffffff');//warna titik minimal 2 warna !
var stopafter=60*60*24; //Stop and clear after x secondS!
//Nothing needs altering past here....................
var MAy=0;
var MAx=0;
var py=0;
var px=0;
var angle=0;
var distance=0;
var rep;
var ry=0;
var rx=0;
var tmr=null;
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
var v=(n4)?"show":"visible";
var put=false;
stopafter*=1000;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e){
if (put) return false;
MAy = e.pageY-window.pageYOffset;
MAx = e.pageX;
}
if (n4) window.onMouseMove=mouse1;
else document.onmousemove=mouse1;
}
if (ie||o6){
function mouse2(){
if (put) return false;
MAy = (ie)?event.clientY:event.clientY-window.pageYOffset;
MAx = event.clientX;
}
document.onmousemove=mouse2;
}
if (n4){
for (inc=0; inc < num; inc++)
document.write('<layer name=dots'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>');
}
else{
if (ie&&!o6){
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
}
for (inc=0; inc < num; inc++)
document.write('<div id="dots'+inc+'" style="position:absolute;top:0px;left:0px;width:'+inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>');
if (ie&&!o6) document.write("</div></div>");
}
function pos(){
h=(ie)?document.body.clientHeight:window.innerHeight-20;
w=(ie)?document.body.clientWidth:window.innerWidth-20;
ry=Math.round(Math.random()*h);
rx=Math.round(Math.random()*w);
rep=Math.round(Math.random()*3);
if (rep == 3)ry=0;
if (rep == 2)ry=h;
if (rep == 1)rx=0;
if (rep == 0)rx=w;
py=ry;
px=rx;
}
pos();
function followleader(){
sy=(!ie)?window.pageYOffset:0;
sx=(!ie)?window.pageXOffset:0;
if (ie) outer.style.top=document.body.scrollTop;
for (inc=0; inc < num; inc++){
randomcol=col[Math.floor(Math.random()*col.length)];
temp1=eval(_d+_a+"dots"+inc+_r+_s);
temp1.visibility=v;
if (inc < num-1){
temp2=eval(_d+_a+"dots"+(inc+1)+_r+_s);
temp1.top=temp2.top;
temp1.left=temp2.left
}
else{
temp1.top=py+sy;
temp1.left=px;
}
if (n4)temp1.bgColor=randomcol;
else temp1.background=randomcol;
}
}
function bomb(){
ay=MAy-py;
ax=MAx-px;
angle=Math.round(Math.atan2(ay,ax)*180/Math.PI);
if (angle < 0) angle += 360;
MAdy=py-MAy;
MAdx=px-MAx;
distance=Math.floor(Math.sqrt(MAdx*MAdx+MAdy*MAdy));
go_y = Math.round(vel*Math.sin(angle*Math.PI/180));
go_x = Math.round(vel*Math.cos(angle*Math.PI/180));
py+=go_y;
px+=go_x;
if (distance < vel) pos();
followleader();
tmr=setTimeout("bomb()",20);
}
bomb();
function dsbl(){
v=(n4)?"hide":"hidden";
put=true;
MAx=0;
MAy=0;
setTimeout('clearTimeout(tmr)',stopafter+100);
}
setTimeout('dsbl()',stopafter);
//-->
</script>

Setelah anda copy dan paste dengan benar, silahkan klik tombol Save/simpan.
Dan lihat hasilnya !! Jika masih belum berjalan, silahkan ikuti langkah ke dua yang juga masih sama-sama mudah.

Cara ke-2 (dua)

Masuk Account Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML,
"Centang" Expand template widget,
Kemudian paste kode tersebut DIBAWAH kode :

<body>

atau DIATAS kode :

</body>

Dan silahkan anda klik tombol save/simpan perubahan.
Dan jika masih ada pesan error pada cara yang kedua ini, berarti anda harus mem-PARSE kode tersebut !!
Cara PARSE sudah pernah saya posting disini atau anda bisa membacanya disini, atau anda bisa langsung menuju ke Situs penyedia layanan PARSE dengan klik disini atau disini.
Nah, setelah anda PARSE kode tersebut silahkan anda copy dan paste kode hasil PARSE tersebut pada posisi yang sama O.K ?

CATATAN :
Tulisan warna merah silahkan anda ganti sesuai selera anda .
Efek ini tidak akan berjalan bila ada efek sejenis yang telah terpasang !!
Semoga bermanfaat dan
MARI BERBAGI !!

Read more

Rabu, 15 April 2009

TULISAN TERBALIK

Nah kali ini hanya sebuah informasi ringan saja buat para Bloggerozt, yang suka nulis dengan huruf-huruf eksentrik ada yang terbalik dan ada yang bergaya "WEIRD".

Contoh tulisan terbalik :

ii ʇәƃuɐq ƃuәʇuɐƃ 3381Ⴈәoɹɐ

Contoh WEIRD untuk tulisan JERUKLEGI SEMENDHEH :

נєяυкℓєgι ѕємєи∂нєн
jerυĸlegι ѕeмendнeн
јεɾυќlεģï ṡεṃεṉḋhεh
jєruklєgí sєmєndhєh
j3ruk139! 53m3ndh3h
JeRuKlEgI SeMeNdHeH
ןєгยкlєﻮเ รє๓єภ๔ђєђ
ĴĔŔÚĶĹĔĞĨ ŚĔМĔŃĎĤĔĤ
ノ∑Яㄩкレ∑бⅰ ㄅ∑㎡∑и∂サ∑サ

Nah, jika kalian ingin menggunakan fasilitas tersebut, cukup kunjungi beberapa website penyedia layanan tersebut diantaranya :

www.sherv.net (Flip + WEIRD)

en.fliptext.net

www.revfad.com

Nah, Lumayan kan buat sedikit bervariasi dan memper-TENGIL-kan gaya tulisan kamu ?
Dan jangan salah, tulisan ini bisa buat nulis di Shoumix, Comment form, bahkan saat menulis di Halaman Friendster, FACEBOOK atau ditempat lain.

Kalau saja tidak dilarang oleh pihak Blogger, pasti saya akan posting cara-cara untuk men-"JAHIL"-i FRIENDSTER dan FACEBOOK teman kalian hehehe... !!
Btw, ini saja dulu buat para ABG... !!
MARI BERBAGI !

Read more

KALENDER SEDERHANA

Salam Sejahtera buat anda semua saudaraku....
Kita berjumpa lagi.. setelah beberapa hari ini banyak para DodoL dari alam gaib yang bikin "kerjaan". Sehingga saya sedikit tersita waktunya buat urusin mereka.
Okay ... buat pertemuan kali ini kita akan membuat sebuah Kalender sederhana.
Untuk melihat contohnya bisa kalian lihat disini atau kalian bisa klik disini.
Jika kalian tertarik untuk memasangnya, silahkan ikuti beberapa petunjuk berikut ini :
Masuk Account Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Tambah Gadget, pilih HTML/Javascript.
Kemudian silahkan anda Copy dan paste kode dibawah ini :

<html>
<head>
<style type="text/css">

.main {
width:200px;
border:1px solid red;
}

.month {
background-color:black;
font:bold 12px verdana;
color:red;
}

.daysofweek {
background-color:black;
font:bold 12px verdana;
color:red;
}

.days {
font-size: 12px;
font-family:verdana;
color:red;
background-color: black;
padding: 2px;
}

.days #today{
font-weight: bold;
color: white;
}

</style>


<script type="text/javascript" src="http://www.geocities.com/databasearoel1833/1833CALENDAR.js">
</script>

</head>
<body>
<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>
</body>
</html>

CATATAN :
Warna merah silahkan anda ganti sesuai seleera anda, baik itu jenis huruf, lebar, warna dll.

Nah mudah bukan ?? sekarang anda sudah bisa memiliki kalender pribadi,tanpa iklan, tanpa link ke penyedia kalender, dan memiliki "RASA" tersendiri tentunya.
Selamat mencoba dan MARI BERBAGI !!

Read more

Jumat, 10 April 2009

DUCK MENU

Selamat pagi sahabat semua ..... ufhh.. setelah lama buanget istirahat, akhirnya hari ini saya bia kembali menulis posting untuk kita semua....

Okay... kali ini saya akan memberi satu trik buat bikin "DUCK MENU". Hmm.. apa sih Duck menu itu ? kalau kalian mau liat contohnya.. bisa kalian klik disini atau klik disini. Kelihatan kan menu yang diatas? yang bergerak-gerak saat mouse ada diatasnya ? (mirip-mirip dengan skin XP jenis Brickopack).

Nah.. jika kalian tertarik untuk memasangnya, silahkan ikuti petunjuk dibawah ini. Tolong dicermati dengan baik ya? karena akan ada beberapa langkah yang memang harus benar-benar diperhatikan. O.k?

Masuk AccountBlogger anda==>Dashboard/dasbor==> Layout/tataletak==> Edit HTML.

Jangan lupa "Centang" Expand Template Widget ya ?

Kemudian Copy kode ini :


<script src='http://iblographics.com/jquery.js' type='text/javascript'/>
<script src='http://iblographics.com/interface.js' type='text/javascript'/>

Dan paste di BAWAH kode :

<head>

Setelah anda paste pada posisinya, kemudian silahkan anda Copy lagi kode dibawah ini :

/* Dock menu edited by jeruklegisemendheh
----------------------------------------------- */
.fisheye{
text-align: center;
height: 62px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
color: #ff0000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
top: 0;
}
a.fisheyeItem2
{
text-align: center;
color: #ff0000;
font-weight: bold;
text-decoration: none;
width: 40px;
position: absolute;
display: block;
bottom: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem2 img
{
border: none;
margin: 5px auto 0 auto;
width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
display: none;
positon: absolute;
}
.fisheyeContainter
{

height: 50px;
width: 200px;
left: 500px;
position: absolute;
}
#fisheye2
{
position: absolute;
width: 100%;
bottom: 0px;
}

/* Fin del dock menu
----------------------------------------------- */

lalu Silahkan anda paste tepat di-ATAS kode :

]]></b:skin>

Nah... sekarang tinggal langkah terakhirnya ....

Silahkan anda copy kembali kode dibawah ini :

<div class='fisheye' id='fisheye'>
<div class='fisheyeContainter'>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Home</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Email</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Display</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.pngg' width='
50'/><span>Secretk</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Web</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Find</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Movie</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Kill</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>File</span></a>
<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='
50'/><span>Share</span></a>

<a class='fisheyeItem' href='http://www.alamattarget.com'><img src='http://AlamatURLGAMBARANDA.png' width='50'/><span>Portable</span></a>
</div>
</div>

<script type="text/javascript">

$(document).ready(
function()
{
$('#fisheye').Fisheye(
{
maxWidth: 15,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 70,
proximity: 70,
halign : 'center'
}
)

}
);

</script>



Lalu paste tepat diBAWAH kode :

<body>

Nah.. kalu semuanya dirasa sudah benar, silahkan anda klik tombol Save/simpan perubahan.

dan lihat hasilnya ya ?

Catatan :

Jika masih terdapat pesan error, berarti anda harus mem-PARSE kode terakhir itu (kode yang diletakkan di bawah kode <body> )

Ingat.. cara PARSE sudah pernah saya posting disini atau anda bisa membacanya disini.

Atau anda bisa langsung menuju ke Situs penyedia layanan PARSE dengan klik Disini.

Ngerti kan ?

Kode warna MERAH silahkan anda ganti sesuai dengan Data/selera/alamat URL anda.

Aplikasi ini TIDAK BERJALAN bila :

Ada aplikasi sejenis pada blog anda.

Contoh :

Jika anda memasang gambar yang selalu berada diatas.

Ngerti kan?

Kalau sudah berhasil, silahkan anda share dan bagikan pada teman yang memerlukan ya?

MARI BERBAGI !!

Read more

Jumat, 03 April 2009

MARQUEE

Selamat malam INDONESIA-ku.....
Setelah beberapa hari ga posting karena badai gangguan yang ga kunjung selesai akhirnya malam ini saya bisa posting lagi di blog yang semrawut ini.setan
Okay... kali ini saya akan memberikan Trik yang sebenarnya buat para newbie yang ingin membuat tulisan berjalan alias "MARQUEE".
Mohon ma'af jika saya mem-posting ini setelah ada ribuan posting sejenis yang tellah ada.
Tapi kayaknya ga ada salahnya juga buat sekedar mengingat-ingat dan menambah koleksi postingan saya ya ?
Okay.. langsung saja Cur......

Contoh marquee dasar :

Berjalan dari kanan ke kiri tanpa pembatas
Kalimat Anda
Cara menulisnya :
<marquee>Kalimat Anda</marquee>

Berjalan dari kiri ke kanan tanpa pembatas
Kalimat Anda
Cara menulisnya :
<marquee direction="right">Kalimat Anda</marquee>

Berjalan Kekanan dan kekiri tanpa pembatas
KANAN KIRI
Cara menulisnya :
<marquee behavior="alternate">Kalimat Anda</marquee>

Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut
Berhenti saat mouse diatasnya
Cara menulisnya :
<marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>

Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"
Dengan kecepatan
Cara menulis :
<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout

Ini marquee ke atas
Kalimat anda Anda
Cara menulis :
<marquee direction="up">Teks Anda</marquee>

Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda


Cara menulis :
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

Ini kalau ke bawah dan "bablas" aja walaupun mouse anda berada diatasnya (tanpa kode muoseover....)
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda


Cara menulisnya :
<marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>

Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :


Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda



Cara menulisnya :
<center>
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
</marquee>
</center>

Nah mudah bukan ?
Silahkan untuk bentuk dan model, anda tentunya bisa bereksperimen sendiri ya...?
Bahkan gambar-pun bisa anda anda beri efek marquee... ocree??
Gampang kq... tinggal ketik beres dah...!!
Selamat mencoba, mudah-mudahan bermanfaat.
Jangan lupa ajari teman-teman yang belum bisa ya?
MARI BERBAGI !!

Read more